微信小程序微商城（十）：用户收货地址管理

喜欢ヅ旅行 2022-05-16 05:22 364阅读 0赞

IT实战联盟博客：[http://blog.100boot.cn][http_blog.100boot.cn]

上一篇：[微信小程序微商城（九）：微信授权并实现个人中心页面][Link 1]

**看效果**

![20181223202247555.gif][]

**开发计划**

> 1、布局收货地址列表和新增收货地址页面
> 
> 2、实现省市县三级联动功能
> 
> 3、使用缓存管理数据

**一、收货地址列表管理**

**addressList.wxml**

> <scroll-view class="scroll" scroll-y="true">
> 
>   <view wx:for="\{ \{addressList\}\}">
> 
>     <view class="product-name-wrap">
> 
>       <view class="ui-list-item-info">\{ \{item.consignee\}\}
> 
>         <text decode="\{ \{true\}\}" space="\{ \{true\}\}">&nbsp;&nbsp;</text> \{ \{item.mobile\}\}
> 
>       </view>
> 
>       <view class="ui-list-item-address">
> 
>         \{ \{item.address\}\}
> 
>       </view>
> 
>       <view class="ui-list-item-time">
> 
>         <p>\{ \{item.transportDay\}\}</p>
> 
>         <p class="ui-list-item-del" data-id="\{ \{index\}\}" bindtap="delAddress">删除</p>
> 
>       </view>
> 
>       <view class="separate"></view>
> 
>     </view>
> 
>   </view>
> 
> </scroll-view>
> 
> <view class="add-address" bindtap="addAddress">
> 
>   <image class="add-img"  src="../../images/add.png"></image>新增地址
> 
> </view>

**addressList.wxss**

> page\{  
> 
>   display: flex;  
> 
>   flex-direction: column;  
> 
>   height: 100%;  
> 
> \}  
> 
> .product-name-wrap\{
> 
>   margin: 0px 10px;
> 
>   font-size: 14px;
> 
>   color: \#404040;
> 
> \}
> 
> .ui-list-item-info\{
> 
>   margin: 5px 0px;
> 
> \}
> 
> .ui-list-item-address\{
> 
>   color: \#585c64;
> 
> \}
> 
> .ui-list-item-time\{
> 
>   margin: 5px 0px;
> 
> \}
> 
> .ui-list-item-del\{
> 
>   position: absolute;
> 
>   right: 10px;
> 
>   color: \#585c64;
> 
> \}
> 
> */\* 分割线 \*/*
> 
> .separate \{
> 
>   margin: 5px 0px;
> 
>   height: 2rpx;
> 
>   background-color: \#f2f2f2;
> 
> \}
> 
> .add-address\{
> 
>   margin: 0 auto;
> 
>   margin-top: 30px;
> 
>   width: 150px;
> 
>   height: 35px;
> 
>   border: 1px \#000 solid;
> 
>   line-height: 35px;
> 
>   text-align: center;
> 
>   color: \#000;
> 
>   border-radius: 5rpx;
> 
>       display: block;
> 
> \}
> 
> .add-img\{
> 
>   margin-right: 15rpx;
> 
>   width: 15px;
> 
>   height: 15px;
> 
> \}

**addressList.json**

> \{
> 
>   "navigationBarTitleText": "管理地址"
> 
> \}

**addressList.js**

> Page(\{
> 
>  
> 
>   */\*\**
> 
> *   \* 页面的初始数据*
> 
> *   \*/*
> 
>   data: \{
> 
>     addressList:\[\]
> 
>   \},
> 
>   */\*\**
> 
> *   \* 生命周期函数--监听页面加载*
> 
> *   \*/*
> 
>   onLoad: function (options) \{
> 
>     var arr = wx.getStorageSync('addressList') || \[\];
> 
>     console.info("缓存数据：" + arr);
> 
>     *// 更新数据  *
> 
>     this.setData(\{
> 
>       addressList: arr
> 
>     \});
> 
>   \},
> 
>  
> 
>   */\*\**
> 
> *   \* 生命周期函数--监听页面显示*
> 
> *   \*/*
> 
>   onShow: function () \{
> 
>     this.onLoad();
> 
>   \},
> 
>   addAddress:function()\{
> 
>     wx.navigateTo(\{ url: '../address/address' \});
> 
>   \},
> 
>   */\* 删除item \*/*
> 
>   delAddress: function (e) \{
> 
>     this.data.addressList.splice(e.target.id.substring(3), 1);
> 
>     *// 更新data数据对象  *
> 
>     if (this.data.addressList.length > 0) \{
> 
>       this.setData(\{
> 
>         addressList: this.data.addressList
> 
>       \})
> 
>       wx.setStorageSync('addressList', this.data.addressList);
> 
>     \} else \{
> 
>       this.setData(\{
> 
>         addressList: this.data.addressList
> 
>       \})
> 
>       wx.setStorageSync('addressList', \[\]);
> 
>     \}
> 
>   \}
> 
> \})

**二、新增收货信息**

**address.wxml**

> <form bindsubmit="saveAddress">
> 
>   <view class="weui-cells weui-cells\_after-title">
> 
>     <view class="weui-cell weui-cell\_input">
> 
>       <view class="weui-cell\_\_hd">
> 
>         <view class="weui-label">收货人</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <input class="weui-input" name="consignee" placeholder="请输入收货人真实姓名" />
> 
>       </view>
> 
>     </view>
> 
>     <view class="weui-cell weui-cell\_input">
> 
>       <view class="weui-cell\_\_hd">
> 
>         <view class="weui-label">手机号</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <input class="weui-input" name="mobile" placeholder="请输入收货人手机号" />
> 
>       </view>
> 
>     </view>
> 
>     <view class="weui-cell weui-cell\_select">
> 
>       <view class="weui-cell\_\_hd weui-cell\_\_hd\_in-select-after">
> 
>         <view class="weui-label">收货时间</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <picker bindchange="bindTransportDayChange" value="\{ \{transportIndex\}\}" range="\{ \{transportValues\}\}">
> 
>           <view class="weui-select weui-select\_in-select-after">\{ \{transportValues\[transportIndex\]\}\}</view>
> 
>           <input name="transportDay" hidden="true" value="\{ \{transportValues\[transportIndex\]\}\}" />
> 
>         </picker>
> 
>       </view>
> 
>     </view>
> 
>   </view>
> 
>   <view class="weui-cells\_\_title"></view>
> 
>   <view class="weui-cells weui-cells\_after-title">
> 
>     <view class="weui-cell weui-cell\_select">
> 
>       <view class="weui-cell\_\_hd weui-cell\_\_hd\_in-select-after">
> 
>         <view class="weui-label">省份</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <picker bindchange="bindProvinceNameChange" value="\{ \{provinceIndex\}\}" range="\{ \{provinceNames\}\}">
> 
>           <view class="weui-select weui-select\_in-select-after">\{ \{provinceNames\[provinceIndex\]\}\}</view>
> 
>           <input name="provinceName" hidden="true" value="\{ \{provinceNames\[provinceIndex\]\}\}" />
> 
>         </picker>
> 
>       </view>
> 
>     </view>
> 
>     <view class="weui-cell weui-cell\_select">
> 
>       <view class="weui-cell\_\_hd weui-cell\_\_hd\_in-select-after">
> 
>         <view class="weui-label">城市</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <picker bindchange="bindCityNameChange" value="\{ \{cityIndex\}\}"range="\{ \{cityNames\}\}">
> 
>           <view class="weui-select weui-select\_in-select-after"name="city\_name">\{ \{cityNames\[cityIndex\]\}\}</view>
> 
>  
> 
>           <input name="cityName" hidden="true" value="\{ \{cityNames\[cityIndex\]\}\}" />
> 
>         </picker>
> 
>       </view>
> 
>     </view>
> 
>     <view class="weui-cell weui-cell\_select">
> 
>       <view class="weui-cell\_\_hd weui-cell\_\_hd\_in-select-after">
> 
>         <view class="weui-label">区县</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <picker bindchange="bindCountyNameChange" value="\{ \{countyIndex\}\}"range="\{ \{countyNames\}\}">
> 
>           <view class="weui-select weui-select\_in-select-after">\{ \{countyNames\[countyIndex\]\}\}</view>
> 
>           <input name="countyName" hidden="true" value="\{ \{countyNames\[countyIndex\]\}\}" />
> 
>         </picker>
> 
>       </view>
> 
>     </view>
> 
>     <view class="weui-cell weui-cell\_input">
> 
>       <view class="weui-cell\_\_hd">
> 
>         <view class="weui-label">详细地址</view>
> 
>       </view>
> 
>       <view class="weui-cell\_\_bd">
> 
>         <input class="weui-input" name="address" placeholder="请输入收货人详细地址" />
> 
>       </view>
> 
>     </view>
> 
>   </view>
> 
>   <button class="weui-btn" type="primary" form-type="submit">保存</button>
> 
> </form>

**address.wxss**

> @import '../../utils/weui.wxss';
> 
>  
> 
> .weui-cells:before\{
> 
>   top:0;
> 
>   border-top:1rpx solid white;
> 
>   \}
> 
> .weui-cell\{
> 
>   line-height: 3.5rem;
> 
> \}
> 
> .weui-cells:after\{
> 
>   bottom:0;border-bottom:1rpx solid white
> 
> \}
> 
>  
> 
> .weui-btn\{
> 
>   width: 80%;
> 
> \}

**address.json**

> \{
> 
>   "navigationBarTitleText": "添加收货地址"
> 
> \}

**address.js**

> var area = require('../../utils/area.js');
> 
> var areaInfo = \[\]; *//所有省市区县数据*
> 
> var provinces = \[\]; *//省*
> 
> var provinceNames = \[\]; *//省名称*
> 
> var citys = \[\]; *//城市*
> 
> var cityNames = \[\]; *//城市名称*
> 
> var countys = \[\]; *//区县*
> 
> var countyNames = \[\]; *//区县名称*
> 
> var value = \[0, 0, 0\]; *//数据位置下标*
> 
> var addressList = null;
> 
> Page(\{
> 
>  
> 
>   */\*\**
> 
> *   \* 页面的初始数据*
> 
> *   \*/*
> 
>   data: \{
> 
>     transportValues: \["收货时间不限", "周六日/节假日收货", "周一至周五收货"\],
> 
>     transportIndex: 0,
> 
>     provinceIndex: 0, *//省份*
> 
>     cityIndex: 0, *//城市*
> 
>     countyIndex: 0, *//区县*
> 
>   \},
> 
>  
> 
>  
> 
>   */\*\**
> 
> *   \* 生命周期函数--监听页面加载*
> 
> *   \*/*
> 
>   onLoad: function(options) \{
> 
>  
> 
>   \},
> 
>  
> 
>   */\*\**
> 
> *   \* 生命周期函数--监听页面显示*
> 
> *   \*/*
> 
>   onShow: function() \{
> 
>     var that = this;
> 
>     area.getAreaInfo(function(arr) \{
> 
>       areaInfo = arr;
> 
>       *//获取省份数据*
> 
>       that.getProvinceData();
> 
>     \});
> 
>   \},
> 
>   *// 获取省份数据*
> 
>   getProvinceData: function() \{
> 
>     var that = this;
> 
>     var s;
> 
>     provinces = \[\];
> 
>     provinceNames = \[\];
> 
>     var num = 0;
> 
>     for (var i = 0; i < areaInfo.length; i++) \{
> 
>       s = areaInfo\[i\];
> 
>       if (s.di == "00" && s.xian == "00") \{
> 
>         provinces\[num\] = s;
> 
>         provinceNames\[num\] = s.name;
> 
>         num++;
> 
>       \}
> 
>     \}
> 
>     that.setData(\{
> 
>       provinceNames: provinceNames
> 
>     \})
> 
>  
> 
>     that.getCityArr();
> 
>     that.getCountyInfo();
> 
>   \},
> 
>  
> 
>   *// 获取城市数据*
> 
>   getCityArr: function(count = 0) \{
> 
>     var c;
> 
>     citys = \[\];
> 
>     cityNames = \[\];
> 
>     var num = 0;
> 
>     for (var i = 0; i < areaInfo.length; i++) \{
> 
>       c = areaInfo\[i\];
> 
>       if (c.xian == "00" && c.sheng == provinces\[count\].sheng && c.di != "00") \{
> 
>         citys\[num\] = c;
> 
>         cityNames\[num\] = c.name;
> 
>         num++;
> 
>       \}
> 
>     \}
> 
>     if (citys.length == 0) \{
> 
>       citys\[0\] = \{
> 
>         name: ''
> 
>       \};
> 
>       cityNames\[0\] = \{
> 
>         name: ''
> 
>       \};
> 
>     \}
> 
>     var that = this;
> 
>     that.setData(\{
> 
>       citys: citys,
> 
>       cityNames: cityNames
> 
>     \})
> 
>     console.log('cityNames:' + cityNames);
> 
>     that.getCountyInfo(count, 0);
> 
>   \},
> 
>  
> 
>   *// 获取区县数据*
> 
>   getCountyInfo: function(column0 = 0, column1 = 0) \{
> 
>     var c;
> 
>     countys = \[\];
> 
>     countyNames = \[\];
> 
>     var num = 0;
> 
>     for (var i = 0; i < areaInfo.length; i++) \{
> 
>       c = areaInfo\[i\];
> 
>       if (c.xian != "00" && c.sheng == provinces\[column0\].sheng && c.di == citys\[column1\].di) \{
> 
>         countys\[num\] = c;
> 
>         countyNames\[num\] = c.name;
> 
>         num++;
> 
>       \}
> 
>     \}
> 
>     if (countys.length == 0) \{
> 
>       countys\[0\] = \{
> 
>         name: ''
> 
>       \};
> 
>       countyNames\[0\] = \{
> 
>         name: ''
> 
>       \};
> 
>     \}
> 
>     console.log('countyNames:' + countyNames);
> 
>     var that = this;
> 
>     *// value = \[column0, column1, 0\];*
> 
>  
> 
>     that.setData(\{
> 
>       countys: countys,
> 
>       countyNames: countyNames,
> 
>       *// value: value,*
> 
>     \})
> 
>   \},
> 
>  
> 
>   bindTransportDayChange: function(e) \{
> 
>     console.log('picker country 发生选择改变，携带值为', e.detail.value);
> 
>     this.setData(\{
> 
>       transportIndex: e.detail.value
> 
>     \})
> 
>   \},
> 
>  
> 
>   bindProvinceNameChange: function(e) \{
> 
>     var that = this;
> 
>     console.log('picker province 发生选择改变，携带值为', e.detail.value);
> 
>     var val = e.detail.value
> 
>     that.getCityArr(val); *//获取地级市数据*
> 
>     that.getCountyInfo(val, 0); *//获取区县数据*
> 
>  
> 
>     value = \[val, 0, 0\];
> 
>     this.setData(\{
> 
>       provinceIndex: e.detail.value,
> 
>       cityIndex: 0,
> 
>       countyIndex: 0,
> 
>       value: value
> 
>     \})
> 
>  
> 
>   \},
> 
>  
> 
>   bindCityNameChange: function(e) \{
> 
>     var that = this;
> 
>     console.log('picker city 发生选择改变，携带值为', e.detail.value);
> 
>  
> 
>     var val = e.detail.value
> 
>     that.getCountyInfo(value\[0\], val); *//获取区县数据*
> 
>     value = \[value\[0\], val, 0\];
> 
>     this.setData(\{
> 
>       cityIndex: e.detail.value,
> 
>       countyIndex: 0,
> 
>       value: value
> 
>     \})
> 
>   \},
> 
>  
> 
>   bindCountyNameChange: function(e) \{
> 
>     var that = this;
> 
>     console.log('picker county 发生选择改变，携带值为', e.detail.value);
> 
>     this.setData(\{
> 
>       countyIndex: e.detail.value
> 
>     \})
> 
>   \},
> 
>  
> 
>   saveAddress: function(e) \{
> 
>     var consignee = e.detail.value.consignee;
> 
>     var mobile = e.detail.value.mobile;
> 
>     var transportDay = e.detail.value.transportDay;
> 
>     var provinceName = e.detail.value.provinceName;
> 
>     var cityName = e.detail.value.cityName;
> 
>     var countyName = e.detail.value.countyName;
> 
>     var address = e.detail.value.address;
> 
>  
> 
>     console.log(transportDay + "," + provinceName + "," + cityName + "," + countyName + "," + address); *//输出该文本 *
> 
>  
> 
>     var arr = wx.getStorageSync('addressList') || \[\];
> 
>     console.log("arr,\{\}", arr);
> 
>     addressList = \{
> 
>       consignee: consignee,
> 
>       mobile: mobile,
> 
>       address: provinceName + cityName + countyName+address,
> 
>       transportDay: transportDay
> 
>     \}
> 
>       arr.push(addressList);
> 
>     wx.setStorageSync('addressList', arr);
> 
>     wx.navigateBack(\{
> 
>       
> 
>     \})
> 
>   \}
> 
> \})

**area.js和weui.wxss 可以看下方源码获取方式，这里就不多做解释。**

**备注**

微信小程序微商城系列 都是通过https 动态获取数据并展示的，建议从第一篇开始阅读。大家多多支持本系列文章会继续更新下去，谢谢各位！大家在使用过程中有哪些建议可以提出来，我们一起学习哈~~~

**微信小程序微商城系列**

[微信小程序微商城：开发者key获取][key]  
[微信小程序微商城（一）：https框架搭建并实现导航功能][https]  
[微信小程序微商城（二）：电商首页轮播、分类导航和新品特卖实现][Link 2]  
[微信小程序微商城（三）：电商首页福利专场无限下拉刷新动态API数据实现][API]  
[微信小程序微商城（四）：动态API实现商品详情页（上）][API 1]  
[微信小程序微商城（五）：动态API实现商品详情页（下）][API 2]  
[微信小程序微商城（六）：动态API实现新品特卖商品流式布局][API 3]  
[微信小程序微商城（七）：动态API实现商品分类][API 4]  
[微信小程序微商城（八）：缓存实现商品购物车功能][Link 3]

[微信小程序微商城（九）：微信授权并实现个人中心页面页面][Link 1]

**关注我们**

如果需要源码和素材可以关注“IT实战联盟”公\*众\*号并留言（微商城源码，5个字会收到源码下载地址，一定要看**源码里面的操作手册**会少走很多弯路），也可以加入交流群和作者互撩哦~~~

IT实战联盟博客：[http://blog.100boot.cn][http_blog.100boot.cn]

[http_blog.100boot.cn]: http://blog.100boot.cn/
[Link 1]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484723&idx=1&sn=1bdf4d4fa67741dfec2a77414bee02fd&chksm=fc4df772cb3a7e64a889bd9e6e68ab7016917d51a7275e0a0894dd1dc7527fd6bb2dfe072698&mpshare=1&scene=21&srcid=0815mtKew7IDT4Umi4Un48R9&key=99761e6d61b0631108436f531ea1bded3ebef4640bc7eb1c903fd9b5bf3a18267174ef3452e2c71511bb9dfacb11a8a4dedbd8aacdcbc3a604a3b7d2893d71f619b955cb6f6e7d7e6c3ee715c602779a&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=vczKaSfv95iDLaqTu6BE6BBv4MkJr5WtS%20Lo0ttD86zEoObi5WuQAhl2sPg88H4g#wechat_redirect
[20181223202247555.gif]: /images/20220516/3c28f82790734f1680396830aebdc481.png
[key]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484489&idx=2&sn=fc4d45faecbd7d702298aeee26cb389a&chksm=fc4df608cb3a7f1eda90f46b2119f3f57552f69c0aeac475d3320f6a3e252b1ea664fa7be2e3&mpshare=1&scene=21&srcid=0613CgkG8U8GmYCgMLNwf0SQ&key=0ca581e96f9f14296135cd5c62f3396e5b142b077a4b28dc59f9d2660b1615e4c29e32f353744b14703530eb2c1401ed93b62db580cf8d37021539c994c20528da24c59e7513c166bc48b341bb2f6165&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=eKDMiEWJaAXY4WuSEXVhA8nEUoKtVwIDFEuolXJInpwUfPVC5gNyn2PHMaVIVdvy#wechat_redirect
[https]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484489&idx=1&sn=b30937e849bece0968ea07ac72b83d11&chksm=fc4df608cb3a7f1ea60ab5b51108c080baa1a79c75c8a7231421d85ec07c7c0ef713cc772b84&mpshare=1&scene=21&srcid=0613hky4NypPiIvTYp7yPXEK&key=cb58026704e90da05c9bb8c1e0058f00378cf7005c217c2f2b9fec70ac71b74a51e2000b118aa9b882a0e5a35ca7b536920fa63b700d4c624a71e31c5ddc4925cb70cfe3e5ec46ca9841ffa357610357&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=eKDMiEWJaAXY4WuSEXVhA8nEUoKtVwIDFEuolXJInpwUfPVC5gNyn2PHMaVIVdvy#wechat_redirect
[Link 2]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484498&idx=1&sn=03bd2b638203a9fd3bc5314cf96a0f5a&chksm=fc4df613cb3a7f0557f113ef814d06ca28c395fd5053756eda4811c7df6fa95604f9171fe383&mpshare=1&scene=21&srcid=06136trF43RMxRkzdSpLrSm1&key=28a021edb6a1ada0e2e6b8a9e3d4ed36e9a02977c3ac3d4414ed747e08e5ab6952338ea87fed34f2a5064003302a2773b0652665c21743b43b9943cf819bd90eb830887b0919c2fa5453c04b72910225&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=eKDMiEWJaAXY4WuSEXVhA8nEUoKtVwIDFEuolXJInpwUfPVC5gNyn2PHMaVIVdvy#wechat_redirect
[API]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484532&idx=1&sn=2fddf4e443288e3fec41393fa751a0df&chksm=fc4df635cb3a7f23c8c846c57a543b15f9aff5f3cbd66a2d0cb40bec236c233f3385cfbc54da&mpshare=1&scene=21&srcid=0613oKpIiyVZLjDtjc9k33BD&key=abba1b7731e3ee594e57918b9830a98c76a76dc40fdb0b7cbc313afa8e9a71043f6b58c675129778ac8f55a62526dc735b90ef574155ada0253b36c0ac82f89400626cf41e3ed5a6069d75d71447c811&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=eKDMiEWJaAXY4WuSEXVhA8nEUoKtVwIDFEuolXJInpwUfPVC5gNyn2PHMaVIVdvy#wechat_redirect
[API 1]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484573&idx=1&sn=532c79a23a34124f12fe18742862a065&chksm=fc4df6dccb3a7fcaf8bfa9e01677ba9e039df1626a4860b6babc2eaed0b441e1bfa6c78b8cac&mpshare=1&scene=21&srcid=06253QOBZClvSa6AWZCUiPHs&key=a4e2496d259028b023ae234f79eb7f7236f147c293aac7232090dbbe47380e30ae9c324096a5118986094382b61eed4321f0390a7def09f11c60edbd8f7f7af6c2207379e9d2ac8a75935bc7a4fd7b62&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=RiQfX7aFv1krSBkA4l9rb5O6TBfs0c0irkk7oYxMb8Kq7w/qrnJYQiMPOsoaemxD#wechat_redirect
[API 2]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484602&idx=1&sn=266f52c93555991342a53c54023e1cd6&chksm=fc4df6fbcb3a7fedf6955106d6a334ff261c9eccc4ef21d018e779a05e55a7a385c2dc3e198a&mpshare=1&scene=21&srcid=0629lHl8WErLVb5wLrGgxbzk&key=0858e38169824f6534380e37725cf31f96d30d43b0b9cf1b2e5fe21023cca8d2a17d8cc11c3b719f0995b1f9b6d94a92647ba1120a29b51dfdc6dd9627d38b8de1172ebb7ab60adf3165dfde4fdb9575&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=B/jVtPW4CBO7Y1M2PVvZJTsypbCj7Cq/R1MXoEZenwDn1b3Ke7p4ExqI%20bsdxrwD#wechat_redirect
[API 3]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484618&idx=1&sn=19d13006f5c2de9bca116f9a07eabffc&chksm=fc4df68bcb3a7f9daef274aa660c003d4a3f779ef7e88b6e5bc1a1549a39e419283c7d059d1f&mpshare=1&scene=21&srcid=0710OAyxIUC7gaqbp2Fu1naO&key=e4a49b375d6ee2523ba149218dc5f7058754dc6bafe7e2fb77270fab49eb9a3cc1a5a450940da2f5a70694f4b3236a3721493da752537062e67b54f68c9a7e5e35ee4cf01a92ec6efc692bb2f34f9514&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=LnFpt2WbaHWzS6SpgE0YXJmGsyZdHR1ZkrH4KDe/SbmL2QXo3agnduejh8Qi0P28#wechat_redirect
[API 4]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484642&idx=1&sn=3f7f2f92d2d087838d5ececcd29bbedd&chksm=fc4df6a3cb3a7fb571795c3825670d53314dac44cfd756ec71a6d2c43e936cecb5fdd5368b3c&mpshare=1&scene=21&srcid=0716zjdqO1q9zi5GUCAusN35&key=a4e2496d259028b0116de61c041ad35cc5cabb78cebaaf6cf1aa9138cf04ab90e878b3e8ab6b87bc5c013e1fa175c4691215e59cedc2d7889e9dfe0332bd0dac41e19b7925046f1895563a2e07b73e16&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=JapGSUpZUDPhMJpIVJhZwo3ZrPThTfV/aUjt2/xyHyqNzwYvMQ4xjS3MLA51vtEu#wechat_redirect
[Link 3]: https://mp.weixin.qq.com/s?__biz=MzU2NDMyNDE0Mg==&mid=2247484665&idx=1&sn=d93e7e797a8114ea72b902070c5f4af0&chksm=fc4df6b8cb3a7faef73ceff73d9831eb7cd8b69319290986a7dd8c4414ffe05dce01f778a293&mpshare=1&scene=21&srcid=0802XRoek3nLAkKLH7KOj4cC&key=7124b505fbe8e194ee26d1a328f0f804326f12588e901486e2f3499b8011409cc51c0cbeec2bc3f90b8d873bac076f7b95a8cf0bf9816db838dfe758bb4beda7c65f5a36d360c4945afeceb449c1ff0b&ascene=0&uin=Mjg2MDM5ODQwMg==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.3%20build%2815D21%29&version=11020201&lang=zh_CN&pass_ticket=/uNjC5yMFnEcflVQ1ScvBcRbVDZQnioiguTRqmas3OkOk44lNpsbMkD1upBW0tn7#wechat_redirect