如何在Nodejs项目Pug模板生成无

白癜风诚信为民 http://nb.ifeng.com/a/20180331/6472849_0.shtml

工具

WebStormNode.js浏览器技术

PugExpressJavaScript在Node.js项目中,使用Express框架,Pug模板引擎,如果想要在页面上生成一个无序列表,该怎么实现呢?下面利用具体的实例来说明:

操作步骤:

1、打开WebStorm工具,新建Pug文件ul.pug,然后点击OK

打开WebStorm工具,新建Pug文件ul.pug

2、打开ul.pug文件,导入layout,然后定义一个数组weeks,使用each循环,生成无序列表的项

定义一个数组weeks,使用each循环

3、打开路由文件夹下index.js文件,配置生成无序列表的页面路由

配置生成无序列表的页面路由

4、启动项目,打开浏览器,预览界面,结果出现了报错

启动项目,打开浏览器,预览界面

5、由错误提示可知,无序列表需要加ul标签,JavaScript代码需要加-

检查代码,修改代码

6、保存代码并刷新浏览器,可以查看到生成的无序列表

查看到生成的无序列表




转载请注明:http://www.aierlanlan.com/grrz/2002.html