- 时间:2021-10-25 23:11 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:node+express+jade制作简单网站指南
1.建立工程文件夹:my_jade
2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去.
3.建立相关的文件夹和文件.
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100134_0_28070.png[/img]
index.js:
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100135_1_5820.png[/img]
style.css
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100135_2_88245.png[/img]
gys.jade代码:
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100136_3_47180.jpg[/img]
index.jade:
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100136_4_38441.png[/img]
layout.jade
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100137_5_42283.png[/img]
app.js
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100137_6_73175.png[/img]
运行app.js:node app.js;
在浏览器中预览:
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100138_7_27524.png[/img]
在看一个不使用页面布局的例子:
修改index.js
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100138_8_54912.png[/img]
修改app.js
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100138_9_73959.png[/img]
运行app.js在浏览器中预览:
[img]http://img.1sucai.cn/uploads/article/2018010710/20180107100139_10_82458.png[/img]
单击提交 会触发ajax. 。本文就先到这里吧,后续的工作以后再接着进行,刚入手这块内容,还不是很熟练,哈哈。