小程序开发

小程序开发

 

  第一:弄好底部的导航栏

小程序开发

 

第二:获取数据的接口的域名,  这样假如有什么变动不需要去每个接口处改

第三:其他页面的路径在微信开发者工具中的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方法里面直接接受)

小程序开发

 

 十三:在列表中变换选中值得颜色:

小程序开发

 

 小程序开发

 

 小程序开发

 

 小程序开发

 

 十四:授权(切记,目前不允许自动授权,必须客户手动操作)

小程序开发

 

 小程序开发

 

 十五:注意有些绑定单击事件组件就有,写了别的好像不起作用如下

小程序开发

 

 小程序开发

 

 

 

 

 

 



 




小程序开发

上一篇:微信小程序页面跳转


下一篇:小程序のwxml列表渲染