nodejs (前后端交互)

在前后端不分离的应用模式中,前端页面看到的效果都是由后端控制,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高。 这种应用模式比较适合纯网页应用,但是当后端对接App时,App可能并不需要后端返回一个HTML网页,而仅仅是数据本身,所以后端原本返回网页的接口不再适用于前端App应用,为了对接App后端还需再开发一套接口。

前后端不分离流程简略视图

前端 后端 浏览器 写好模板 读取模板+数据 生成html 前端 后端 浏览器
前端 后端 浏览器 写好html+css html改成模板(.ejs) 模板添加循环 <% list.forEach%> 模板添加渲染 <%= item%> 前端 后端 浏览器

express前后端不分离

0 安装 模板
npm i ejs -S

1. 设置模板
app.set("views","./views")
app.set("view engin","ejs");//使用ejs引擎

2. 定义模板
/views/user.ejs

3. 定义路由
app.get("/user",function(req,res){
   res.render("user",{title:"",list:[]})
  //  渲染/view/user.ejs模板,并传入数据{title:"",list:[]}
})

4. ejs 模板语法
<%= %> 渲染数据的
<% %> 执行js的

<p><%= title % ><p>
//将会把标题渲染到 p标签里面
list.forEach(item=>{
   <li></li>
})
<% list.forEach(item=>{ %>
   <li><%= item %></li>
<% });%>

前后端分离属于软件架构的一种。. 其核心思想是把 前端项目(Node.js实现的)和后端项目独立部署到不同的服务器上, 前端项目在通过Ajax请求服务器端项目Restful接口实现数据交互。使用前后端分离架构的项目在项目组中往往配备前端工程师和后端工程师

前后端分离流程简略视图

前端 后端 浏览器 获取数据json 写好html+业务路径 ajax 获取数据 在浏览器渲染页面 前端 后端 浏览器

express前后端分离

//get 
app.get("/list",function(req,res){
   res.json({}) //发送给 客户端
})

//post
//	1. 使用中间件
app.use(express.json())
	app.post("/adduser",function(req,res){
    // req.body 客户端发给后端的数据body
    req.json({}) // 发送数据给客户端
})
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值