当前位置: 移动技术网 > IT编程>开发语言>Java > 单体应用与前后端分离应用

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

2020年07月17日  | 移动技术网IT编程  | 我要评论

单体应用:

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网