搭建好框架之后,我们需要做的第一步就是实现一个前后台交互的功能。
首先打开 views下面的 index.jade,修改代码为:
extends layout
block content
h1= title
p Welcome to #{title}
form(action="/jump",method="get")
<input type="submit" value="跳转">
然后打开 routes 下面的 index.js,修改代码为:
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
});
router.get('/jump',function(req,res,next){
res.render('newPage',{title:'NewPage'});
});
module.exports = router;
然后在 views 下新建 newPage.jade,修改代码为:
extends layout
block content
h1= title
p Welcome to #{title}
运行项目
打开 localhost:3000 页面,
点击跳转: