首先,毋庸置疑, 新建一個基礎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'});
如上所示, 用逗號隔開.