微信小程序——零食商贩

博客班级	https://edu.cnblogs.com/campus/zjcsxy/SE2020
作业要求	https://edu.cnblogs.com/campus/zjcsxy/SE2020/homework/11334
作业目标	1. 编写一个小程序，可以全新编写，也可以学习别人的小程序进行修改 2. 熟悉git代码管理流程，将源代码上传到到github 3. 熟悉git代码管理流程，将源代码上传到到github
作业源代码	https://github.com/zyczqs/-
学号	31801133
姓名	朱彦丞

 

 

前言
软件工程第一次作业，完成一个微信小程序，对小程序进行修改和改进。

界面展示

 

 

 

 

 

 

 

 

 

地址功能
新增功能：用户填写信息不完整，出现提示

// page/component/new-pages/user/address/address.js
Page({
  data:{
    address:{
      name:'',
      phone:'',
      detail:''
    }
  },
  onLoad(){
    var self = this;
    
    wx.getStorage({
      key: 'address',
      success: function(res){
        self.setData({
          address : res.data
        })
      }
    })
  },
  formSubmit(e){
    const value = e.detail.value;
    if (value.name && value.phone && value.detail){
      wx.setStorage({
        key: 'address',
        data: value,
        success(){
          wx.navigateBack();
        }
      })
    }else{
      wx.showModal({
        title:'提示',
        content:'请填写完整资料',
        showCancel:false
      })
    }
  }
})

 

 

 

用户功能
新增功能：获取用户id和头像

 

  onLoad(){
    var self = this;
    /**
     * 获取用户信息
     */
    wx.getUserInfo({
      success: function(res){
        self.setData({
          thumb: res.userInfo.avatarUrl,
          nickname: res.userInfo.nickName
        })
      }
    }),

    /**
     * 发起请求获取订单列表信息
     */
    wx.request({
      url: 'http://www.gdfengshuo.com/api/wx/orders.txt',
      success(res){
        self.setData({
          orders: res.data
        })
      }
    })
  }

 

问题解决

要勾选详情中的不校验合法域名来解决该错误

 

 

总结

从一无所知到领略到小程序的魅力，跟着bilibili视频学习，还是有很多不明白的地方，在后续的大作业完成过程中要学到更多关于微信小程序开发的知识，体会开发的乐趣。