针对复杂结构的前端页面，如何更好地与后台交互实现动态网页？

问题:

前端页面上展示的数据都是通过后台动态获取的，而且页面结构也比较复杂，html代码嵌套层次也特别深，特效也比较多，通过ajax获取之后使用js拼接，总感觉这种方法很麻烦、有好多不合理之处却又说不出来，自己测试的时候拼接js嵌套好多，而且也会出现先后加载的顺序，请问大家有没有什么好的方法和建议？比如模板引擎可以吗？
如下图：除了产品详情和时间溯源这八个字是静态的，其他都是未知动态获取的

回答1:

用vue,不用拼串。

回答2:

楼上所言极是，vue现在也挺火的，关键很好用，我觉得前后端程序员都应该去学习学习这门框架

回答3:

如果是vue,你可以百度了解一下斗篷,让他全部加载完毕后再展示出来,原理其实很简单,未加载完html标签display为none,加载完成后变成black,即使是vue也是用类似ajax框架来实现动态更新,但是嘛具体内容具体分析

回答4:

这种可能不适合VUE，一般这种网站需要SEO，建议直接后端输出HTML

回答5:

一般不都这么做的么？后端返回json，前端无论是web还是各种平台的app，都只需要一个后端即可。以前不会用json的时候，都是后台返回html代码，直接js怼上去的，现在都用json，方便啊，想咋展示就咋展示。vue的话，代码写起来更舒服一些。包括存个数据在本地啥的。