关于前后端分离

本文介绍了前后端分离的概念,包括其特点(如使用vue.js、react.js等框架,通过ajax请求数据)以及企业采用前后端分离的原因(职责明确、开发高效,利于项目扩展)。同时指出,前后端不分离更多用于小规模项目。
摘要由CSDN通过智能技术生成

关于前后端分离

接下来,你将进入 前后端分离项目开发 模块。 这也是企业中比较常见的开发模式。

疑问:

  • 什么是前后端分离?与之前的开发模式有什么区别?
  • 企业为什么要用前后端分离?

1. 什么是前后端分离?

  • 前后端不分离,像咱们之前学习django、案例、crm项目、bug管理 时的那些模块。

    特点:
    	- 用户访问URL
    	- 执行视图函数,视图进行业务处理
    	- 视图render,读取HTML模块+数据渲染,将渲染完成的HTML/CSS/JS返回并呈现在用户浏览器上。
    	
    配合开发:
    	- 前端,写HTML、CSS、JS
    	- 后端,前端代码给我后端,后端代码 + 前端代码 集成到项目中。
    

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MMFLOqRY-1691020135055)(assets/image-20210828135148077.png)]

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y0OuwHT7-1691020135056)(assets/image-20210819121547705.png)]

  • 前后端分离

    特点:
    	- 一般基于 vue.js、react.js、angular.js 框架来编写前端页面(本质上是HTML、CSS、JS)。
    	- 页面上如果需要呈现数据,则需要则需要通过 ajax 的形式向后端发送请求(URL)并获取数据。
    	- 后端接收到请求后,执行视图函数并进行业务处理
    	- 后端的视图执行完毕后,给前端返回JSON格式数据。
    	- 前端接收到JSON格式数据后呈现在浏览器上即可。
    	
    配合开发:
    	- 前端,写HTML、CSS、JS(数据都是通过调用后端API获得)
    	- 后端,写API接口
    	- 前后端约定好接口的规则。
    

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RaJh4c6a-1691020135056)(assets/image-20210819122103573.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3VnH4hPE-1691020135057)(assets/image-20210807124425671.png)]

2.为什么要使用前后端分离?

目前企业一般都会采用前后端分离的形式来进行项目开发,这种模式:

  • 前后端职责清晰,前端开发者只vue.js、react.js、angular.js等框架编写页面;后端开发者只用Python编写后端代码;(两者通过json格式请求数据的传输)。
  • 开发高效,前后端做自己擅长的领域且使用vue.js等前端框架比用传统的HTML、CSS、JS、jQuery等开发速度快很多。
  • 有利于项目的扩展(开发APP、微信小程序等)。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AmHBN56C-1691020135057)(assets/image-20210819122740927.png)]

注意:前后端不分离的项目,现在一般用于开发用户量少、简单的项目。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值