node实战小例子

第一章 2020-2-6 留言小本子

思路(由于本章没有数据库,客户提交的数据放在全局变量,接收请求用的是bodyParser,

padyParser使用方法

app.use(bodyParser.urlencoded({extended:false }))

设置全局方法

在express框架中

________________________________

let entries = [];

app.localls.entries=entries;

_____________________________________

 

在收到请求的数据路由中增加到全局数组    示例代码:

entries.push({

  title :req.body.title,

  content:req.body.content,

  published: new.Date()

})

处理提交数据前得验证一下是否有数据,示例代码

if(!req.body.title || ! req.body.contont){

  // res.statue(400).send('数据为空也返回');

return;

}else{

  //处理得到数据后的逻辑

}

增加完成后跳到展示页需要用到重定向:

res.redirect('/')

_______________________________________________________

而这个时候有数据了,怎么填充到模板呢?示例代码

<% if(entries.length){ %>

<%

//备注entries 是后台的全局一个对象,可以用forEach遍历数组,但是不要用ec6语法  具体遍历后的对像放在参数

//中 ,这里参数是entry,ejs模板中脚本部份是<%%> 而数据则用<%= %>

entries.forEach(function(entry){

})%>

<%=entry.title%>

<%=entry.content%>

 

< %} else{ %>

暂无留言:去增加一条留言!

} %>

————————————————————————————————————————————————

附录图片:

node实战小例子_第1张图片

 

你可能感兴趣的:(node实战小例子)