一、 前后端分离介绍：

前端独立编写客户端代码（用户交互+数据展示），后端独立编写服务端代码（提供数据处理接口），并提供数据接口就行。

前端通过Ajax访问后端数据借口，将model展示到view中

前后端开发者约定好接口文档，url，参数，数据类型等，前端可以造假数据进行测试，即前后端解耦合，提升开发效率。

 将一个单体应用拆分成两个独立的应用，前端应用和后端应用以json格式进行交互

实现技术：Spring Boot+Vue

 jdk和jre区别：http://www.ujiuye.com/wenda/2021/70321.html

 maven的介绍 ：https://blog.51cto.com/u_15088375/3250159#1

二、环境搭建

 参考：https://blog.csdn.net/qq_39367410/article/details/126703562

https://blog.csdn.net/weixin_44359479/article/details/127247161

1、前端：

（1）VsCode：Download Visual Studio Code - Mac, Linux, Windows

或者直接在联想商店下载

插件下载：vscode常用插件总结_vscode插件_Holly 的博客-CSDN博客

地址：Extensions for Visual Studio family of products | Visual Studio Marketplace

（2）NodeJs：Download | Node.js (nodejs.org)

msi镜像不用配置，zip需要配置下

​

​

2、后端：

（1）JDK ：Java Downloads | Oracle

​

（2）IDEA ：联想商店直接按安装

插件：(59条消息) IDEA必备插件_idea插件库_pingcode的博客-CSDN博客

（3）Tomcat：Apache Tomcat® - Welcome!

配置教程：Tomcat的下载与安装配置 - 知乎 (zhihu.com)

运行starup.bat闪退，或者在bin目录下运行starup显示如下信息，说明环境变量没有配置好。

​

配置tomcat和jdk的环境变量：

​

​

path中添加：

​

打开浏览器输入端口号：

​