1、前后端分离是什么
- 前后端分离就是将一个应用的前端代码和后端代码分开写,为什么要这样做?
- 传统的Java Web 开发中,前端使用JSP开发,Jsp不是由后端开发者独立完成的,而是:
前端—>HTML静态页面 ---->后端 —>JSP
这种开发方式效率极低
- 而前后端分离的方式进行开发,可以完美地解决这一问题
前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可
前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可
前端开发者只需要提前约定好接口文档(URL、参数、数据类型…),然后独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可。真正实现了前后端应用的解耦合,极大地提升了开发效率。
- 从之前的单体应用 拆分为----->前端应用 +后端应用
前端应用:负责数据展示和用户交互
后端应用:负责提供数据处理接口
前端HTML—>Ajax —>RestFul后端数据接口
- 使用Spring Boot 进行后端应用开发,使用Vue进行前端应用开发,使用axios进行交互
2、项目概述
- 主要是一个前后端分离的基础项目,把后端框架和前端搭建起来,实现登录、增删改查等简单功能。主要是展示前后端分离项目的框架如何搭建成,如何把数据库、mybatis-plus、swagger、redis等集成到项目当中,当做是初学者的前后端分离项目的一个练手。(参考b站教学视频而自己做的笔记)
3、实现技术
- 后端:
- springboot项目架构
- mybatis-plus 数据库 ,generator代码生成器
- lombok 封装getset方法
- redis 缓存,会话共享
…后续有用到的技术再补充,如安全权限和身份认证等
- 前端:
- vue框架
- Element ui 组件
- axios 请求服务端接口(前后端交互)
4、使用到的软件以及版本统一
- Idea(版本就都行)
- Visual Studio Code (这个我主要用来写前端代码,区分开来好操作一点,不用这个直接用Idea也可以)
- mysql5.7
- jdk1.8
- node
- navicat或sqlyog (数据库可视化软件)
- vue cli 3.0
PS:这些就是前期的准备工作了!