第一:弄好底部的导航栏
第二:获取数据的接口的域名, 这样假如有什么变动不需要去每个接口处改
第三:其他页面的路径在微信开发者工具中的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方法里面直接接受)
十三:在列表中变换选中值得颜色:
十四:授权(切记,目前不允许自动授权,必须客户手动操作)
十五:注意有些绑定单击事件组件就有,写了别的好像不起作用如下