首页 > 代码库 > 使用express+mongoDB搭建多人博客 学习（2）路由与模板
使用express+mongoDB搭建多人博客 学习（2）路由与模板
修改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(‘/reg‘,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="http://www.mamicode.com/stylesheets/style.css"></head><body> <header> <h1><%= title %></h1> </header> <nav> <span><a title="主页" href="http://www.mamicode.com/">home</a></span> <span><a title="登录" href="http://www.mamicode.com/login">login</a></span> <span><a title="注册" href="http://www.mamicode.com/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="http://www.mamicode.com/登录"/> </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="http://www.mamicode.com/注册"/> </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="http://www.mamicode.com/登录"/> </form><%- include footer %>
现在浏览器可以访问表单页面：
使用express+mongoDB搭建多人博客 学习（2）路由与模板
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。