art-template前后端模板混合使用

art-template前后端模板混合使用出错经历

今天在做省市区三级联动时，遇到了问题，因为之前都是只用服务器端或者只用客户端模板渲染，这次写的页面的话主页面用到了服务器端方式渲染，三级联动的话需要ajax调用接口动态渲染页面，需要客户端的模板方式渲染。然后尝试混用，此时发现直接进行客户端和服务器端的共同渲染时，拿到的数据用客户端方式渲染数据根本就解析不到。

于是就去百度，原来客户端和服务器端模板渲染不能同时使用{{}}的简单语法，如果服务器端的数据用了{{}}简化语法，那么客户端的渲染必须用<%%>原生语法.确实是这样，亲测无误。

虽然花费了很长时间去解决这个事情，但是最终的收获让我有一种豁然开朗的感觉。因为之前的话自己也曾想过，客户端的话是挺好用的，但是他的数据重复性太高，一旦改变某一块内容，如果其他页面有相同的部分的话不重新加载页面那么就不会得到最新数据。服务器端的话，可以对模板进行裁剪分块吧（通俗一点讲），各个页面都应用同一块代码区，只需要更新这一块代码数据，其他页面的数据也会得到更新。但是如果对页面局部内容进行操作的话又会有问题，它会重新渲染你的整个页面，如果你的页面上有很多的选项卡之类的，并且某个选项卡已经选中，此时重新渲染的话会跳到最初的默认选项卡上去，这样的用户体验非常不好。一直有这个疑问但是没有实际操作解决过，今天的收获颇多，对以后的编写代码很有帮助。