【摩拜单车微信小程序开发技术总结】教程文章相关的互联网学习教程文章

微信小程序用户授权接口的使用【代码】【图】

2018年改版之前的小程序是可以在用户首次进入小程序时通过wx.getUserInfo直接弹出一个框询问用户是否同意授权信息,或者点击某个控件触发wx.authorize(scope.userInfo)也可以弹出用户信息授权框,改版之后需要通过对button绑定点击事件对授权进行触发: 1 原来的方式 点击控件触发wx.authorize授权 tap: function () {wx.authorize({scope: 'scope.userInfo',success: function () {wx.getSetting({success: res => {console.log(r...

微信小程序餐饮项目数据库分析【图】

餐饮项目数据库首先分析他的主要一下有几个模块。 管理员模块:主要管理登录用户信息等级以及权限等级。 微信顾客用户信息模块:这个主要管理消费者顾客的信息以及消费的次数或者金额来进行一个优惠消费或者积分。 菜品模块:菜品模块里面又分有菜品的种类,菜品的名称,以及菜品的价格。 座位号模块:座位号模块主要用于顾客消费时通过扫码来进行点餐结账定位送餐这样减少了服务员的点餐速度问题,此处可以做成两种店面类型,一种...

微信小程序WxValidate插件的密码验证

wxml<view class="section__title">密码</view><input name="password" id="password" placeholder="请输入密码" value='{{form.password}}'/><view class="section__title">确认密码</view><input name="checkPassword" id="checkPassword" placeholder="请再次输入密码" value="{{form.checkPassword}}"/> ? jsimport WxValidate from "../../utils/WxValidate.js"; // pages/verify/verify.js Page({ /*** 页面的初始数据*/data...

微信小程序 - 入门指引【代码】【图】

原文链接: https://www.cnblogs.com/imwtr/p/9406922.html 稍微整了整微信小程序,还是有不少问题的,做个小总结吧 和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~ 一、微信公众平台 - 小程序后台 1.申请小程序账号 官网注册 注册时所用的邮箱有限制(未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱) 选择主体为个人或企业,按照流程注册 小程序的信息填写有次数限制,需要注意不要乱填(服务类目,名称...

前端微信小程序仿菜谱精灵【图】

原文链接:https://my.oschina.net/xiaomaomi1997/blog/3097297需求描述及交互分析 设计思路和相关知识点 底部标签导航设计 幻灯片轮播效果设计 菜谱专题列表显示设计 菜谱专题详情设计 菜谱分类设计幻灯片轮播效果动态切换展示一些美食图片若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。 请点赞!因为你们的赞同/鼓励是我写作的最大动力! 欢迎关注达叔小生的简...

微信小程序全局配置知识点【图】

疫情在家无聊总结一下微信小程序一些基础小知识希望对初学者有帮助。让我们一起对疫情“逆战”吧! 1、全局配置?程序根?录下的 app.json ?件?来对微信?程序进?全局配置。?件内容为?个JSON 对象 ?1.1 pages ?于指定?程序由哪些??组成,每?项都对应?个??的 路径(含?件名) 信息。?件名不需要写?件后缀,框架会?动去寻找对于位置的 .json, .js, .wxml,.wxss 四个?件进?处理 有多少个??,此处就应该有多少个选项 数组的第?项代表?程序...

微信小程序拉起登录的操作【代码】

第一步,前端调用wx.login()接口把token数据请求过来,第二部,把tok嗯发送到总计的服务器,然后进行微信openid和assession的获取第三部验证session是否过期,过期重新拉起授权登录,未过期直接进行下一步第四部:getUserInfo,获取用户的个人信息,// pages/authorize/authorize.jsPage({data:{img:‘‘,pri:‘‘,city:‘‘,nickname:‘‘},login(){wx.login({success:res=>{// 可以获取code console.log(res)wx.request({...

微信小程序 关于formId超时的问题

用真机收集formid(report-submit-timeout用了) 偶尔会出现formId超时的情况,过段时间又可以获取formId了  分析了下原因      1.跟网速有关,如果网速不好,formId就会经常出现formid超时·   2一段时间内点击的次数过多 ,也会出现formId超时  所以如果偶尔formId出现超时的情况,不是什么bug,传formId给后台时 判断formId是否是超时(formId!="requestFormId:fail timeout" ),超时则不传原文:ht...

微信小程序云函数如何获取openId【代码】【图】

1、先创建一个获取云函数的方法2、在云函数的js文件中放入代码 // 云函数入口文件 const cloud = require('wx-server-sdk')cloud.init()// 获取openid exports.main = async (event, context) => {const wxContext = cloud.getWXContext()return {event,openid: wxContext.OPENID,// appid: wxContext.APPID,// unionid: wxContext.UNIONID,} } 3、在小程序的js中调用该方法 const db = wx.cloud;/*** 云函数获取openid* 并存入缓存...

微信小程序函数封装【代码】【图】

创建service 文件 import request from '../utils/http' export function getPostsList(){const params={url:'https://www.fastmock.site/mock/feab55dd20334e49edf0d5adb2f79cbe/libai-server/api/posts'}return request(params) } export function getFocus(){const params={url:'https://www.fastmock.site/mock/feab55dd20334e49edf0d5adb2f79cbe/libai-server/api/focus'}return request(params) } export function getDetai...

关于微信小程序登录逻辑修改后的坑!!【代码】【图】

1.判断wx.canIUse(‘getUserProfile’)结果为false 答:不用管它,只要你的版本库不低于2.10.4就能使用。 2.原getUserInfo或者通过解密获取的用户信息是错误的,如昵称变成‘微信用户’ 答:使用新增的 wx.getUserProfile 接口进行获取用户信息,如: <template> <view bindtap="getUserProfile" class="my-btn">授权用户信息</view> <template><script>getUserProfile(){//wx.getUserProfile必须紧跟在方法里面,不可在方法中的回...

山东大学项目实训——地图圈系统——微信小程序(4)【代码】【图】

地图圈系统——微信小程序(4) 一、地图卫星云图显示二、实时路况显示三、回到原始位置一、地图卫星云图显示 微信小程序的map组件可以添加卫星云图显示功能 属性类型默认值必填说明enable-satellitebooleanfalse否是否开启卫星图 在regeo.wxml中添加如下代码:<cover-image class="map-qiehuan" wx-if="{{showweixing}}" src="../../src/images/wx2.png" bindtap="onChangeweixing"></cover-image><cover-image class="map-qiehua...

微信小程序wx.downloadFile下载图片(甄姬)出现格式.unknown的bug【代码】

微信小程序调用api wx.downloadFile下载图片(甄姬),有时候会出现格式.unknown的bug 针对这个问题我们可以通过自定义图片名称,并且传入filePath指定文件下载后存储的路径。let filePath = wx.env.USER_DATA_PATH + '/' + new Date().valueOf() + '.png'wx.downloadFile({url: "https://example.com/baidu.png", // 图片下载地址filePath: filePath,success: (res) => {if (res.statusCode === 200) {wx.saveImageToPhotosAlbum(...

微信小程序云开发-云函数【代码】【图】

云函数初始化 1.创建和pages平行的文件夹(cloud) 2.在project.config.json配置 3.结果: 新建云函数:1.新建云函数自带: // 云函数入口文件 const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数 exports.main = async (event, context) => {const wxContext = cloud.getWXContext()return {event,openid: wxContext.OPENID,appid: wxContext.APPID,unionid: wxContext.UNIONID,} }2.简单调用已写好的云函数...