實例是模擬登錄頁面提交表單,然后根據信息判斷是否登錄成功
login.js
var express =require('express'); var router =express.Router(); router.get('/',function(req,res,next){ res.render("login.jade"); }); module.exports = router;
login.jade
doctype html
html
head
meta(http-equiv="Content-Type",content="text/html; charset=utf-8")
title 添加數據頁
body
h1 請填寫你要發送的信息
form(action="/loginmsg",method="post")
input(name="msg",type="text",id="msg")
input(name="submit",type="submit")
loginmsg.js
var express =require('express'); var router =express.Router(); router.post('/',function(req,res,next){ var msg = req.body.msg; if(msg){ res.render("loginmsg.jade",{msg:msg}); } }); module.exports = router;
loginmsg.jade
doctype html
html
head
title 主頁
body
div 你發送的信息為:#{msg}
app.js
var express = require('express'); var path = require('path'); var app = express(); var bodyParser = require('body-parser'); var login = require('./routes/login'); var loginmsg = require('./routes/loginmsg'); //模板引擎設置 app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); app.use(express.static('public')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); //設置路由 app.use('/',login); app.use('/loginmsg',loginmsg); app.listen(3000); console.log("啟動端口:3000");