# 1. backend 后端
配置好Springboot,运行主函数, 启动后端
# 2. frontend 前端
## 2.1. Project setup
```
npm install
```
### 2.1.1. Compiles and hot-reloads for development
配置好vue, cd 进入 frontend, 运行, 启动前端(Vue)
```
npm run serve
```
### 2.1.2. Compiles and minifies for production
```
npm run build
```
### 2.1.3. Lints and fixes files
```
npm run lint
```
### 2.1.4. Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
# 3. 分支
1. 添加新功能新建一个分支
2. 回到master, merge 新功能分支
3. 新功能分支 推送到远程仓库 `git push -u origin 分支名`
# 4. 记录
## 4.1. 结构
`backend`
```
└─backend
├─config
├─controller
├─Dao
├─entity
└─service
└─Impl
```
- config
- CrossConfig.java: 用来解决跨域问题
- entity: 实体(pojo层)--对应一个数据库的表
- 用到注解:
- `@Entity`
- `@Tabel(name="表名")`
- `@Colunm([name='列名',length=长度])`
- Dao: 调用entity=>增删改查
- 用到注解:
- @Repository
- 需要继承
- `JapRepository<用到的Entity的类名,主键的类型>`
- Service: 业务模块的逻辑应用设计
- 用到注解: `@Service`
## 4.2. 路由导航守卫
`frontend`-->`router.js`
- 原来的结构
- ```js
export default new Router(...)
```
- 修改添加守卫(检查浏览器是否保存了服务器返回来的token,没有说明没登陆-->发送去登录页面)
- ```js
const router = new Router({
routes: [
...
]
})
// 挂载路由导航守卫
router.beforeEach((to, before, next) => {
//to 要访问
//from 从哪个路径来
// next 函数表示放行
// next() 放行 next('/login') 强制跳转
if (to.path == '/login') return next()
//获取token
const tokenStr = window.sessionStorage.getItem('token')
if (!tokenStr) return next('/login')
next()
})
export default router
## 4.3. 使用axios发送get request
`frontend`
```js
//`main.js`
import axios from 'axios';
axios.defaults.baseURL="http://localhost:8081/"
Vue.prototype.$http=axios
// .vue中调用
...
const _this = this;
this.$http
.get("/driverinfo", {
params: this.queryInfo //请求参数
})
.then(res => {//res请求返回结果->一般是json对象
_this.userlist = res.data; //保存起来可以用
});
...
```
## 4.4. 在请求的header中添加token
`frontend`-->`main.js`
```js
axios.defaults.baseURL="http://localhost:8081/"
// axios请求拦截器, 添加token, 保证拥有获取数据的权限(在请求到达服务器之前在header添加一个字段存放token)
axios.interceptors.request.use(config=>{
console.log(config)
config.headers.Authorization=window.sessionStorage.getItem('token')
//最后必须return config
return config
})
Vue.prototype.$http=axios
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源介绍】 毕设项目-基于Springboot(后端)+Vue(前端)实现的运输车辆管理系统源码.zip毕设项目-基于Springboot(后端)+Vue(前端)实现的运输车辆管理系统源码.zip毕设项目-基于Springboot(后端)+Vue(前端)实现的运输车辆管理系统源码.zip毕设项目-基于Springboot(后端)+Vue(前端)实现的运输车辆管理系统源码.zip毕设项目-基于Springboot(后端)+Vue(前端)实现的运输车辆管理系统源码.zip毕设项目-基于Springboot(后端)+Vue(前端)实现的运输车辆管理系统源码.zip 【备注】 该项目是个人毕设项目,答辩评审平均分达到95分,代码都经过测试ok后才上传,确保运行!欢迎下载使用,可用于小白学习、进阶。 该资源主要针对计算机、通信、人工智能、自动化等相关专业的学生、老师或从业者下载使用,亦可作为期末课程设计、课程大作业、毕业设计等。 项目整体具有较高的学习借鉴价值!基础能力强的可以在此基础上修改调整,以实现不同的功能。 欢迎下载,欢迎沟通,互相学习,共同进步!提供答疑!
资源推荐
资源详情
资源评论
























收起资源包目录



























































































































共 90 条
- 1
资源评论


batchsize2345n
- 粉丝: 1120
- 资源: 1916

下载权益

C知道特权

VIP文章

课程特权

开通VIP
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- minsu-manager汽车租赁系统springboot+vue前台后台后端.zip
- ME2323D-VB一款P沟道SOT23封装MOSFET应用分析
- 反诈文章word版下载地址
- .arch防火道矢量数据156条.shp
- D-PDU中15765等协议标准通讯参数讲解 对于D-PDU API的实现至关重要 对于通讯任务收发的问题分析也很重要
- .arch防火道矢量数据156条.dbf
- NCE0103M-VB一款N沟道SOT89-3封装MOSFET应用分析
- 深圳SHZ苹果项目BIM图纸 Navisworks文件
- IRF530S-VB一款N沟道TO263封装MOSFET应用分析
- FDN336P-NL-VB一款P沟道SOT23封装MOSFET应用分析
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
