修改index.js路由规则：
var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res, next) { res.render('index', { title: '主页' }); }); router.get('/reg',function(req,res,next){ res.render('reg', { title: '注册' }); }); router.post('/reg',function(req,res,next){ }); router.get('/login',function(req,res,next){ res.render('login', { title: '登录' }); }); router.post('/login',function(req,res,next){ }); router.get('/post',function(req,res,next){ res.render('post', { title: '发表' }); }); router.post('/post',function(req,res,next){ }); router.get('/logout',function(req,res,next){ }); module.exports = router;
2、修改index.ejs视图
<%- include header %>
这是主页
<%- include footer%>
3、新增header.ejs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Blog</title>
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body>
<header>
<h1><%= title %></h1>
</header>
<nav>
<span><a title="主页" href="/">home</a></span>
<span><a title="登录" href="/login">login</a></span>
<span><a title="注册" href="/reg">register</a></span>
</nav>
<article>
4、新增footer.ejs
</article>
</body>
</html>
5、新增login.ejs reg.ejs post.ejs
<%- include header %>
<form method="post">
用户名：<input type="text" name="name"/><br/>
密码：<input type="password" name="password"/><br/>
<input type="submit" value="登录"/>
</form>
<%- include footer %>
<%- include header %>
<form method="post">
用户名：<input type="text" name="name"/><br/>
密码：<input type="password" name="password"/><br/>
确认密码：<input type="password" name="repassword"/><br/>
邮箱：<input type="email" name="email"/><br/>
<input type="submit" value="注册"/>
</form>
<%- include footer %>
<%- include header %>
<form method="post">
标题：<br/>
<input type="text" name="title"/><br/>
正文：<br/>
<textarea name="post" rows="20" cols="100"></textarea><br/>
<input type="submit" value="发表"/>
</form>
<%- include footer %>
现在浏览器可以访问表单页面：
