工具
WebStormNode.js浏览器技术
PugExpressJavaScript在Node.js项目中,使用Express框架,Pug模板引擎,如果想要在页面上生成一个无序列表,该怎么实现呢?下面利用具体的实例来说明:
操作步骤:
1、打开WebStorm工具,新建Pug文件ul.pug,然后点击OK
打开WebStorm工具,新建Pug文件ul.pug2、打开ul.pug文件,导入layout,然后定义一个数组weeks,使用each循环,生成无序列表的项
定义一个数组weeks,使用each循环3、打开路由文件夹下index.js文件,配置生成无序列表的页面路由
配置生成无序列表的页面路由4、启动项目,打开浏览器,预览界面,结果出现了报错
启动项目,打开浏览器,预览界面5、由错误提示可知,无序列表需要加ul标签,JavaScript代码需要加-
检查代码,修改代码6、保存代码并刷新浏览器,可以查看到生成的无序列表
查看到生成的无序列表