springboot+vue前后端分离（1）

一、工具
前端工具vscode，
后端工具myeclipse，
二、后端搭建springboot框架
（1）新建maven project——》选中create a simple project——》填写相应参数。
***——》修改porm.xml，引入相关依赖parent、properties（java-version）、dependencies（starter-web，starter-test、start-tomcat、devtools、jpa、双Junit、tomcat支持、mysql、common-lang）、build（maven-plugin）。
**——》添加配置文件application.properties在main/resources下。修改端口，配置数据库连接信息，jpa，上传文件大小修改。
*——》创建启动类Applicatio。编写过滤器，允许跨域访问（跨域请求的关键）。
+++——》创建表、实体类、dao接口继承jparepository，service类，。
++——》编写控制类。
后端运行流程注：前端浏览器地址访问——》调用对应的控制类，处理^，返回数据给浏览器——》调用service做相应业务，处理！，返回数据给控制类——》调用dao接口，返回数据给service——》调用jpa封装方法——》操作数据库。

三、前端
（1）vue-cli创建vue项目：vue init webpack 项目名，
（2）配置：npm install。
（3）引入axios：npm install axios。
（4）相关页面，使用时，引入：import axios from ‘axios’。
（5）使用axios相关get、post进行操作。
前端运行流程注：项目运行——》加载main.js（实例化vue，将App.vue挂载到index.html上）——》在App.vue中，<router=view/>自动加载Router文件夹下的index.js路由文件，通过路由文件——》显示相应vue页面。页面中也可配置相应跳转。