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>