nodejs添加路由route步骤详解

首先,毋庸置疑, 新建一个基础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'});
如上所示, 用逗号隔开.