欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

node+express+jade制作简单网站指南_node.js

程序员文章站 2022-04-07 19:24:49
...
1.建立工程文件夹:my_jade

2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去.

3.建立相关的文件夹和文件.

node+express+jade制作简单网站指南_node.js

index.js:

node+express+jade制作简单网站指南_node.js

style.css

node+express+jade制作简单网站指南_node.js

gys.jade代码:

node+express+jade制作简单网站指南_node.js

index.jade:

node+express+jade制作简单网站指南_node.js

layout.jade

node+express+jade制作简单网站指南_node.js

app.js

node+express+jade制作简单网站指南_node.js

运行app.js:node app.js;

在浏览器中预览:

node+express+jade制作简单网站指南_node.js

在看一个不使用页面布局的例子:

修改index.js

node+express+jade制作简单网站指南_node.js

修改app.js

node+express+jade制作简单网站指南_node.js

运行app.js在浏览器中预览:

node+express+jade制作简单网站指南_node.js

单击提交 会触发ajax. 。本文就先到这里吧,后续的工作以后再接着进行,刚入手这块内容,还不是很熟练,哈哈。

相关标签: node express jade