搭建好框架之后,我们需要做的第一步就是实现一个前后台交互的功能。
首先打开 views下面的 index.jade,修改代码为:
extends layoutblock contenth1= titlep 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 layoutblock contenth1= titlep Welcome to #{title}
运行项目
打开 localhost:3000 页面,
点击跳转: