微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
小程序的开发我个人认为是view+wxcc实现的静态页面的布局,可类比于web开发的div+css实现的静态页面的布局(当然,为了让浏览器更能语义化的解析页面,常常在web开发上不单单使用div,还有其他更多的h1,span,p等标签)。 而在逻辑的交互上,小程序其实有点类似于web开发引用了vue框架进行数据渲染和事件触发。 关于小程序逻辑开发
最后就可以进行相关的小程序开发了:微信开发者工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
开发模式分类:
本地初始化小程序项目,若无AppID,则在体验模式下部分API可能无法正常调用。 查下AppID(小程序ID)在设置-> 开发设置中查看
![]()
项目的主界面及项目的说明(更详细的说明可以查看我上面说的官方文档说明)
在小程序后台配置服务器域名(详细的API说明)
则可在开发者工具中看到相关的域名配置
通过pages直接新建目录,然后在创建的目录下直接新建page即可完成js、json、wxml和wxss文件的创建,并且工具会自动的将我们创建的页面添加到app.json下面,接下来我们就可以进行正式的业务逻辑的开发了。
![]()
由于小程序没有DOM的概念,都是数据驱动的,所以在执行事件(一般的点击事件bindtap即可)时需要携带参数时我们可以通过设置自定义属性(data-xx)来获取相应的参数
![]()
swiper,官网解释及demo更详细,我就不上代码了。
- wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
- wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个非tabBar页面。
- wx.switchTab(OBJECT):跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
- 跳转:页面链接
- wx.reLaunch(OBJECT):可以打开任意页面
下拉刷新/上拉加载需要通过监听页面的生命周期进行相关方法的添加,并设置当前page的json文件enablePullDownRefresh设置为true(默认情况下false)
![]()
很多情况下,接口返回来的数据需要我们处理,但是,在被列表一层层包着的情况下,对数据的处理就比较大工程了。所以我们需要引用wxs进行对数据的重新构建。当然,除了这种方法还是其他方法,可自行百度。
![]()