汇智动力

售前免费咨询热线: 4 0 0 - 1 8 6 - 0 9 0 5
汇智资讯Huizhi information

当前位置:首页 »springboot如何与vue完美整合?

springboot如何与vue完美整合?

日期:2021-05-07 13:46:23 访问量: 来源:
springboot和vue的关系并没有强依赖,比如你说mybatis(或者jdbc)与springboot整合这是一种强依赖关系。二者的确是要合到一个工程里才可以使用。

目前通常使用vue和springboot是前后端分离的模式,也就是说二者没有强依赖,通过网络协议进行数据交换而已。并不需要将二者整合到一个工程里面,vue构建前端工程,springboot构建后端数据服务工程。

该如何使用vue和springboot,进行前后端分离的应用开发。 前后端分离开发模式

1. 后端使用springboot提供服务接口

2. 使用vue做前端页面的渲染及展现

3. 通常情况下,二者之间使用Http协议交换数据,Json作为数据交换的格式。

springboot

所以二者即可以独立开发,也可以独立部署。二者之间的开发通过接口来沟通。 接口数据格式 上文中说到,开发接口。通常vue和后端服务springboot server之间使用JSON数据格式进行数据交互。下图中的代码,是一个典型的JSON数据格式,描述了中国若干省-市之间的关系.
 

springboot

  接口协议 说到接口协议,我们不得不首先提一下RPC(远程过程调用)。使用Http-JOSN进行接口调用实际上也是一种RPC。但是,通常技术人员所说的RPC是基于TCP来构建的。

所以RPC相对于Http请求的好处在于:

1. 传输效率更高

2. 性能更好,在同样的资源下,处理更多的并发

但是RPC远程接口调用,相对于http-json数据交换模式的缺点在于:对于开发人员的技能水平要求更高,不如Http-JSON模式更加普及,易用。因为Http-JSON这种开发模式有很好的生态,相当于站在前人的肩膀上进行开发,能在一定程度上避免重复造轮子。 总结 所以要问如何整合vue和springboot,更不如换种说法:

1. 如何用vue调用接口获取数据,进行前端页面渲染和内容展示?

2. 如何用springboot提供数据接口?

这点你搞明白之后,就在关注接口的基础上,分别学习springboot构建数据服务应用;vue构建前端应用就可以啦。通过接口交互数据,低耦合性,不存在所谓“整合”的问题。

相关阅读Reading

全国热线:400-186-0905

总部热线:028-6547-1147

周一至周日9:30-24:00

我要咨询
汇智动力微信

汇智动力微信公众号