关注
分享
微信小程序笔记
阿里云双十一云服务器瓜分200万1111红包。机会只有一次错过在等十年：
https://m.aliyun.com/act/team1111/#/share?params=N.GgOp3u5EPL.ooe5o7ot
今天一点也不冷
拿的起，放得下，点滴积累学习
展开
-
微信小程序支付示例php-Laravel
微信小程序中wx.requestPayment发起支付原创 2018-07-17 10:10:55 · 1028 阅读 · 0 评论 -
PHP发送微信小程序模板消息通知
formId 或 prepay_id：用户必须得提交了表单或进行了支付才能推送模板消息，表单提交后能得到 formId，支付完成能得到 prepay_id，而且一个 formId 或 prepay_id 只能推送一条消息。openID：推送给谁的用户标识符template_id：模板消息的模板编号，小程序的后台申请access_token：...原创 2018-03-15 09:08:44 · 4346 阅读 · 0 评论 -
微信小程序真机iso能正常渲染数据，安卓机无法解析数据
web开发者工具测试时候可以正常，iso能正常渲染数据，安卓机无法解析数据，已经排查不是证书问题，返回数据：安卓机数据为string，ios为object，但是直接转换object，失败，还是string。查了之后发现是/ufeff的问题，去掉就好了 安卓是string，判断不是object就去掉再转 success: function (res) { console.log(原创 2017-09-21 11:46:17 · 4617 阅读 · 0 评论 -
微信小程序授权 getuserinfo 接口调整
使用 button 组件，并将 open-type 指定为 getUserInfo 类型，用户允许授权后，可获取用户基本信息提示一下 wx.showModal({ title: '注意', showCancel: false, confirmText:'好去授权', content: '为了您更好的体验,请先同意授权', suc...原创 2018-05-18 14:54:31 · 36036 阅读 · 17 评论 -
微信小程序通过getPhoneNumber后台PHP解密获取用户手机号码
之前做的版本用户这块是以获取用户openid为凭证，最近改版重新整理了一下，新增注册登录以手机号码为主，两种（正常注册手机号码-密码+一键获取当前用户手机号码）getPhoneNumber这个组件要通过button来实现。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。在使用这个组件之前必须先调用 login...原创 2017-12-23 09:04:44 · 8715 阅读 · 2 评论 -
微信小程序实现tabs选项卡效果简单代码实例
微信内部很多组件都已经封装好了,但是却没有tab选项卡的组件，选项卡还是很常用的，下面是一个简单的效果wxml<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="tabNav">隆胸</view> <view原创 2017-10-20 16:09:39 · 6471 阅读 · 3 评论 -
微信小程序授权获取用户详细信息openid
小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像，昵称wx.getUserInfo({ success: function (res) { that.setData({ nickName: res.userInfo.nickName, avatarUrl: res....原创 2017-09-15 13:15:17 · 181896 阅读 · 27 评论 -
微信小程序getStorageSync第一次加载取不到值，再次刷新可以取值
加了层判断如果没有这个缓存，说明该用户未登录,跳转至登录页面,但是登录成功之后，加载getStorageSync依然获取不到缓存值，原因，在onLoad里不能每次都读到解决: getStorageSync写在onShow 每次切换页面的时候都会执行如果遇到同样问题，可以试试...原创 2018-02-08 19:00:31 · 16236 阅读 · 7 评论 -
微信小程序picker组件下拉框选择某个值动态添加input输入框
小程序触发下拉列表value值，动态添加一个input框，页面<view class="row-wrap"> <view class="label">预约项目</view> <picker bindchange="bindCasPickerChange" value="{{casIndex1}}" range="{{casArray}}">原创 2017-09-15 10:57:49 · 24137 阅读 · 1 评论 -
微信小程序提交表单清空表单input框的值
数据提交后台后设置为空 var that = this wx.request({ …… …… success: function (res) { if (res.data.code == 200) { ………… //直接将input值设置空 that.setData原创 2017-09-15 11:17:22 · 8610 阅读 · 1 评论 -
微信小程序request请求后台接口php简单实例
后台php接口：http://www.vueyun.com/good/info没有处理数据，直接返回了，具体再根据返回格式处理public function getGoodInfo(Request $request){ $goods_datas = $this->Resource->get(); return response()->json([原创 2017-08-02 10:16:51 · 37269 阅读 · 6 评论 -
微信小程序input表单页面实例,redio和下拉列表获取数据
一个简单的预约类型的表单，redio组件 form主要代码： <form bindsubmit="bindSave"> <view class="form-box"> <view class="row-wrap"> <view class="label">联系人</view> <view class="label-right">原创 2017-09-11 21:57:39 · 9281 阅读 · 0 评论 -
微信小程序添加视频video组件
小程序视频组件video标签 wxml<View>1.播放网络视频</View><view > <video style="width: 100%;height=400px;margin:1px;" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f020169040253转载 2017-09-15 15:22:22 · 44617 阅读 · 2 评论 -
微信小程序循环数据
/** * 生命周期函数–监听页面加载 */ onLoad: function (options) { var content_for=[ { date: “2020年 10月 9日 “, title: “那年夏天”, header_url:”/images/3.png”,原创 2017-07-12 23:09:50 · 8659 阅读 · 0 评论 -
微信小程序页面跳转事件绑定/冒泡,非冒泡事件
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息，如 id, dataset, touches。在组件中绑定一个事件处理函数。 如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数 <view b原创 2017-07-12 23:57:10 · 4787 阅读 · 1 评论 -
微信小程序视图template模板引用
WXML 提供两种文件引用方式import和include。include可以将目标文件除了的整个代码引入，相当于是拷贝到include位置，如：temlate.wxml<template name="tmp_data" > <view class="content"> <!-- 头像 --> <view class="author-date">原创 2017-07-13 11:37:51 · 2545 阅读 · 1 评论 -
微信小程序实现底部导航栏目示例
微信小程序支持底部导航栏配置，app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等效果图图标可以自己找，可以用阿里的图标库，下载之后放到对应的images目录，没有目录自己创建一个：阿里图标库 http://www.iconfont.cn/collections/show/29找到项目根原创 2017-07-14 11:11:14 · 4632 阅读 · 0 评论 -
微信小程序配置顶部导航条标题颜色
关于小程序导航顶部配置都写在.json文件中。{ "window":{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeee原创 2017-07-14 14:58:03 · 69207 阅读 · 1 评论 -
小程序注册开发工具目录结构介绍
1.前期准备：小程序注册地址：https://mp.weixin.qq.com/cgi-bin/wx下载web开发工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html2.注册完成后获取小程序的openid，3.打开web开发者工具本地小程序，添加项目，没有openid可以选择无4.进入项目 view标签就是div标签原创 2017-07-11 10:46:45 · 1574 阅读 · 0 评论 -
微信小程序开发必备 hellow word
打开web开发者工具，新建一个纯净的项目（上一篇有建立项目），不要勾选quick start 这样就是一个什么都没得的项目！按照目录结构建立文件 welcome.wxml文件<!--wxml编写基本的页面类似html--><view class="container"> <image style="width:200rpx;height:200rpx;" class="avatar"原创 2017-07-11 15:44:22 · 1757 阅读 · 0 评论 -
swiper组件构建小程序轮播图
wxml基础文件：view class="classname"> swiper indicator-dots="true" interval="1000" autoplay="true" indicator-active-color="red"> swiper-item>image src="/images/1.jpg">image>swiper-item>原创 2017-07-12 11:48:03 · 4540 阅读 · 0 评论 -
微信小程序文章界面简单布局
效果图： wxml文件： <view class="content"> <!-- 头像 --> <view class="author-date"> <image src="/images/4.png" class="author"></image> <text class="date">logo 2017年七原创 2017-07-12 15:58:07 · 10080 阅读 · 2 评论 -
微信小程序数据绑定和简单的运算
数据绑定简单用法：Page({ data: { message: '张三' }}) /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content1={ date: "2020年 10月 8日 ", title："时间群" ,原创 2017-07-12 21:32:54 · 11972 阅读 · 0 评论