模板引擎artTemplate

"兼容快速,调试,语法,轻量于一身的模板引擎"

图好大的图

网站链接  ↓

art-template (aui.github.io)

模板引擎的优点是:在网页开发中不用一边想dom结构一边写逻辑,大大增加了开发的效率

实例1(查询所有学生):

步骤1.定义模板模板要写在script标签中，type属性要改成text/html

 each是循环语句，用于遍历数据，

 $data是传递给模板的数据

 item是遍历出来的每一项数据

 index是每一项数据的索引

步骤1

步骤2引入jquery框架,再引入artTemplate模板引擎

步骤2

步骤3 在外部js中,写出加载dom的方法,再写出加载全部学生对象的方法,最后再加载dom的方法中调用加载学生的方法(可以写完再封装到外部js)

步骤3

步骤4 将写好的外部js引入原网页

步骤4

实例2(导航栏的模板引擎用法 ):

步骤1.定义模板模板要写在script标签中，type属性要改成text/html

步骤2.定义模板

导航栏的模板

步骤3.引入jquery框架,再引入artTemplate模板引擎

导入模板

步骤4.引入内部数据,并将它添加到模板中

将数据添加到模板中

步骤5.写出js交互效果

交互效果

(完整的js部分)

'博士你还有很多事没做,还不能休息哦'