分类归档

小程序

FWQ
小程序
如何使用ActiveMQ测试小程序
介绍 Active MQ是个消息队列管理器,用于通讯的中间件。现在由我来给大家介绍一下如何使用ActiveMQ测试小程序。 首先需要下载ActiveMQ,并修改内存 修改bin目录下activemq.bat 在最后一行加入 set ACTIVEMQ_OPTS=-Xms1G -Xmx1G 登录后复制 保存后执行该bat文件 新建maven项目 pom文件中加入依赖 <dependencies>         <dependency>             <groupid>org.apache.activemq</groupid>             <artifactid>activemq-all</artifactid>             <!--我的mq版本为5.9.0-->             <version>5.9.0</version>         </dependency>         <!-- https://mvnrepository.com/artifact/org.apache.activemq/activemq-broker -->         <dependency>             <groupid>org.apache.activemq</groupid>             <artifactid>activemq-broker</artifactid>             <version>5.10.0</version>         </dependency>         <!-- https://mvnrepository.com/artifact/org.apache.activemq/activemq-client…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发之大转盘功能
微信营销是一种新型的营销模式,由于微信更重视用户之间的互动,故而这种营销推广不不能盲目地套用微博营销的单纯大量广告推送方式。这种方式在微信营销中的效果非常差,会令用户反感,继而取消去企业或商家的微信公众账号关注。对于企业来说,做微信推广重要的一个方面就是提高用户和公众账号之间的黏度,而微信大转盘就是其中最为常见的活动。 下面详细介绍: 一、使用 1. 新建一个大转盘的活动: 2. 奖项设置 3. 保存后,在微信里给公众号发一个“大转盘”的消息, 就会收到大转盘的内容 4. 点击进入大转盘活动,然后点击中间的 “点击抽奖”:      二、实现 1. 页面 1.1 前台代码 <script> window.location.href = "end.aspx?wid="+<%=wid%>+"&aid="+<%=aid%>+"&openid="+<%=openid%>+";"; </script>nbsp;html&gt;     <meta>     <meta>     <meta>…
2024-11-25 阅读全文 →
FWQ
小程序
JS循环Nodelist Dom列表的4种方式
这次给大家带来JS循环Nodelist Dom列表的4种方式,JS循环Nodelist Dom列表的有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了原生JS实现循环Nodelist Dom列表的4种方式。分享给大家供大家参考,具体如下: function $(id) { return document.getElementById(id); } var _PAGE = { timeListDom: $('timeList') }; var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length; // 第一种方式:原生for循环 for…
2024-11-25 阅读全文 →
FWQ
小程序
Angularjs过滤器完成排序功能实例详解
本文主要和大家详细介绍了angularjs使用过滤器完成排序功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 nbsp;html&gt;      <meta>  <title></title>  <script></script>  <link>  <script> angular.module('myApp',[]) .service('data',function(){ return [ {id:1234,name:'ipad',price:3400}, {id:1244,name:'aphone',price:6400}, {id:1334,name:'mypad',price:4400}, {id:8234,name:'zpad',price:8400} ]; }) .controller('myController',function($scope,data){ $scope.data=data; $scope.change=function(order){ //$scope.orderType=''; $scope.order=order; if($scope.orderType==''){ $scope.orderType='-'; }else{ $scope.orderType='';…
2024-11-25 阅读全文 →
FWQ
小程序
简单的微信小程序日历组件的实现(附完整代码)
本篇文章给大家带来的内容是关于简单的微信小程序日历组件的实现(附完整代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在做微信小程序项目,其中涉及到日历。一直以来,遇到日历,就是网上随便找个插件,这次心血来潮,想着自己去实现一下。这次不是封装功能强大,健硕完美的组件,只是记录一下,主体思路。更多功能还得根据项目需要,自己去挖掘、实现。(大佬轻喷) 思路分析 首先最主要的一点,就是要计算出某年某月有多少天,其中涉及到大小月,闰、平年二月。 其次,弄清楚每月一号对应的是周几。 然后,有时为填充完整,还需显示上月残余天数以及下月开始几天,这些又该如何展示。 最后,根据自己项目需求实现其它细枝末节。 计算每月天数 按照一般思路,[1,3,5,7,8,10,12]这几个月是31天,[2,3,6,9,11]这几个月是30天,闰年2月29天,平年2月28天。每次需要计算天数时,都得如此判断一番。方案可行,而且也是大多数人的做法。但是,这个方法,我却觉得有些繁琐。 其实换一种思路,也未尝不可。时间戳就是一个很好的载体。当前月一号零时的时间戳,与下月一号零时的时间戳之差,不就是当前月天数的毫秒数嘛。 // 获取某年某月总共多少天 getDateLen(year, month) { let actualMonth = month - 1; let timeDistance = +new Date(year, month)…
2024-11-25 阅读全文 →
FWQ
小程序
小程序怎么实现微信支付
小程序实现微信支付的方法: 前期准备: 1.开通了微信支付,并且小程序绑定了微信支付; 2.准备好小程序的appid,微信支付的商户号,支付秘钥。 商户系统和微信支付系统主要交互: 1、小程序内调用登录接口,获取到用户的openid 2、调用商户服务器支付统一下单接口,进行预支付 /**  * 预支付请求接口(POST)  * @param string $openid  openid  * @param string $body  商品简单描述  * @param string $order_sn  订单编号  * @param string $total_fee 金额  * @return  json的数据  */ public function prepay(){ $config = $this-&gt;config; $openid = I('post.openid'); $body = I('post.body'); $order_sn = I('post.order_sn'); $total_fee = I('post.total_fee'); //统一下单参数构造 $unifiedorder = array( 'appid' =&gt; $config['appid'], 'mch_id'…
2024-11-25 阅读全文 →
FWQ
小程序
新手怎样开发第一款微信小程序
在安装完“微信Web开发者工具”之后,通过开发者的微信扫码进入后,如图。  点击“添加项目”,填入之前获得的AppID(无AppID可忽略),输入项目名称“Hello WXapplet”,选定本地文件夹作为项目目录。 勾选“在当前目录中创建quick start项目”后,点击“添加项目”按钮,即已成功创建了我们第一个微信小程序项目——Hello WXapplet。 开发者工具操作与使用 开发者工具界面基本分为四大区域:1区“顶部菜单”,2区“导航菜单”,3区“目录文件/模拟运行”,4区“编辑/调试开发”、1区与2区是固定的。3区与4区会根据选择导航菜单区的不同功能或模式有所不同。 1区“顶部菜单”,“设置”是配置开发机运行程序时如何连接网络。“动作”是指“刷新”、“后退”、“前进”等操作,主要在网页或界面调试时使用。“帮助”是Web开发者工具的版本与版权声明等信息。亲自体验微信小程序,测评微信小程序。 2区“导航菜单”,是开发者经常使用的功能区。特别是其中的“编辑”与“调试”功能将是开发者使用最多的重要功能。 编辑功能 点击编辑按钮,出现如图所示的界面。 原来的4区部分变成项目的文件列表区及对应文件的代码编辑区,我们也称之为代码编辑器。 代码编辑器现在支持4种文件的编辑:wxml、wxss、js以及json文件。代码编辑器还提供了较为完善的自动补全功能,大大方便了开发者。 代码编辑器也支持快捷键操作,部分常用快捷键如下: Ctrl+End:移动到文件结尾  Ctrl+Home:移动到文件开头  Ctrl+i:选中当前行  Shift+End:移动到行尾  Shift+Home:移动到行首  Ctrl+Shift+L:选中所有匹配  Ctrl+D:选中匹配  Ctrl+U:光标回退  Shift+Al t+F:代码格式化  Alt+Up,Alt+Down:上下移动一行  Shift+Alt+Up,Shfit+Alt+Down:向上向下复制一行  Ctrl+Shift+Enter:在当前行上方插入一行 调试功能 调试功能是开发者检测代码结果实现与排查问题的核心工具,如图。 4区此时变成调试工具与输出区。模拟器将如实地模拟微信小程序项目在客户端的逻辑与操作表现,绝大部分的功能与API调用均能在模拟器上正确呈现。 调试工具与输出区的顶部是一行菜单,分别是:Console、Sources、Network、Storage、AppData、Wxml、Senser,最右边的扩展菜单项是定制与控制开发工具钮“┆”。 Console页:控制台信息页,有两个作用: 1)开发者直接在此输入代码并调试。 2)显示小程序的错误输出。 Sources页:源文件调试信息页,用于显示当前项目的脚本文件。 注意:因小程序框架会对脚本文件进行编译工作,在源文件页面中我们看到的文件其实是经过处理之后的脚本文件。所以我们编写的代码都被包含在define函数中。对于页面(page)的代码,则在打包脚本文件尾部,require函数会完成主动调用动作。 Network页:网络调试信息页,用于观察和显示每个元素请求信息和套接字(socket)状态等网络相关的详细信息。 Storage页:数据存储信息页,用于显示当前项目使用存储API(wx.setStorage或wx.setStorageSync)接口的数据存储情况。比如在Console中输入:wx.setStorage({key:name,data:King}),则在Storage页面中就可以看到我们存储了一个Key-Value数据。 Storage页:数据存储信息页,用于显示当前项目使用存储API(wx.setStorage或wx.setStorageSync)接口的数据存储情况。比如在Console中输入:wx.setStorage({key:name,data:King}),则在Storage页面中就可以看到我们存储了一个Key-Value数据。…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发之实现选项卡的页面切换
本篇文章主要介绍了微信小程序开发之选项卡(窗口顶部tabbar)页面切换,具有一定的参考价值,有需要的可以了解一下。 微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml <!--index.wxml-->  <view>    <view>哈哈</view>    <view>呵呵</view>    <view>嘿嘿</view>  </view>    <swiper>    <!-- 我是哈哈 -->    <swiper-item>     <view>我是哈哈</view>    </swiper-item>    <!-- 我是呵呵 -->    <swiper-item>     <view>我是呵呵</view>    </swiper-item>    <!-- 我是嘿嘿…
2024-11-25 阅读全文 →
FWQ
小程序
本地如何搭建微信小程序服务器
本文主要介绍了本地搭建微信小程序服务器的实现方法的相关资料,希望通过本文能帮助到大家,让大家轻松的搭建自己的微信小程序的服务器,需要的朋友可以参考下,希望能帮助到大家。 本地搭建微信小程序服务器的实现方法 现在开发需要购买服务器,价格还是有点贵的,可以花费小代价就可以搭建一个服务器,可以用来开发小程序,博客等。 1.域名(备案过的) 2.阿里云注册免费的https证书 3.配置本地的nginx 4.内网映射(本地安装wampserver 服务器) 一、域名 注册花生壳,开通内网映射需要8元(我开通时需要,现在不清楚还要不要),里面可以注册2个免费的域名,都是免备案的。具体的请自行百度,花生壳注册地址 二、申请阿里云免费的https证书 阿里云免费的https证书地址  这个步骤相对来说比较简单,需要注意的地方也不多,按照阿里云官方的提示来,就能够操作成功了。值得注意的是你在申请证书过程中,证书是免费的,你不用付费,但是需要下单,下单完成后需要完善你的域名信息,然后提交审核。审核完成后,官方自动给你发放证书,顺利的话一个小时就能搞定。 注意:  1.通过花生壳,内网映射出本地的访问地址  2.把阿里云证书补全信息的域名填写完成后,阿里云会进入 审核中,需要下载他的一个fileauth.txt 文件  i.在进度查询页面,单击 fileauth.txt 验证文件,下载到本地。  ii.在您的站点服务器的根目录创建.well-known/pki-validation,创建文件夹Windows命令是 md “.well-known” 子目录pki-validation。  iii.将 fileauth.txt 验证文件上传到.well-known/pki-validation目录下 目录。 完成后,可通过验证 URL 地址(http://a.com/.well-known/pki-validation/fileauth.txt )访问。 参考如何配置域名授权验证? 三、配置本地的nginx(主要是Apache的https配置太繁琐了) 下载证书文件…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发常用的方法总结(代码)
本篇文章给大家带来的内容是关于微信小程序开发常用的方法总结(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1:wx:for=”{{}}”遍历时,要加wx:key=””否则会有警告提示vm120:3  now you can provide attr “wx:key” for a “wx:for” to improve performance.,但页面不会报错 2:事件方法传参的写法:bindtap=”toDetail” data-data=”{{item.url}}” js: toDetail:function(e){   let url = e.currentTarget.dataset.data;    wx.navigateTo({       url: '../bookdetail/detail'   });  } 登录后复制 3.swiper自定义圆点样式 <view>         <swiper>           <block>…
2024-11-25 阅读全文 →