第一: 弄好底部的导航栏
第二: 获取数据的接口的域名, 这样假如有什么变动不需要去每个接口处改
第三: 其他页面的路径在微信开发者工具中的 pages 中添加文件夹后会自动生成
特别注意: 如果用到什么组件的话, 在对应的页面的 JSON 文件中引入(我用的 vant-weapp, 快恶心死)
第四: 在需要用到域名的页面对应的 JS 文件中这样获取域名
第五: 这是请求数据的模板, 写在方法中就行
第六: 给 data 里声明的变量赋值(有的方法里 this 不能用, 只能用 that)
第七: 本地存储以及本地取值
- wx.setStorageSync('token',res.data.data); // 存储
- var token = wx.getStorageSync('token'); // 获取
第八: 在 html 中进行页面跳转以及带参数
<navigator wx:for="{{item.pmsProductList}}" wx:key="index" url="/pages/goods-detail/goods-detail?id={{item.id}}"></navigator>
第九: 添加单击事件 (以及传参数) 所有的循环以及判断都是 wx:if 或者 wx:for="{{ list }}"
这样接受:
也可以这样添加单击:
<van-icon name="cross" class="guan" bind:click="close"/>
第十: 通过单击事件进行页面跳转
也可以直接带着参数
十一: 提示消息:
十二: 接受传过来的参数(在 onLoad 方法里面直接接受)
十三: 在列表中变换选中值得颜色:
十四: 授权(切记, 目前不允许自动授权, 必须客户手动操作)
十五: 注意有些绑定单击事件组件就有, 写了别的好像不起作用如下
小程序开发
来源: http://www.bubuko.com/infodetail-3304680.html