最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

世界资讯:微信小程序:接手项目,修bug

来源:博客园

好家伙,


【资料图】

问题描述如下:

小程序主界面,选择快速上传会议记录

选择快速

其中,没有2022-2023第二学期,所以,新的会议记录无法上传

于是,我自愿修复这个bug

由于我们没有产品文档

我只能由已知,推未知

亲爱的学长告诉我,这是一个使用了uni-app开发的微信小程序

开搞,

1.首先我们把两个工具下好

微信开发者工具下载地址:微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)

HBuilderX下载地址:HBuilderX-高效极客技巧 (dcloud.io)

2.去到小程序中 设置=>安全设置 打开服务端口

3.记下端口号

点击运行设置

配置服务端口

4.运行项目

使用HBuilder X 打开项目,随后使用微信开发者工具运行

记得配置小程序的路径

不可直接使用微信开发者工具打开项目

(Hbuilder X将.vue文件编译为微信小程序对应格式的文件)

开始运行

看看项目目录:

哦,用vue写的

5.找bug

找到"添加会议记录"对应的页面相关代码

addMeeting.vue文件代码如下:

<script>  export default {    data() {      return {        serverUrl: this.$globalUrl,        termIndex: -1,        placeIndex: -1,        term: ["2021-2022 第一学期", "2021-2022 第二学期", "2022-2023 第一学期"],        place: ["B1-415"],        date: "2021-09-01",        meetingObj: {},        isSelectedTerm: false      }    },    methods: {      backIndex() {        uni.switchTab({          url: "../../pages/index/index"        })      },      TermChange(e) {        this.termIndex = e.detail.value        this.isSelectedTerm = true        this.$set(this.meetingObj, "term", this.term[this.termIndex])        console.log(this.meetingObj)      },      PlaceChange(e) {        this.placeIndex = e.detail.value        this.$set(this.meetingObj, "place", this.place[this.placeIndex])      },      DateChange(e) {        this.date = e.detail.value        this.$set(this.meetingObj, "date", this.date)      },      textareaInput(e) {        this.textareaAValue = e.detail.value        this.$set(this.meetingObj, "content", this.textareaAValue)      },      commit() {        let that = this        if (!that.isSelectedTerm) {          uni.showToast({            icon: "error",            title: "别忘了选学期鸭~",            duration: 2000          })        }        uni.request({            url: that.serverUrl + "/meet/insertMeeting",            data: that.meetingObj,            header: {              "Authorization": uni.getStorageSync("tokenHead") + " " + uni.getStorageSync("token")            },            method: "POST"          }).then(data => {            console.log(data)            var [error, res] = data;            if (res.data.code == 200) {              wx.showToast({                title: "添加成功",                icon: "success",                duration: 2000,              })              setTimeout(() => {                uni.navigateBack()              }, 2200)            }            if (res.data.code == 400) {              wx.showToast({                title: "记录已存在",                icon: "error",                duration: 2000,              })            }          })      },      onLoad(option) {        let getItem = JSON.parse(decodeURIComponent(option.item))        this.meetingObj = getItem      }    }  }</script>

定位到关键代码

        学期:                              {{termIndex>-1?term[termIndex]:"选择学期"}}                        

诶,tern数组,那大概率是这个数组出问题了

这条给他加上

term: ["2021-2022 第一学期", "2021-2022 第二学期", "2022-2023 第一学期","2022-2023 第二学期"],

ok

ok,搞定了

关键词: