標籤：
修改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="/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 %>
現在瀏覽器可以訪問表單頁面：
使用express+mongoDB搭建多人部落格 學習（2）路由與模板
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
