简单vue-elementui-java学习

vue-java项目结构

项目运行步骤

vue运行

1. 到vue项目根目录
2. 运行cmd
3. 运行之前安装一下：npm install
4. 安装axios：npm i axios
5. 执行命令：npm run dev 运行
6. 访问页面

java后台运行

1. 环境设置，如sdk，依赖加载，tomcat设置等
2. 运行tomcat

vue访问流程

前台发送请求流程

1. 定义路由路径在router目录下index.js中设置
2. 首先在libs目录下定义好AxiosPlugin.js(导入axios，请求拦截，json转换等)
3. config目录下dev.env.js里面定义请求根路径API_URL
4. api目录下index.js里面定义axios请求方法的模板
5. 在请求页面中表单定义请求参数
6. 在请求页面script标签里引入axios定义好的方法
7. 点击提交按钮开始请求参数，如请求成功回话存储(sessionStorage)设置一些信息
8. 通过$router.push(’/***’);路由到指定页面

后台接受以及响应数据

后台接受参数

1. 如果是qs.stringify序列化请求可直接传入参数使用（@PostMapping等注解）
2. qs.stringify的传参格式是：username=***&userpwd=***
3. 参数处理完返回对象即可