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

1、根据后端返回的json数据,然后来生成html,再渲染页面。

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

为什么会用到模板引擎?模板引擎template的使用简析_第1张图片

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

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

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

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

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

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

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

完整代码在这里: 

为什么会用到模板引擎?模板引擎template的使用简析_第2张图片

 

你可能感兴趣的:(前端开发,JavaScript,前端开发,模板引擎,template.js,程序猿)