周三小程序

结构

e720b8c3ec64c139738c9702aa5f9e4.png

7b7e55050287e5835ccd206095a2aa2.png

路由

4759adc3fbea1676ba36947eeefcdba.png

c63414fb9aaa4e403dd735beba363a7.png

可带参：navigateTo、redirectTo、reLaunch（path?key=value&key2=value2）

不可带参：switchTab （本地、全局变量）

传参

设置参数名data-title:
<view bindtap="toDetail" data-title="hello">

toDetail:function(e){
    var gettitle=e.currentTarget.dataset.title;（获取传过来的参数）
  
    带参数跳转：
     wx.navigateTo({
         url:"../detail/detail?title="+gettitle
     })
   }

数组传参：   url: "../detail/detail?title=" + JSON.stringify(arr)

获取传递过来的参数

Page({
  data:{
    title:''
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    this.setData({
        title:options.title
    })
  },
})

接收数组参：var str = JSON.parse(options.title);

封装模块化

a0d7e3387a3d8befc425f8855da65f0.png

请求

8a2ac32f47afae0c06fc2316f21d4a0.png

935bf5c30bdfa123226183662e8a29c.png

function myrequest(data, path, method, cb) {
    wx.request({
        url: purl + path,
        header: { 'content-type': 'application/x-www-form-urlencoded' },
        data: data,
        method: method,
        success: function(res) {
            if (typeof cb == "function") {
                cb(res.data);
            }
        },
    })
}
module.exports = {
    myrequest: myrequest,
}

数据处理

引入请求方法：var util = require('../../utils/util.js');//不能用绝对路径

调用方法： // 获取详情
    getDetail: function() {
        util.myrequest({ id: this.data.id }, '/exhibition/detail', 'GET', (res) => {
            this.setData({
                newDetail: res.datas
            })

        })
    },

使用：this.data.datas.key

注意点

背景图片：不能使用本地图片
code：一个code智能使用一次
margin：ios 样式错乱 使用 padding 替代
保存：不能使用线上路径（先下载后保存）
navigateTo：最多5级目录跳转
图片上传：需要配置安全证书
请求数量：不能超过十个并发实际五个
改名：发布前可以改两次发布之后不可以更改（重新认证交300）
头像：一个月五次
介绍：一个月五次
服务类目：一个月三次

微信端和手机端绑定账号数据打通

unionid
opendid
mobile