项目课-掌游app新增版本

飞一样的编程
飞一样的编程
擅长邻域:Java,MySQL,Linux,nginx,springboot,mongodb,微信小程序,vue

分类: ssm 专栏: 课堂随笔 标签: 新增版本

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展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695