首先,毋庸置疑, 新建一个基础express站点.建好之后, 有三个文件需要code(当然,三个步骤顺序随意).
下面以添加一个'/about'为例说明.
1. 在views文件夹里,新建一个jade file. 命名为about 在里面添加你要的网页内容,下面给出代码示例:
1 p 我们是XXX团队 2 p 欢迎加入我们
2. 在routes文件夹里,新建一个javascript file,命名为about, 添加代码:
exports.about = function(req, res){ res.render('about');};
3. 打开主文件app.js, 这里有两步(这两处添加位置可以随意,但是建议添加在已有代码格式相同的地方):
a.在开头部分加上下面代码
var myroute = require('./routes/about');
b.在后面部分加上如下代码:
app.get('/about',myroute.about); //这里的myroute即为a步骤声明的变量
完成以上步骤, 即可运行该程序了. 在浏览器中输入地址 127.0.0.1:3000/about 即可通过你新增的路由查看页面了.
下面再啰嗦一下, 若你查看你新建时自动生成的代码, 你会看到, index.js文件类似上面步骤2中的代码.如下:
res.render('index', { title: 'Express' });
这里后面多了一个 {title:'Express'}
那这是什么呢? 你若再看index.jade文件就能发现里面有用到title, 这是一个变量. 所以上面多出的部分就是给变量赋值.
我们自己也完全可以仿造index在about.jade里面使用变量, 并在about.js中给它(们)赋值.
若你使用了多个变量, 则在js文件中赋值的格式为:
res.render('about', { 变量1: '值1', 变量2:'值2'}); 如上所示, 用逗号隔开.