关于前后端分离

关于前后端分离

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

疑问:

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

1. 什么是前后端分离?

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

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

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

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

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

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

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

相关推荐
撸串-研究生5 天前
面向景区的综合服务管理平台设计——以稻城亚丁景区为例【附源码】
java·开发语言·vue.js·前后端分离·稻城亚丁景区
豆角焖肉6 天前
SpringBoot+JWT 实现前后端分离登录鉴权
java·开发语言·spring boot·jwt·前后端分离·登录认证
cpolar技术支持13 天前
Spring Boot 接口本地正常,异地前端却报跨域?用 cpolar 跑通 CORS 预检与白名单
java·springboot·cpolar·前后端分离·cors
墨鱼老师15 天前
Go+Gin+Vue 毕设项目:Gin 框架搭建后端基础接口实战
vue.js·golang·go·gin·前后端分离·计算机毕业设计·go 后端
墨鱼老师17 天前
SpringBoot+Vue 毕设项目开发踩坑记录(前后端分离)
vue.js·spring boot·毕业设计·课程设计·前后端分离·java 毕设
火云牌神2 个月前
前后端分离:约束 AI 分工,避免接口耦合与职责错乱
人工智能·系统架构·ai编程·前后端分离·vibecoding
万亿少女的梦1683 个月前
基于Spring Boot与MySQL的乡镇群众服务系统设计与实现
java·spring boot·mysql·权限管理·前后端分离
fanzhonghong5 个月前
javaWeb开发之前端实战(Tlias案例-部门管理)
前端·后端·web·前后端分离
程序员老邢5 个月前
【技术底稿 32】Nginx 经典大坑复盘:本机公网域名自环代理,导致接口返回首页 / 404 实战排障
java·运维·nginx·前后端分离·技术底稿·后端部署
Cory.眼6 个月前
若依(RuoYi)框架介绍
架构·前后端分离·若依架构