不依赖服务端渲染模板,前端实现模板渲染加载问题的一些思考。
不依赖服务端渲染模板,前端实现模板渲染加载问题的一些思考。
弦理工作室 发表于9个月前
不依赖服务端渲染模板,前端实现模板渲染加载问题的一些思考。
  • 发表于 9个月前
  • 阅读 20
  • 收藏 0
  • 点赞 0
  • 评论 1

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 前端实现模板渲染加载

本猿服务端开发一枚,之前一直使用jsp或者freemarker等服务端渲染模板。前后端分离之后,便将json数据的渲染工作交给了js来做。相应选择的前端渲染模板便是腾讯的arttemplate,为什么选择arttemplat呢,主要是在使用agilelite前端框架中使用过一次,二来也是看到她良好的渲染性能(https://github.com/aui/art-template) 。采用arttemplate虽然做到了前端来渲染json数据。但却无法做到将页面的一些公共代码或者模块抽离出来做成一个模板页。这样就造成了我们页面里的头部或者底部就要在每一张页面内写一次(闹心啊。。)。这样的话工作量大且不利于维护。不知道前端开发是如何解决这个问题的。
    以下是我在前端模板加载实践中踩的一些坑,由于服务端解决页面模板的方案很在此就展开讨论了,本文仅讨论如何使用目前前端友好的方式来解决页面模板渲染加载问题:
    2月:采用 $.load() 来加载头部和底部。但发现加载进来的页面内的js无法执行(不知道大家有遇到这种情况没),故退回使用freemarker,产品顺利上线。
    3月:欲采用arttemplate的include的标签加载公共模板,但发现模板必须在同一页面内。想用script 标签将外部模板以js文件的方式引入。但尝试后以失败告终。(有用过arttemplate的include的可以交流一下下)。
    4月:打算采用iframe来加载局部模块(主要这个前端支持且成熟)。故找到了layer(layerui)。但是iframe天然的隔离性使得彼此之间的css和js不共享。而且iframe加载必须是一张相对完整的页面,加载部分代码段的效果不是很好。
    不知道大家是如何做模块加载的?

共有 人打赏支持
粉丝 0
博文 1
码字总数 555
评论 (1)
oschina_lc
同问此问题,对于不能将模板内容单独拆分出来很是郁闷,请问楼主有解决办法了吗?
×
弦理工作室
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: