模板引擎artTemplate
"兼容快速,调试,语法,轻量于一身的模板引擎"
网站链接 ↓
模板引擎的优点是:在网页开发中不用一边想dom结构一边写逻辑,大大增加了开发的效率
实例1(查询所有学生):
步骤1.定义模板模板要写在script标签中,type属性要改成text/html
each是循环语句,用于遍历数据,
$data是传递给模板的数据
item是遍历出来的每一项数据
index是每一项数据的索引
步骤2引入jquery框架,再引入artTemplate模板引擎
步骤3 在外部js中,写出加载dom的方法,再写出加载全部学生对象的方法,最后再加载dom的方法中调用加载学生的方法(可以写完再封装到外部js)
步骤4 将写好的外部js引入原网页
实例2(导航栏的模板引擎用法 ):
步骤1.定义模板模板要写在script标签中,type属性要改成text/html
步骤2.定义模板
步骤3.引入jquery框架,再引入artTemplate模板引擎
步骤4.引入内部数据,并将它添加到模板中
步骤5.写出js交互效果
(完整的js部分)