为什么要前后端分离?

前后端分离

前后端分离就是将一个应用的前端代码和后端代码分开写,为什么要这么做?

如果不使用前后端分离的方式,会有哪些问题?

传统的java Web开发中,前端使用的是jsp开发,jsp不是由后端开发者来独立完成的。

前端–》HTML静态页面–》后端–》jsp

这种开发方式效率极低,可以使用前后端分离的方式进行开发,就可以完美地解决这一问题。

前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可。

前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可。

前后端开发者只需要提前约定好接口文档(URL,参数,数据类型----),然后分别独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端。最后完成前后端继承即可,真正实现了前后端应用的解耦合,极大的提升了开发效率。

单体—》前端应用+后端应用

前端应用:负责数据展示和用户交互。

后端应用:负责提供数据处理接口。

前端HTML–》Ajax–》RESTful后端数据接口。

传统的单体应用:

在这里插入图片描述

前后端分离的结构:

在这里插入图片描述

前后端分离就是将一个单体应用拆分成两个独立的应用,前端应用和后端应用以JSON格式进行数据交互。

实现技术

Spring Boot + Vue

使用Spring Boot 进行后端应用开发,使用Vue进行前端应用开发。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本门课程重实战,将基础知识拆解到项目里,让你在项目情境里学知识。 这样的学习方式能让你保持兴趣、充满动力,时刻知道学的东西能用在哪、能怎么用。 平时不明白的知识点,放在项目里去理解就恍然大悟了。   一、融汇贯通 本视频采用前后端分离开发模式,前端使用Vue.js+Element UI实现了Web页面的呈现,后端使用Python 的Django框架实现了数据访问的接口,前端通过Axios访问后端接口获得数据。在学习完本章节后,真正理解前后端的各自承担的工作。   二、贴近实战 本系列课程为练手项目实战:学生管理系统v4.0的开发,项目包含了如下几个内容:项目的总体介绍、基本功能的演示、Vuejs的初始化、Element UI的使用、在Django实现针对数据的增删改查的接口、在Vuejs实现前端增删改查的调用、实现文件的上传、实现表格的分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格的批量化操作等等,所有的功能都通过演示完成、贴近了实战   三、课程亮点 在本案例,最大的亮点在于前后端做了分离,真正理解前后端的各自承担的工作。前端如何和后端交互   适合人群: 1、有Python语言基础、web前端基础,想要深入学习Python Web框架的朋友; 2、有Django基础,但是想学习企业级项目实战的朋友; 3、有MySQL数据库基础的朋友  
前后端分离认证是指将用户身份验证、授权等功能从后端服务分离出来,单独实现在前端应用,以提高应用的性能和扩展性。通常情况下,前后端分离认证采用 Token 或者 JWT(JSON Web Token)机制。 实现前后端分离认证的步骤如下: 1. 在前端登录页面,用户输入用户名和密码,前端应用将用户名和密码发送到后端验证。 2. 后端验证用户身份,如果验证通过,生成一个 Token 或 JWT,并返回给前端应用。 3. 前端应用将 Token 或 JWT 存储在本地(例如 localStorage 或者 sessionStorage)。 4. 当前端应用向后端服务请求数据时,将 Token 或 JWT 作为请求头的一部分发送给后端服务。 5. 后端服务验证 Token 或 JWT 是否有效,如果有效,则返回请求的数据给前端应用。 6. 如果 Token 或 JWT 失效,则前端应用需要重新登录。 实现前后端分离认证的优点包括: 1. 提高应用性能和扩展性。 2. 防止跨站点请求伪造(Cross-Site Request Forgery,CSRF)攻击。 3. 可以灵活地实现单点登录和多平台认证。 4. 可以减少服务器的负担,提高系统安全性。 需要注意的是,在实现前后端分离认证时,前端应用需要对 Token 或 JWT 进行安全保护,避免被恶意程序盗取。同时,后端服务需要采用安全的算法生成 Token 或 JWT,并对其进行有效期限制,以避免身份泄露和滥用。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值