金木研--优快云博客

原创小程序云开发（四）：云数据库的文件操作之上传头像图片，获取云图片

一，上传文件//cloudPath: 'comp_img/' + new Date().getTime() + parseInt(Math.random() * 10) + avatar.match(/\.[^.]+?$/)[0],//.match(/\.[^.]+?$/)[0]=图片类型后缀,,new Date().getTime()=时间戳，，parseInt(Math.random() ...

2019-10-08 10:59:23 3045

原创小程序云开发（三）：云数据库的-增-删-查-改

一，各类功能的api用法说明二，小程序端API和服务端API的区别服务端API用于云函数运行环境。Server 端的 API 与小程序端基本保持一致，有如下不同：Server API 不再接受回调（success, fail, complete），统一返回 PromiseServer 端有批量写和批量删除的权限，即可在集合或查询语句上调用 update 或 removeServer ...

2019-10-08 10:48:54 740 1

原创小程序云开发（二）：云函数

一，新建一个‘获取用户信息’的云函数1，首先新建一个cloudfunction目录，然后再配置project.config.json“cloudfunctionRoot”: “cloudfunction/”, "description": "项目配置文件", "cloudfunctionRoot": "cloudfunction/", "packOptions": { "ignor...

2019-10-07 23:02:55 469

转载小程序云开发（一）：新建云开发模板

一，介绍二，新建项目1. 新建云开发模板也可以省略此步骤，直接在已有项目上开通和使用云开发。新建项目选择一个空目录，填入 AppID（使用云开发能力必须填写 AppID），勾选创建 “云开发 QuickStart 项目”，点击创建即可得到一个展示云开发基础能力的示例小程序。该小程序与普通 QuickStart 小程序有以下不同需注意：无游客模式、也不可以使用测试号project.c...

2019-10-07 22:38:23 1846 1

原创小程序基础开发（四）：template模板应用(5)——自定义参数的三级联动下拉选择<picker>

一，自定义三级联动数组{"sheng": "598", "di": "0", "xian": "0", "name": "安徽", "level":1},{"sheng": "598", "di": "1011", "xian": "0", "name": "安庆", "level":2},{"sheng": "598", "di": "1011", "xian": "14", "name":...

2019-10-06 21:26:11 252

原创小程序基础开发（五）：微信支付全套流程

一，申请支付商户在微信公众平台或开放平台提交微信支付申请，微信支付工作人员审核资料无误后开通相应的微信支付权限。微信支付申请审核通过后，商户在申请资料填写的邮箱中收取到由微信支付小助手发送的邮件，此邮件包含开发时需要使用的支付账户信息二，实现流程调用登陆接口先获取用户的openid生成prepay_id, 开发者服务器调用如下接口统一下单接口URL地址：https://api....

2019-10-02 23:10:52 382

原创小程序基础开发（四）：template模板应用(4)——倒计时组件，日时分秒

倒计时wxml<view class='tui-countdown-content font10pt' wx:for="{{countDownList}}" wx:key="countDownList"> <text class='tui-conutdown-box'>{{item.day}}</text>天 <text class='...

2019-10-02 22:05:38 261

原创小程序基础开发（四）：template模板应用(3)——日历组件，可赋值参数(价格、销量等)

小程序-日历组件左右翻页，上一月下一月模式的wxml<view class='bg-white'> <view class="flex text-center align-center text-xl padding-tb-sm"> <view class="flex-sub cuIcon-back" bindtap='lastMonth'>&...

2019-10-02 21:52:29 274

原创小程序基础开发（四）：template模板应用(2)——带裁剪功能的头像上传，封装wx.uploadFile组件

一，头像上传wxml <view class="bg-white flex justify-between align-center padding-sm"> <view class="text-black">头像</view> <image style="width:200rpx;height:200rpx;" src='{{com...

2019-10-02 21:38:29 495

原创小程序基础开发（四）：template模板应用(1)——带搜索历史的搜索栏

一，template模板模板WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。定义模板使用 name 属性，作为模板的名字。然后在内定义代码片段，如： {{index}}: {{msg}} Time: {{time}} 使用模板使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入，如：...

2019-10-02 21:27:19 357

原创小程序基础开发（四）：weui-wxss组件表单页面，WxValidate.js组件表单验证上传

一，使用weui-wxss组件做一个表单页面WeUI组件库简介这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。项目背景随着小程序的普及，微信也有很多内部小程序在开发，每个小程序都需要从零到1进行开发设计，而这个过程中，有大量的UI交互是重复的，另外，微信内部已经有一...

2019-10-02 21:02:05 1439

原创小程序基础开发（三）：授权，获取用户信息，注册，登录，简单封装request请求

一，授权1，首先在app.js里检测用户是否授权// 查看是否授权 wx.getSetting({ success: function (res) { if (res.authSetting['scope.userInfo']) { console.log('用户已授权' + res.authSetting['scope.userInfo...

2019-10-02 17:24:01 877

原创小程序基础开发（二）：页面数据渲染，多重for循环列表渲染。附字母索引的联系人列表dome

一，页面数据渲染1,数据渲染分为2种，一种是直接的单个数据绑定，使用 Mustache 语法（双大括号）将变量包起来，可以作用于：wxml<view> {{ message }} </view><view id="item-{{id}}"> </view>jsPage({ data: { id: 0， message...

2019-10-02 11:56:26 985

原创小程序基础开发（一）：配置tab底部栏页面，page和component的区别，使用component自定义头部组件样式和底部导航

目录page和component的区别page模式一，配置app.json参数，设置头部底部样式1，设置头部2，设置底部3，新建页面page和component的区别简单地说，page是官方默认组件，component是自定义组件。当你需要开发一个有特色的，可灵活配置样式的小程序，就要用到component。开发一个小程序前先确定是否需要自定义component模板来做，相对来说，page比较...

2019-10-01 16:35:10 14363 3

qq_42050067的博客