为什么会用到模板引擎?模板引擎的使用简析

1、在做前端开发项目的时候,有时候经常需要根据后端返回的json数据,然后来生成html,再渲染页面。

比如一个简单的轮播图的数据:

为什么会用到模板引擎?模板引擎的使用简析

传统的方法是拼接字符串方式,如下:

为什么会用到模板引擎?模板引擎的使用简析

由于这种结构简单还好,拼接的时候要注意引号问题,一旦需求发生变化,这里修改起来也是很麻烦

结构复杂的就需要模板引擎来改善这种情况。

2、说一下轻量化的template.js模板引擎使用,简单举一个小例子如下:

引用template — —  ajax请求数据后 赋值给data — — 然后绑定数据

绑定数据格式  <%= title %>

循环获取数据  
1、<%for(var i in items){%>    <%}%>
2、<%items.forEach(function(item){%>   <%})%>

完整代码在这里: 

为什么会用到模板引擎?模板引擎的使用简析