前几天偶然看见一个人脸识别的小程序demo,觉得很有趣下载下来想玩玩,结果只是一个框架而已用不了的,花了点时间完善一下 吐槽一下wx.uploadFile这个接口,真是个大坑,最开始调用时候,我以为它和同期的wx.downloadFile一样,只需要填入必须的参数就可以用,结果还是要配合后台php的 首先,upload这个接口的url和request一样指的是php的路径,而不是download一样文件路径 其次,我在最开始一直没弄懂这个"name"到底应该填什么,上...
本文实例讲述了微信小程序实现获取用户信息并存入数据库操作。分享给大家供大家参考,具体如下: 微信小程序获取用户信息简单,但是在存入自己服务器数据库的过程中研究了一天多的时间,并且网上搜索不到该资源,故发出来供大家参考。 index.js Page({data: {nickName: "微信账号登录",avatarUrl:"./user-unlogin.png",},onLoad: function () {var that = this;var nickName = that.data.nickName ;var avatarUrl = that.data.avat...
本文实例讲述了微信小程序实现用table显示数据库反馈的多条数据功能。分享给大家供大家参考,具体如下: 解决了微信小程序自定义表格,并显示的多条数据的问题。 index.wxml <view><text>我的调查问卷</text><scroll-view scroll-x="true" style=" white-space: nowrap; display: flex"><view class="table"><view class="tr bg-header"><view class="th">姓名</view> <view class="th">性别</view><view class="th">年龄</view></...
小程序界面传值 父级界面:A界面 子级界面:B界面 一、url传值 详细的配置参数可以查看组件导航:navigator,这里不再做过多的解释。 1. 正向传值:A界面 –>B界面 用 navigator标签或 wx.navigator传值,A界面向B界面传id值 A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可// 方法一:navigator标签传值<navigator url="/page/index/index?id=110" >传值</navigator><navigator url="/page/index/index?id=110&usernam...
微信小程序中,按钮也是<button></button>标签,它通过bindtap属性绑定点击事件:然后在js里面注册这个回调函数:回调函数里面通过 wx.navigateTo({url: /pages/index/talkPage,})跳转到talkPage界面。 注意,html界面要在app.json里面注册:不注册的话会报错:navigateTo:fail url "pages/index/talkPage" is not in app.json 注册完毕之后编译,开发工具会自动为你创建一个对应的js和wxss文件,而且js里面会自动搭好基本函数: /...
在小程序的事件回调触发时,会接收一个事件对象,事件对象的参数中包含一个target和currentTarget属性,接下来说说这二者的区别。 首先上代码: wxml部分: <view id=tar-father bindtap=click>父组件<view id=tar-children>子组件</view></view> wxss部分: #tar-father{width: 300rpx;height: 300rpx;background-color: skyblue; } #tar-children{background-color: pink; }效果图js部分: click: function (event) {console.log...
一、调取参数 直接调取当前js中的方法, 调取参数that.bindViewTap(); 二、跳转页面 navigateTo: function () { wx.navigateTo({ url: ../page4/page4 }); },全局变量使用方法 a.js var app = getApp() Page({ data: { hex1: [], })} //设置全局变量 if (hex1 != null) { app.globalData.hex1 = hex1; }b.js 接收全局变量 var app = getApp() Page({data:{hex1:[]},onLoad:function(options){this.setData({hex1:getApp().globalDat...
一、对小程序的request的封装写过小程序的应该知道,微信的request不封装基本上不能用,写的显的太冗长,而且是回调式的,回调地狱什么的就不说了,可读性差。下面是我的封装代码,顺便支持一下promise。function baseRequest({ url, method, header, data, complete }, resolve, reject) {wx.request({url,method,header,data,success: function (res) {// 需要判断服务器code的用这一段// 我司服务器返回0表示真正的成功,其他co...
本文实例讲述了微信小程序登录数据解密及状态维持。分享给大家供大家参考,具体如下: 学习过小程序的朋友应该知道,在小程序中是不支持cookie的,借助小程序中的缓存我们也可以存储一些信息,但是对于一些比较重要的信息,我们需要通过登录状态维持来保存,同时,为了安全起见,用户的敏感信息,也是需要加密在网络上传输的。 前台,service。封装了http请求,同时封装了getSession(通过code获取服务器生成的session)、getUserI...
介绍 因为项目需要,使用到了微信小程序和百度的语音接口 现在将项目中的一个小模块拿出来单独分享. 技术关键字 微微信小程序百度语音接口nodejs,expressfluent-ffmegp环境 windows 10vs code 1.20.1微信小程序开发工具 1.02.1802270花生壳-提供域名和内容穿透-用于方便本地远程调试微信小程序考虑到业务并不复杂,所以就将所有的代码都放在一个页面就可以了(wxml,wxss,js统称为一个页面) 文件目录页面index.wxml <button type=defau...
一、注册微信小程序 进入微信公众平台,使用邮箱账号,选择注册小程序账号。一个邮箱只能注册一个类型的微信账号(订阅号、服务号、小程序)。 二、搭建Https服务器 1、域名注册 1.1、登录腾讯云平台,并注册账号。 1.2、选择“云产品”—”域名服务“—”域名管理"1.3、选择“域名”注册,根据提示进行注册。需要缴纳一定费用。 2、SSL证书管理 2.1、选择“云产品”—”域名服务“—”SSL证书管理",选择“申请证书(免费)”。若...
本文实例讲述了微信小程序实现判断是分享到群还是个人功能。分享给大家供大家参考,具体如下: 话不多说 直接来讲述一下操作步骤: 首先 我们需要通过调用 wx.showShareMenu 并且设置 withShareTicket 为 true。这一项必须设置,这样当用户将小程序分享到任一群聊之后,才可以获取到此次分享的 shareTicket,千万不能忘了! onLoad: function (options) { wx.showShareMenu({ // shareTicket 是获取转发目标群信息的票据,只有拥有...
本文实例讲述了微信小程序获取用户信息的两种方法wx.getUserInfo与open-data。分享给大家供大家参考,具体如下: 在此之前,小程序获取微信的头像,昵称之类的用户信息,我用的都是wx.getUserInfo,例如: onLoad: function (options) {var that = this;//获取用户信息wx.getUserInfo({success: function (res) {console.log(res);that.data.userInfo = res.userInfo;that.setData({userInfo: that.data.userInfo})}}) },wx.getUse...
本文实例讲述了微信小程序自定义组件传值 页面和组件相互传数据操作。分享给大家供大家参考,具体如下: 要想在组件中调到页面中的方法,并且想要组件中传数据到页面去,emmmm,可以酱紫: 用组件事件 triggerEvent! 首先,在页面中定义组件 ,json文件中记得加上: {"usingComponents": {"user-btn": "/pages/component/userInfo/userInfo"} },然后,index.wxml~ index.wxml ... <user-btn show="{{userShow}}" bind:showTab="sh...
在微信小程序中,我们可以很方便的通过API接口来获取我们当前的位置,接下来我讲告诉大家微信获取定位的API—wx.getLocation的用法,以及我们通过获取定位,得到当地的位置,天气等信息。 <view class=content><view class=today><view class=info><view class=temp>{{weather.temperature.data}}℃</view><view class=weather>{{weather.weather.data}} {{weather.winddirection.data}} {{weather.windpower.data}}</view><view>友...