单体应用与前后端分离应用

单体应用：

传统的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

本文地址：https://blog.csdn.net/qq_38596491/article/details/107387983