前后端分离简单，构建

前后端分离

前后端分离就是将一个应用的前端代码和后端代码分开写，为什么要这样做？

如果不适用前后端分离方式，会有哪些问题？

穿透的Java web 开发中，前端使用jsp开发，jsp不是由后端开发者独立完成的
前端–》HTML静态页面—》后端——》jsp
这种开发凡是效率极低，可以使用前后端分离的凡是进行开发，就可以完美解决这一问题，
前端只需要独立编写客户端diamagnetic，后端也只需要独立别洗服务器端代码提供数据接口即可，
前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。
前后端开发者只需要提前约定好接口文档（URL，参数，数据类型。。。），然后分别独立开发即可，前端可以造假数据进行测试，完全不需要依赖后端，最后完成前后端继承即可，真正实现了前后端应用的解耦合，极大的提升了开发效率。
单体–》前端应用+后端应用
前端应用：数据展示和用户交互，
后端应用：提供数据处理接口，
前端HTML–》Ajax–》RESTFUl后端数据接口。

前后端诗句交互主要以josn格式进行交互

实现技术

Spring+Vue
使用SpringBoot+ Vue

创建一个Vue工程

安装Vue脚手架

npm install -g @vue/cli

输入vue init webpack ，意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的， 是整个项目文件夹的名称，大家可自行更改

vue init webpack

如果出现了此种问题

  Command vue init requires a global addon to be installed.
  Please run npm i -g @vue/cli-init and try again.

解决方法可设置成全局init初始化

npm install -g @vue/cli-init

vue3之后可以进行页面的设置
利用vue ui进入设置界面

vue ui