单体应用：
传统的JavaWeb开发中，前端使用JSP开发，JSP不是由后端开发者独立完成的，而是前端人员先完成HTML静态页面，交给后端人员，改成JSP，如果后面要修改，前后端人员要经常沟通，很麻烦。
——因此，这种开发方式效率极低。
前后端分离应用：
可以使用前后端分离的方式开发，就可以完美解决这一问题。前端编写客户端代码，后端编写服务器代码，提供数据接口即可。
前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。
前后端开发者只需要提前约定好接口文档（URL、参数、数据类型…），分别独立开发即可。前端可以造假数据进行测试，完全不需要依赖于后端；后端用postman来测试接口，最后完成前后端集成即可。真正实现了前后端应用的解耦合，极大地提高了开发效率。
单体应用—（拆分）—>纯前端应用+纯后端应用
- 前端应用：负责数据展示和用户交互
- 后端应用：负责提供数据处理接口
前端HTML——>Ajax——>RESTful后端数据接口。
（前端HTML通过Ajax来调用基于RESTful后端数据接口，后端用啥框架都行）
图解归纳：
（1）传统单体应用：
（2）前后端分离应用：
客户端通过一个端口访问前端应用，后端通过另一个端口访问后端，后端以JSON格式与前端进行数据交互，解析到前端页面中。
实现技术框架：SpringBoot+Vue——目前效率最高的方式
使用Spring Boot进行后端应用开发，使用Vue进行前端应用开发。
安装vue的过程参考其他人的博客：https://www.cnblogs.com/zhaomeizi/p/8483597.html
，安装完毕后，一般显示的是3.0以下的版本，3.0以上的版本运行比较简便，可以升级为3.0,版本，具体操作见其他人的博客。
输入：vue ui即可打开Vue项目管理器。
相应的勾选
不保存模板
任务——serve——运行
运行成功后，点击输出：
出现的两个链接任意点一个，都会出现以下界面：
关闭连接：输入^c