相思资源网 Design By www.200059.com

1.建立工程文件夹:my_jade

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

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

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

index.js:

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

style.css

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

gys.jade代码:

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

index.jade:

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

layout.jade

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

app.js

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

运行app.js:node app.js;

在浏览器中预览:

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

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

修改index.js

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

修改app.js

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

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

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

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

标签:
node,express,jade

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“node+express+jade制作简单网站指南”

暂无node+express+jade制作简单网站指南的评论...