express实现简单的表单增加学习笔记(3)

1.app.js引入db.js

var db = require('./db')

2.index.jade中添加form表单，列表循环

extends layout

block content
  form(action="/add", method="post")
    input(type="text",name="title")
    input(type="submit",value="添加")
  ul
    - each item in list
     li= item.name
 

3.将data.json中的数据渲染到index.jade中

app.get('/',function(req,res){
  console.log(db.list)
     res.render('index',{list:db.list})
})

4.表单提交

app.post('/add',function(req,res){
  if(req.body.title){
    db.add({name:req.body.title});
  }
  res.redirect('/');
   
})

其中name的值应该与表单提交的name的值一致，因为我表单中name="title",所以db.add({name:req.body.title})

5.执行npm start

可以看到我们的终端打印出我们新增的表单内容

实现的结果如下