微信小程序,微信小程序开发教程

TP5 微信小程序获取手机号，并解密

2019-06-04

获取微信用户绑定的手机号，需先调用wx.login接口。因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用;button;组件的点击来触发。注意：目前该接口针对非个人开发者，且完成了认证的小程序开放（不包含海外主体）。需谨慎使用，若用户举报较多或被发现在不必要场景下使用，微信有权永久回收该小程序的该接口权限。使用方法需要将;button;组件;open-type;的值设置为;getPhoneNumber，当用户点击并同意之后，可以通过;bindgetphonenumber;事件回调获取到微信服务器返回的加密数据，然后在第三方服务端结合;ses

微信小程序动态更换 UI 色及标题

2019-06-04

3934 0

小程序动态修改界面颜色，提升用户体验度，以下十个简单的例子，供大家参考，后端代码不多说，主要是前段实现。后端界面：接口 PHP 代码： public;function;getSetup(){ //;首页轮播 ;;;;$resSetup=db('minwx_setup')->limit(1)->select(); ;;;;return;json(['code'=>200,'resSetup'=>$resSetup]); }小程序 index.js 代码：Page({ data:;{ resSetup:[], }, onLoad:;function;();{ this.setup(); }, setup:function(){ ;;;//;公共样式 ;;;var;that;=;this ;;;wx.request({ ;;;;

微信小程序使用wxParse解析html

2018-10-14

3914 0

最近项目上遇到在微信小程序里需要显示文章内容，文章内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。首先我们在github上下载wxParse：https://github.com/icindy/wxParse下载完之后我们需要用到目录下的wxParse文件夹，把他拷贝到我们的项目目录下　　下面是具体的使用步骤1.在app.wxss全局样式文件中，需要引入wxParse的样式表@import;"/page/wxParse/wxParse.wxss";2.在需要加载html内容的页面对应的js文件里引

微信小程序-8 图片等比例缩放获取屏幕尺寸图片尺寸自适应

2017-10-19

3079 0

1. index.wxml<image;style="width:;{{imagewidth}}px;;height:;{{imageheight}}px;";src="{{imagethirdsrc}}";bindload="imageLoad"></image>2.;index.js//获取应用实例 var;imageUtil;=;require('../../utils/util.js'); var;app;=;getApp() Page({ data:;{ imagefirstsrc:;'http://bpic.588ku.com/back_pic/00/03/85/1656205138bbe2d.png',//图片链接 imagesecondsrc:;'http://bpic.588ku.com/back_pic/04/07/63/28581203949ca9d.jpg!/fw/400/quality/90/unsharp

微信小程序开发-7【搜索功能】

2017-09-24

2765 0

微信小程序开发-7【搜索功能】-案例，结合豆瓣电影api接口页面代码：search.wxml查询你要搜索：{{inputVal}}{{item.text}}加载中...2.search.js//;pages/search/search.js Page({ /** ;;;*;页面的初始数据 ;;;*/ data:;{ inputVal:"", move:[], hidden:true, }, /** ;;;*;生命周期函数--监听页面加载 ;;;*/ onLoad:;function;(options);{ }, /** ;;;*;生命周期函数--监听页面初次渲染完成 ;;;*/ onReady:;function;();{ }, /** ;;;*;生命周期函数--监听页面显示 ;;;*/ onShow:;function;();{

微信小程序开发-6【重构：共同文件调用】

2017-09-23

2436 0

微信小程序开发-6【重构：共同文件调用有时候页面存在公共的部分，这时候就可以采用调用的方式，去掉重复的页面。1. 新建目录：template,在目录下新建movietpl.wxml文件,复制公共的文件2. 调用

微信小程序开发-5【样式的导入】

2017-09-23

2415 0

样式导入使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。示例代码：@import;"../move/move.wxss";

微信小程序开发-4【页面查询数据及遍历】

2017-09-23

3257 0

微信小程序开发-4【页面查询数据的遍历】;1. 在.js文件里面封装一个方法：;loadMove:function(){ ;;;;var;page=this; ;;;;wx.request({ ;;;;;;url:;'http://api.douban.com/v2/', ;;;;;;header:;{ ;;;;;;;;"Content-Type":;"json" ;;;;;;}, ;;;;;;success:function(res){ ;;;;;;;; ;;;;;;;;var;subjects;=;res.data.subjects; ;;;;;;;;console.log(subjects); ;;;;;;;;page.processSubjects(subjects); ;;;;;;;;page.setData({;moves:;subjects,hidden:true}); ;;;;;;} ;;;;}) ;;}2.在.js文件

微信小程序开发-3【页面加载数据时,显示加载中。。。】

2017-09-23

4045 0

微信小程序开发-3【页面加载数据时,显示加载中。。。】，实现这个功能带来良好的用户体验，以下是案例。页面文件.wxss文件底部加上以下代码<view;class="body-view"> ;;<loading;hidden="{{hidden}}";bindchange="loadingChange"> ;;;;加载中... ;;</loading> </view>2. 逻辑文件.js文件加上以下代码：Page({ ;;/** ;;;*;页面的初始数据 ;;;*/ ;;data:;{ ;;;;hidden:false ;;},success:function(res){;;; ;;;;var;subjects;=;res.data.subjects; ;;;;console.log(su

微信小程序开发-2 底部导航【tabBar导航】

2017-09-23

3247 0

微信小程序开发-2 底部导航【tabBar导航】，对应小程序开发文档：框架-》配置tabBar如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。Tip：当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。1.打开.app.json文件;"tabBar":;{ ;;;;"color":"#dddddd",//tab;上的文字默认颜色 ;;;;"selectedColor":"#

微信小程序开发-1【swiper图片轮播】

2017-09-23

2803 0

小程序图片轮播广告效果要用到滑块视图容器，即swiper。swiper滑块视图容器。(具体请看小程序开发文档)属性名类型默认值说明最低版本indicator-dotsBooleanfalse是否显示面板指示点indicator-colorColorrgba(0, 0, 0, .3)指示点颜色1.1.0indicator-active-colorColor#000000当前选中的指示点颜色1.1.0autoplayBooleanfalse是否自动切换currentNumber0当前所在页面的 indexintervalNumber5000自动切换时间间隔durationNumber500滑动动画时长circularBooleanfalse是否采用衔接滑动verticalBooleanfalse滑动方向是否为纵向bindchangeEventHan

微信小程序介绍

2017-07-25

2945 0

微信小程序，简称小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。一、目录介绍：1. pages-----主要存放小程序的页面文件，其中里面每个文件夹为一个页面，每个页面包含四个文件;;;;;;;;;1.2------index.js-----是小程序的逻辑文件，也称事件交互文件和脚本文件，用于处理界面的点击事件等功能，像设置初始数据，定义事件，数据的交互，逻辑的运算，变量的声明，数组，对象，函数，注释的方式等，其语法与javascript相同。我们可以打开仔细查看index.js里面的代码。;;;;;;;;