竹笋

首页 » 问答 » 常识 » 如何在Nodejs使用Pug创建表格并
TUhjnbcbe - 2023/6/18 21:55:00
北京看皮肤科的好医院 https://m-mip.39.net/nk/mipso_4658077.html

工具

WebStormNode.js浏览器技术

expresspug在Node.js项目中,如果项目使用Pug模板引擎,想要新建一个表格,该怎么实现?单个表格没有加样式属性,如何设置表格样式?下面利用实例说明:

操作步骤:

1、在已创建好的Node.js项目中,views文件夹上,鼠标右键新建Pug文件;输入文件名称,点击OK

新建Pug文件

2、打开文件,导入layout模板;然后添加模块内容,插入表格元素

添加模块内容,插入表格元素

3、打开路由JS文件,配置表格页面路由

打开路由JS文件,配置表格页面路由

4、启动项目,打开浏览器,查看表格效果

启动项目,打开浏览器,查看表格效果

5、在表格对应的元素标签上,添加样式style,设置样式属性

添加样式style,设置样式属性

6、保存代码并刷新浏览器,结果发现表格样式发生改变

刷新浏览器,查看表格样式

7、为了简化样式写法,将样式写在css文件中

简化样式
1
查看完整版本: 如何在Nodejs使用Pug创建表格并