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>