前后端分离简单,构建

前后端分离

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

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

穿透的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                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

你可能感兴趣的:(前端)