前后端分离
前后端分离就是将一个应用的前端代码和后端代码分开写,为什么要这样做?
如果不适用前后端分离方式,会有哪些问题?
穿透的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