
小程序
Trevor Lan
工欲善其事,必先利其器!
展开
-
小程序云开发之数据库操作
目录1 获取数据库引用:wx.cloud.database1.1 使用案例2 获取集合引用:db.collection3 插入数据:Collection.add3.1使用案例4 查询数据4.1 Collection.doc4.2 Collection.get / Query.get4.3 使用案例4.4 Document.get5 更新数据:Docum...原创 2019-04-10 15:29:33 · 2816 阅读 · 0 评论 -
小程序获取手机系统基本信息
wx.getSystemInfo(Object object)获取系统信息Object object属性 类型 必填 说明 success function 否 接口调用成功的回调函数 fail function 否 接口调用失败的回调函数 complete function 否 接口调用结束的回调函数...原创 2019-04-12 14:05:36 · 7890 阅读 · 0 评论 -
小程序的构成
目录1 小程序目录结构2 小程序代码构成3 JSON 配置3.1 小程序配置 app.json3.2 工具配置 project.config.json3.3 页面配置 page.json3.4 JSON 语法4 WXML 模板4.1 与HTML标签的比较4.2 逻辑处理5 WXSS 样式6 JS 逻辑交互1 小程序目录结构├── app...原创 2019-04-09 14:26:03 · 1089 阅读 · 0 评论 -
小程序组件
目录1 基础组件textrich-textnodesiconprogress2 视图组件cover-imagecover-viewmavable-areamovable-viewscroll-viewswiperswiper-itemview3 表单组件buttoncheckboxcheckbox-groupform...原创 2019-04-12 16:10:54 · 2335 阅读 · 0 评论 -
小程序添加客服功能
使用button组件设置客服功能需要将<button>组件open-type的值设置为contact,当用户点击后就会进入客服会话,如果用户在会话中点击了小程序消息,则会返回到小程序<button open-type="contact" bindcontact="handleContact">客服</button>在小程序管理后台添加客...原创 2019-04-12 18:54:58 · 5495 阅读 · 0 评论 -
小程序添加意见反馈功能
设置button属性将open-type设置为feedback,想了解详情的可先阅读以下官方文档的button组件<button open-type='feedback' type='primary'>意见反馈</button>使用真机调试在小程序后台查看有关反馈的意见总结认真阅读官方阅读,实现功能如此简单...原创 2019-04-12 19:26:19 · 12265 阅读 · 0 评论 -
微信小程序开发文档
入门:https://developers.weixin.qq.com/miniprogram/dev/指南:https://developers.weixin.qq.com/miniprogram/dev/guide/框架:https://developers.weixin.qq.com/miniprogram/dev/reference/组件:https://dev...原创 2019-04-09 18:39:16 · 2391 阅读 · 1 评论 -
小程序的HTTP请求
wx.request(Object object)发起 HTTPS 网络请求。Object object属性 类型 默认值 必填 说明 url string 是 开发者服务器接口地址 data string/object/ArrayBuffer 否 请求的参数 header Object...原创 2019-04-19 16:21:39 · 7619 阅读 · 0 评论 -
小程序的生命周期
目录1 小程序的基本状况1.1 小程序启动1.2 前台/后台状态1.3再次打开小程序1.4 小程序销毁2 小程序的生命周期2.1 App(Object object)的参数说明2.2 onLaunch(Object object)2.3 onShow(Object object)2.4 onHide()2.5 onError(String error...原创 2019-04-18 10:15:56 · 1463 阅读 · 0 评论 -
小程序数据缓存
目录1 wx.setStorage(Object object)2 wx.setStorageSync(string key, any data)3 wx.getStorage(Object object)4 wx.getStorageSync(string key)5 wx.getStorageInfo(Object object)6 wx.getStorageInfo...原创 2019-04-12 10:04:41 · 1616 阅读 · 0 评论 -
小程序云开发之文件处理
1 上传文件:wx.cloud.uploadFile将本地资源上传至云存储空间,如图片、文档、视频等,如果将相同名称的文件上传至同一路径则是覆盖写请求参数字段 说明 数据类型 默认值 必填 cloudPath 云存储路径 String - Y filePath 要上传文件资源的路径 String - Y ...原创 2019-04-10 20:59:23 · 3710 阅读 · 0 评论 -
微信小程序之授权模块
1 获取用户授权设置:wx.getSetting(Object object)获取用户的当前授权情况,返回值中只会出现小程序已经向用户请求过的权限Object object属性 类型 默认值 必填 说明 success function 否 接口调用成功的回调函数 fail function 否 ...原创 2019-04-11 12:03:25 · 2384 阅读 · 0 评论 -
小程序之数据绑定
1 通过初始数据绑定小程序页面第一次渲染的时候会使用初始数据和渲染层进行绑定,所谓的初始数据就是Page页面构造器中的data对象。例如在page页面构造器中的data对象有以下数据:Page({ /** * 页面的初始数据 */ data: { name:'Trevor', age:23, sex:'boy' }}...原创 2019-04-11 14:08:58 · 811 阅读 · 0 评论 -
小程序之定时器的使用
1 number setTimeout(function callback, number delay, any rest) 设定一个定时器。在定时到期以后执行注册的回调函数参数 描述 function callback 回调函数 number delay 延迟的时间,函数的调用会在该延迟之后发生,单位 ms。 any rest par...原创 2019-04-11 14:36:05 · 2985 阅读 · 0 评论 -
小程序视图层数据渲染
简单渲染数据绑定使用 Mustache 语法(双大括号)将变量包起来<view>{{ name}}</view>Page({ data: { name: 'Trevor' }})列表渲染wx:for在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变...原创 2019-04-11 15:13:36 · 924 阅读 · 0 评论 -
小程序登录流程
目录1 登录流程时序图2 wx.login(Object object)2.1 使用案例3 auth.code2Session4 RuquestTaskwx.request(Object object)4.1 使用案例5 小程序登录1 登录流程时序图从登录时序图来看,我们需要通过wx.login()来获取code,然后把获取到的code以...原创 2019-04-11 18:51:45 · 2963 阅读 · 0 评论 -
小程序之success回调函数中使用this.setData()问题
写一个获取小程序用户信息的函数,在success回调函数里使用this.setData()更新数据时报错,源码及报错位置如下图所示。 错误提示:Cannot read property 'setData' of undefined;at api operateWXData success callback functionTypeError: Cannot read pr...原创 2019-04-11 20:47:42 · 14115 阅读 · 3 评论 -
小程序之AccessToken
1 access_token是小程序全局唯一后台接口调用凭据请求地址GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET请求参数属性 类型 必填 说明 grant_type st...原创 2019-04-11 22:12:27 · 7884 阅读 · 0 评论 -
小程序与后端交互
目录1 后端交互时序图2 不校验域名3 点击小程序的功能4 request请求5返回结果6更新视图层7使用案例7.1 WXML文件7.2 WXSS文件7.3 JS文件8 GitHub地址1 后端交互时序图2 不校验域名如果我们没有备案好的域名的话,在开发过程中我们可开启不校验域名模式,等项目开发好后再到小程序后...原创 2019-04-19 06:39:36 · 8477 阅读 · 0 评论