Node.js實戰項目(二)----路由優化

在（一）中依靠express 成功的把首頁渲染出來了

app.get('/', function (req, res,next) {
    res.render('index');
});

但是有一個問題，那就是當我們需要渲染的頁面越來越多的時候，頁面邏輯越來越複雜的時候，要是還這樣寫的話就會使入口文件顯得很亂。所以我們現在需要做一件事情就是優化我們的路由。

在項目文件夾下創建route文件夾，新建route.js用來放我們的頁面渲染代碼。其實就是將頁面渲染函數exports暴露出來。

route.js代碼

exports.showIndex = function (req, res, next) {
        res.render("index");
};

然後我們需要修改入口文件的代碼

var express = require('express');
var app = express();
var route = require('./route/route');    //路由.js

//設置視圖模板引擎
app.set('views', './views');
app.set('view engine','ejs');
//靜態文件存放
app.use('/static',express.static('public'));

//首頁
app.get('/',route.showIndex);

app.listen(3000);

然後我們打開瀏覽器，首頁正常渲染，路由優化完成

我們代碼裏的跳轉路徑也要修改爲入口文件裏的路徑

            <ul class="layui-nav">
                <li class="layui-nav-item layui-this"><a href="/">靜夜思</a></li>
                <li class="layui-nav-item "><a href="/pagelist">文章列表</a></li>
                <li class="layui-nav-item"><a href="/zilou">紙簍</a></li>
                <li class="layui-nav-item"><a href="/write">寫文章</a></li>
                <li class="layui-nav-item"><a href="/login">登陸</a></li>
                <li class="layui-nav-item"><a href="/register">註冊</a></li>
            </ul>