【小程序开发记录】教程文章相关的互联网学习教程文章

小程序MQTT、mqtt超简单的连接、附带Demo【代码】【图】

先上图看效果图上可以清楚的看到连接参数,以及通讯参数。废话不多说上代码app.jsimport mqtt from ./utils/mqtt.js; let client = null; App({onLaunch: function () {this.connectMqtt();},connectMqtt: function() {var clinet_id = parseInt(Math.random() * 100 + 888888888, 10);console.log(wx_ + clinet_id);const options = {connectTimeout: 4000, // 超时时间clientId: wx_ + clinet_id,port: 8083, username: xxxx,pa...

小程序微信小程序开发实践

【小程序】微信小程序开发实践https://blog.csdn.net/diandianxiyu/article/details/53068012帐号相关流程 注册范围 企业 政府 媒体 其他组织 换句话讲就是不让个人开发者注册。 :) 填写企业信息 不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的。 填写公司机构信息,对公账户信息 绑定管理员微信 企业认证 公司对公账户对微信进行打款 账户自动验证后,自动认证通过,并将认证资金退回公司对公账户,费...

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

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...

小程序组件component【代码】【图】

为啥用组件呢?最肯定的一点是他可以复用。 组件如何使用呢?1、在components下创建文件夹 再新建组件2、在pages json 下导入{"usingComponents": {"search":"/components/search/search"} }  3 组件中的js 文件 component下增加 options:{styleIsolation:"apply-shared"},  4、WXML页面应用 <search /> 组件和页面如何父子传值?在引用组件的页面中,在组件标签上新增属性值来接收页面中的值 一、搜索组件 wxml <!--...

小程序学习day06—API路由的用法【图】

课程总结: 1:由于在app.js(全局设置)中规定navigator不可以跳转到tarbar页面(底部任务栏所属页面),所以如果需要在页面中跳转则使用open-type(还有其他相关参数在navigator标签中有)修改页面跳转。 2: 如果需要给其他组件添加跳转功能,则可以绑定跳转事件,这就需要用到路由参数了 其中wx.navigator和wx.redirecTo不可以跳转到tarbar页面;而wx.reLaunch和wx.switchTab可以跳转到tarbar页面但是wx.switchTab不携带参...

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

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

小程序 显示对话框 确定-取消【代码】

小程序 显示对话框,带有确定和取消 详细参数见小程序API:https://developers.weixin.qq.com/miniprogram/dev/api/wx.showModal.html     wx.showModal({title: 确定关闭吗,content: 还没有保存确定关闭吗,success(res) {if (res.confirm) {            console.log(用户点确定了)} else if (res.cancel) {console.log(用户点击取消)}}

【小程序】wxs使用【代码】

wxs使用 WXS(WeiXin Script)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。 wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的js表达式,而不能调用方法,例如想获得某个时间的年份。 虽然也可以在page的data对象中先把这个年份定义好赋给某个变量,然后在页面中使用这个变量,但是如果这样的变量多了,代码就会很臃肿,可读性不高,后续维护也麻烦。 相对来说wxs就是弥补了这...

微信小程序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.申请小程序账号 官网注册 注册时所用的邮箱有限制(未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱) 选择主体为个人或企业,按照流程注册 小程序的信息填写有次数限制,需要注意不要乱填(服务类目,名称...

框架---小程序配置之全局配置

全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象,有以下属性: 配置项属性类型必填描述最低版本pages string[] 是 页面路径列表 window Object 否 全局的默认窗口表现 tabBar Object 否 底部 tab 栏的表现 networkTimeout Object 否 网络超时时间 debug boolean 否 是否开启 debug 模式,默认关闭 functionalPages boolean 否 是否启用插件功能页,默认关闭 2.1.0subpackag...

小程序 安装 vant 引入报错

小程序是最新版的,安装van流程 1:打开小程序的文件 npm init 然后下载 # 通过 npm 安装 npm i vant-weapp -S --production # 通过 yarn 安装 yarn add vant-weapp --production 然后在小程序中工具中`构建npm` 在文件.json 中引入{"usingComponents": {"van-button": "vant-weapp/button"} }页面引入 <van-button type="default">默认按钮</van-button> 测试成功!!! 注意顺序一定不能错!!!

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

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

小程序视频多个视频播放与暂停【图】

先看效果:这里就不贴全部代码了。 wxml<view class="pvideo" wx:if="{{item.video}}"><video src="{{item.video}}" controls id=video{{index}} data-index="{{index}}" bindplay="videoPlay"></video> </view>jsdata{  videoIndex:0,},videoPlay : function(e){var index = e.currentTarget.dataset[index];//停止正在播放的视频if (index != this.data.videoIndex){var videoContextPrev = wx.createVideoContext(video + t...