项目课-掌游app新增版本
2024-11-20 11:52:53 198浏览
项目课-掌游app新增版本
效果图
需求:在 app 基本信息列表页的操作下拉里点击添加版本按钮后跳转到一个新的 vue 页面,这里涉及到把 appid 带过去,两个 vue 之间相互传递数据的知识点。进到版本页面后根据 appid 查询 app 基本信息和版本列表。
两个 vue 之间传值
a.vue 跳到 b.vue
a.vue 需要做的
toAddVersion(id){
this.$router.push({path:"/version",query:{id:id}})
},
b.vue 需要做的
let id=this.$route.query.id
console.log(id)
formdata 文件上传
后端
特别提醒:MutipartFile 的名称一定不能跟 AppInfo 里面的属性一样,因为如果有两个 logoPic 的话,它 不知道应该听谁的。
前端 vue
auto-upload 默认是 true 也就是自动提交,而我现在不想让他自动提交我是想让他填写完表单后整体一起提交。所以必须把auto-upload 设置成 false
action 这里就直接写#
on-change 事件:一旦用户选取了文件就会触发这个函数,这个函数怎么写?如下
注意:this.ruleForm.apkFile 对应控制器中的MultiPartFile参数名字,不要对应appinfo实体中的属性名字
前端 js 部分
前端请求拦截器
比如:添加版本的时候,要保存添加者也就是当前登陆者的 id,这个时候就需要从 token 中获取,需要前端发送 axios 请求的时候把 token 用请求头带过来,而这个过程最好是写到前端请求拦截器里(因为这样只写一遍,否则得写 n 遍,因为后端拦截器会校验 token。确保没有非常请求)
好博客就要一起分享哦!分享海报
此处可发布评论
评论(0)展开评论
暂无评论,快来写一下吧
展开评论
他的专栏
他感兴趣的技术