首页 > 其他 > 详细

node实战小例子

时间:2020-02-06 23:58:44      阅读:123      评论:0      收藏:0      [点我收藏+]

第一章 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){

})%>

<div><%=entry.title%>

<div><%=entry.content%></div>

 <div class="card mg-3">

< %} else{ %>

暂无留言:<a href="/new">去增加一条留言!</a>

} %>

<div>

<div>

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

附录图片:

技术分享图片

 

node实战小例子

原文:https://www.cnblogs.com/fgxwan/p/12270860.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!