Vue+SpringBoot介绍

前言介绍

博主简单的学习完SpringBoot的技术之后，发现好像thymeleaf+SpringBoot的开发方式现在使用的并不多，现在大部分在使用的是前后端分离的开发方式，其中的一种是Vue+SpringBoot的开发方式，所以特地去BiliBili网站上去找了相关的视频，但是相关的视频也不是很多，找了一个4个小时的视频，简单的了解和运用。

BiliBili链接

前后端不分离

传统的Java Web中使用的是JSP的开发方式，前段使用JSP页面，后端使用servlet接收前段的请求，并处理好数据传递给前段的JSP。

传统的单体应用

刚开始的时候，这种开发方式的确还比较快捷，全后端一体的开发比较快，但是久而久之有发生了很多问题，对于后端工程师来讲不可能精通HTML、css、js等语言。这种开发方式效率极低，，且在开发的过程中出现很多需要前端与后端调节的地方，可以使用前后端分离的方式进行开发就可以完美地解决这一问题。

前后端分离

前后端分离之后，后端就不需要在考虑前段的页面变化，只需要提供一个前端页面需要的JSON的数据即可。前端工程师只需要独立编写客户端代码，通过Ajax请求来访问后端的数据接口，将数据展示到页面即可。前端可以设置一些虚假的数据进行测试，完全不需要依赖于后端，最后完成前后端集成即可。真正实现了前后端应用的解耦合。极大地提升了开发效率。

前端HTML–>Ajax—>RESTful后端数据接口，前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。

实现技术

Vue+Spring Boot

vue介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

SpringBoot介绍

Spring Boot 是所有基于 Spring 开发的项目的起点。Spring Boot 的设计是为了让你尽可能快的跑起来 Spring 应用程序并且尽可能减少你的配置文件。简单来说就是SpringBoot其实不是什么新的框架，它默认配置了很多框架的使用方式，就像maven整合了所有的jar包，spring boot整合了所有的框架

SpringBoot+Vue开发准备

在开发前我们需要搭建一下环境，即Vue的环境与SpringBoot的环境。

Vue环境设置。记住这里选用的是Vue3的开发环境，在Vue3中有图像界面可以使用，比较方便。

SpringBoot开发准备：因为在这里使用的是IDEA的开发环境，所以在IDEA中就已经有SpringBoot的快捷开发方式忙着类就不需要部署了。