微信小程序
微信小程序笔记
阿里云双十一云服务器瓜分200万1111红包。机会只有一次错过在等十年:
https://m.aliyun.com/act/team1111/#/share?params=N.GgOp3u5EPL.ooe5o7ot
今天一点也不冷
拿的起,放得下,点滴积累学习
展开
-
微信小程序支付示例php-Laravel
微信小程序中wx.requestPayment发起支付原创 2018-07-17 10:10:55 · 1049 阅读 · 0 评论 -
PHP发送微信小程序模板消息通知
formId 或 prepay_id:用户必须得提交了表单或进行了支付才能推送模板消息,表单提交后能得到 formId,支付完成能得到 prepay_id,而且一个 formId 或 prepay_id 只能推送一条消息。openID:推送给谁的用户标识符template_id:模板消息的模板编号,小程序的后台申请access_token:...原创 2018-03-15 09:08:44 · 4402 阅读 · 0 评论 -
微信小程序真机iso能正常渲染数据,安卓机无法解析数据
web开发者工具测试时候可以正常,iso能正常渲染数据,安卓机无法解析数据,已经排查不是证书问题,返回数据:安卓机数据为string,ios为object,但是直接转换object,失败,还是string。查了之后发现是/ufeff的问题,去掉就好了 安卓是string,判断不是object就去掉再转 success: function (res) { console.log(原创 2017-09-21 11:46:17 · 4661 阅读 · 0 评论 -
微信小程序授权 getuserinfo 接口调整
使用 button 组件,并将 open-type 指定为 getUserInfo 类型,用户允许授权后,可获取用户基本信息提示一下 wx.showModal({ title: '注意', showCancel: false, confirmText:'好去授权', content: '为了您更好的体验,请先同意授权', suc...原创 2018-05-18 14:54:31 · 36089 阅读 · 17 评论 -
微信小程序通过getPhoneNumber后台PHP解密获取用户手机号码
之前做的版本用户这块是以获取用户openid为凭证,最近改版重新整理了一下,新增注册登录以手机号码为主,两种(正常注册手机号码-密码+一键获取当前用户手机号码)getPhoneNumber这个组件要通过button来实现。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。在使用这个组件之前必须先调用 login...原创 2017-12-23 09:04:44 · 8818 阅读 · 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 · 6516 阅读 · 3 评论 -
微信小程序授权获取用户详细信息openid
小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像,昵称wx.getUserInfo({ success: function (res) { that.setData({ nickName: res.userInfo.nickName, avatarUrl: res....原创 2017-09-15 13:15:17 · 182103 阅读 · 27 评论 -
微信小程序getStorageSync第一次加载取不到值,再次刷新可以取值
加了层判断如果没有这个缓存,说明该用户未登录,跳转至登录页面,但是登录成功之后,加载getStorageSync依然获取不到缓存值,原因,在onLoad里不能每次都读到解决: getStorageSync写在onShow 每次切换页面的时候都会执行如果遇到同样问题,可以试试...原创 2018-02-08 19:00:31 · 16422 阅读 · 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 · 24261 阅读 · 1 评论 -
微信小程序提交表单清空表单input框的值
数据提交后台后设置为空 var that = this wx.request({ …… …… success: function (res) { if (res.data.code == 200) { ………… //直接将input值设置空 that.setData原创 2017-09-15 11:17:22 · 8655 阅读 · 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 · 37328 阅读 · 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 · 9311 阅读 · 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 · 45257 阅读 · 2 评论 -
微信小程序循环数据
/** * 生命周期函数–监听页面加载 */ onLoad: function (options) { var content_for=[ { date: “2020年 10月 9日 “, title: “那年夏天”, header_url:”/images/3.png”,原创 2017-07-12 23:09:50 · 8700 阅读 · 0 评论 -
微信小程序页面跳转事件绑定/冒泡,非冒泡事件
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。在组件中绑定一个事件处理函数。 如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数 <view b原创 2017-07-12 23:57:10 · 4826 阅读 · 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 · 2573 阅读 · 1 评论 -
微信小程序实现底部导航栏目示例
微信小程序支持底部导航栏配置,app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等效果图图标可以自己找,可以用阿里的图标库,下载之后放到对应的images目录,没有目录自己创建一个:阿里图标库 http://www.iconfont.cn/collections/show/29找到项目根原创 2017-07-14 11:11:14 · 4649 阅读 · 0 评论 -
微信小程序配置顶部导航条标题颜色
关于小程序导航顶部配置都写在.json文件中。{ "window":{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": "#eeeee原创 2017-07-14 14:58:03 · 69399 阅读 · 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 · 1584 阅读 · 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 · 1792 阅读 · 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 · 4548 阅读 · 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 · 10251 阅读 · 2 评论 -
微信小程序数据绑定和简单的运算
数据绑定简单用法:Page({ data: { message: '张三' }}) /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content1={ date: "2020年 10月 8日 ", title:"时间群" ,原创 2017-07-12 21:32:54 · 12013 阅读 · 0 评论