分类归档

小程序

FWQ
小程序
微信公众号如何关联小程序说明
4月20日晚，微信又公布了小程序新能力，公众号可以关联不同主体的小程序了。 主要有这三个变化： 一、关联小程序的主体不再受限 以前，小程序和公众号的主体必须一致才可以关联。 现在，关联小程序的主体不再受限，也就是说，所有公众号（不限类型）都可以关联不同主体的小程序了。 二、每个公众号最多关联13个小程序 公众号可关联的小程序数量上限，从5个变成了13个。 关联的小程序可以“10+3”：一个公众号最多可关联10个与公众号主体相同的小程序，以及3个与公众号主体不同的小程序； 三、同一小程序最多可关联3个公众号 以前，一个小程序只能关联1个公众号，现在升级为3个： 四、对所有公众号开放关联小程序的能力 个人订阅号也可以绑定小程序了。 问题来了：我是公众号，我要怎么关联和我不同主体的小程序呢？ 流程如下： 公众号运营者登录mp.weixin.qq.com； “公众号设置-相关小程序”中选择添加小程序； 根据appid搜索小程序，并给小程序管理员发送关联申请； 小程序管理员通过即可完成关联。 公众号关联小程序规则的调整，希望帮助小程序和公众号做进一步打通，使两者的使用场景都有进一步的拓展。 简单的理解：你可以将自己的小程序依附在微信大号里进行推广，利用公众号的海量粉丝为小程序导流，而且可以让3个号同时进行，试想咪蒙、毒蛇电影、冷兔一起来推你的小程序，是不是有一种要上天的感觉呢。如此看来，微信公众大号的商业价值得到升华，内容创业者的创收途径又有新的突破。 之前一直担心的个人公众号无法绑定小程序也得到了解决，微信开放个人小程序开发者，同时解除个人公众号封印，又盘活了许多个人公号的价值。 以上就是微信公众号如何关联小程序说明的详细内容，更多请关注米云其它相关文章！
2024-11-25 阅读全文 →
FWQ
小程序
微信开发入门（jssdk开发）
一个项目需要在微信里获得当前位置,于是就开始了我的微信开发之旅… 微信jssdk说明文档mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html JSSDK使用步骤步骤一：绑定域名绑定域名要求是一级域名.但是使用的时候可以二级域名下的网页仍然可以使用该接口. 步骤二：引入JS文件http://res.wx.qq.com/open/js/jweixin-1.0.0.js如果你的页面启用了https，务必引入 res.wx.qq.com/open/js/jweixin-1.0.0.js 步骤三：通过config接口注入权限验证配置配置这个会比较麻烦,最后讲. wx.config({  　　debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。  　　appId: '', // 必填，公众号的唯一标识  　　timestamp: , // 必填，生成签名的时间戳  　　nonceStr: '', // 必填，生成签名的随机串  　　signature: '',// 必填，签名，见附录1  　　jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); 登录后复制 步骤四：通过ready接口处理成功验证 wx.ready(function(){ 　　// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。 }); 登录后复制 步骤五：通过error接口处理失败验证 wx.error(function(res){ 　　// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 }); 登录后复制 例如:获取地理位置接口 wx.ready(function(){ 　　wx.getLocation({ 　　　　type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' 　　　　success: function (res) { 　　　　var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90 　　　　var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。 　　　　var speed = res.speed; // 速度，以米/每秒计 　　　　var accuracy = res.accuracy; // 位置精度 　　　　}　　});…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之数据绑定
数据绑定 wxml中的动态数据均来自对应page的data。 简单绑定 数据绑定使用”Mustache”语法（双大括号）将变量包起来，可以作用于： 内容 <view> {{ message }} </view> Page({   data: {     message: 'Hello MINA!'   } }) 登录后复制 组件(需要在双引号之内) <view> </view> Page({   data: {     id: 0   } }) 登录后复制 控制属性(需要在双引号之内) <view if="{{condition}}"> </view> Page({   data: {     condition: true   } })…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发在线点播电影网ckplayer播放器实例介绍
我们节课程就要开始写一个小项目了，这项目主要是写一个在线点播电影影网的，我们用到的播放器是ckplayer ckplayer基本介绍： ckplayer的全称是：超酷flv播放器，他是一款用于网页上播放视频的软件支持的格式如下： 自己需要制作出播放器风格具体的各个按钮的位置和底部背景的设置在ckplayer/ckplayer.js里面进行设置。 现在地址在他们官网上下载即可，http://www.ckplayer.com/bbs/forum.php?mod=viewthread&tid=10864 将里面的文件进行解压即可： 打开后解压到环境中打开即可，但是发现里面一大堆的东西有点影响市容，所以修改一下index.htm文件即可： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>夺命雷公狗电影点播系统</title> <style type="text/css"> body,td,th { font-size: 14px; line-height: 26px; } body {…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序使用checkbox显示多项选择框功能【附源码】
这篇文章主要介绍了微信小程序使用checkbox显示多项选择框功能,涉及相关事件绑定与元素遍历操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下 本文实例讲述了微信小程序使用checkbox显示多项选择框功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 ① index.wxml <checkbox-group>  <checkbox>checkbox1</checkbox>  <checkbox>checkbox2</checkbox>  <checkbox>checkbox3</checkbox></checkbox-group><view>提示：{{text}}</view> 登录后复制 ② index.js Page({  data:{   // text:"这是一个页面"   text:''  },  checkboxgroupBindchange:function(e){   var temp1=e.detail.value   var temp2=''   console.log(temp1)   if(temp1.length!=0){    for(var i=0,len=temp1.length;i<len><p></p> <p><span style="font-size: medium"><strong>3、源代码</strong></span></p> <p>关于checkbox组件的详细用法说明还可参考官网：<a…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发之页面跳转方式
页面跳转 navigator 页面链接 navigate 对应 wx.navigateTo 的功能 登录后复制 wx.navigateTo保留当前页面,跳转下一页（非tabBar 页面） redirect 对应 wx.redirectTo 的功能 登录后复制 wx.redirectTo关闭当前页面，跳转指定页面，失去后退键（非tabBar 页面） switchTab 对应 wx.switchTab 的功能 登录后复制 wx.switchTab是唯一能跳转到 tabBar 页面，就是说在做tabBar跳转的时候只能使用wx.switchTab reLaunch 对应 wx.reLaunch 的功能 登录后复制 wx.reLaunch是关闭所有页面,跳转到非tabBar的页面 navigateBack 对应 wx.navigateBack 的功能 登录后复制 wx.navigateBack 跳转上一页内容 以上就是微信小程序开发之页面跳转方式的详细内容，更多请关注米云其它相关文章！
2024-11-25 阅读全文 →
FWQ
小程序
小程序之页面用九宫格及item跳转的功能实现
这篇文章主要介绍了关于小程序之页面用九宫格及item跳转的功能实现，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 效果图：  实现效果图红色线包含部分的九宫格效果，并附带item点击时间。  具体实现：  1、首先添加图片资源文件 　   在项目根目录新建一个目录，取名为images , 用于存放图片资源，然后添加进入几张图片           2、在home目录下的home.js 文件中(参照前两篇小程序实践文章) 进行数据源的配置               数据源为一个数组，每个数组元素为一个对象，该对象包含name(item文字)，img(item示意图)，url(点击该item跳转目录)   3、依据列表渲染的知识点进行home.wxml的编程 　  …
2024-11-25 阅读全文 →
FWQ
小程序
Perl入门小程序分析
这篇文章介绍perl入门小程序分析 #!/usr/bin/perl -w#output the largest number from a file$max_number = &max(3,5,10,4,6) ;sub max        {        my($max_sofar_number) = shift @_ ;        foreach (@_)                {                        if($_ > $max_sofar_number)                                {                                        $max_sofar_number =…
2024-11-25 阅读全文 →
FWQ
小程序
看不到关联的小程序怎么办？
看不到关联的小程序怎么办？ 解决方法： 1、进入小程序——取得小程序ID。首先，如果公众号想要关联一个小程序，小程序必须是完整发布的状态，且你需要这个小程序自动生成的ID。在你登录小程序后，点击设置读取ID。 2、进入公众号——小程序管理 3、进入小程序管理——点击“添加”选项 4、进入页面点击“关联小程序”选项 5、扫描二维码——公众号平台管理员扫描验证 6、输入要搜索的APP ID ，这里注意是小程序ID，是自动生成ID，填写注册手机是无法识别的。 7、发送关联邀请。可以看到在搜索了ID后，我们找到了“测试田666”这个小程序，点击“发送关联申请”。 注意：这里有两个选项是自动勾选的，一个是展示在公众号资料页内，一个是给已关注的公众号用户发送通知。展示在公众号资料页是可以随时更改的，而发送通知正如一个流量入口，可以让所有用户关注这个小程序，但一经发出是无法撤回的！ 8、点击发送关联邀请。点击关联邀请后，等待小程序管理员在24小时内应答。 9、小程序管理员同意绑定——完成关联。关联后的小程序将可以出现在公众号各业务场景中。 推荐教程：《》 以上就是看不到关联的小程序怎么办？的详细内容，更多请关注米云其它相关文章！
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实例：实现自定义日期控件的代码
本篇文章给大家带来的内容是关于微信小程序实例：实现自定义日期控件的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 最近在研究微信小程序，需要实现一个自定义日期的功能，类似于猫眼app上选择日期，可以按日、按周、按月、按年、自定义日期，为此特地将其写成了一个组件，供有需要的朋友参考。本人所用框架是wepy,所以此组件结构为wepy代码结构。 大致介绍：1.按日的日历控件采用的极点日历插件，详情请看：https://github.com/czcaiwj/calendar；2.组件中所用到的一些组件为ivew weapp组件，详情使用请看我的另一篇分享：https://www.jianshu.com/p/e07b7cf5e494；3.组件中按周选择，周我是从2017年至今取的，具体实现可看我另一篇分享：https://www.jianshu.com/p/5112df795162；在本篇onLoad()方法里也有实现；因本人开发需要，设定功能为按周可多选，这个可以根据自身开发需求调整；4.本组件时间默认从17年开始至今，也可根据自身实际需求调整。 实现效果： 代码如下： <style> .home { height: 100%; .calendar-header { font-size: large; color: #406BF8; } .calendar-board { color: #406BF8; } .week_year_style { font-size: 30 rpx;…
2024-11-25 阅读全文 →