分类归档

小程序

FWQ
小程序
详解Java通过JsApi方式实现微信支付方法
本文讲解了Java如何实现JsApi方式的微信支付,代码内容详细,文章思路清晰,需要的朋友可以参考下 要使用JsApi进行微信支付,首先要从微信获得一个prepay_id,然后通过调用微信的jsapi完成支付,JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。由于前端交互复杂,get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃,不必细化区分。示例代码如下: function onBridgeReady(){ WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId" : "wx2421b1c4370ec43b", //公众号名称,由商户传入 "timeStamp":" 1395712654", //时间戳,自1970年以来的秒数 "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //随机串 "package" : "u802345jgfjsdfgsdg888", "signType" : "MD5", //微信签名方式: "paySign" :…
2024-11-25 阅读全文 →
FWQ
小程序
详解小时钟程序的实现方法
一般来说,在Windows XP画面的右下角会提示用户目前的时间与日期,如果用点两下右下角的时间或是日期文字后,会出现如图表1所示之「日期和时间 内容」对话框。请注意对话框右方的小时钟,时针、分针与秒针会随着时间的流逝而改变位置,就好像真的时钟一样。现在,利用一些逻辑的推演与.Net Framework精巧的绘图类别,也能够轻易做出类似的效果,以下是我们的说明。 程序范例 图表2所示者是程序范例的执行结果,在窗体的Load事件处理例程中,计算绘制时钟的半径以及坐标位置,当用户调整时钟所属之窗体大小时,窗体会以双重缓冲的控制模式,自动重绘时钟的内容。之所以设定双重缓冲,是为了减少窗体重绘时所造成的画面闪动,程序代码如下所列: private void Blog_DemoForm007_Load(object sender, EventArgs e) {  // 判断窗体的框线样式是否为可调整的框线。  DoShowFrame = (this.FormBorderStyle == FormBorderStyle.Sizable);    DemoClock = new Clock(this);    // 取回矩型的宽度与高度坐标。  ClientOffset = CalcClientLocation();    // 计算时钟半径与坐标。  CalcCircleSize();    // 指定窗体样式位,当控件重新调整大小时,会重新绘制。  this.SetStyle(ControlStyles.ResizeRedraw, true);    // 指定窗体样式位,控件会忽略窗口讯息WM_ERASEBKGND 以降低重绘闪动,  // 控件会自己绘制,操作系统不必执行,  // 并且绘制已在缓冲区执行,绘制完成后将结果输出至屏幕,  // 设定双重缓冲能避免控件重绘时所造成的重绘闪动。  this.SetStyle(ControlStyles.AllPaintingInWmPaint |    ControlStyles.UserPaint | ControlStyles.DoubleBuffer, true); } 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中修改数据(页面数据和数组数据)的代码实现
本篇文章给大家带来的内容是关于微信小程序中修改数据(页面数据和数组数据)的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1、根据页面栈修改上一页面的数据(就是在下一个页面修改上一个页面的数据);  let pages = getCurrentPages();//当前页面     let prevPage = pages[pages.length - 2];//上一页面     prevPage.setData({//直接给上移页面赋值       selAddress: true     }); 登录后复制 上面这段代码会修改上级页面的selAddress为true; 2、针对性的修改微信小程序数组里面某个数据 数组部分: comdata[ {xhid:8,title:啦啦啦,read_num:100,share_num:20}, {xhid:9,title:嘻嘻嘻,read_num:24,share_num:4}, {xhid:20,title:嘻嘻嘻2,read_num:11,share_num:4}, {xhid:27,title:嗯嗯嗯12,read_num :8,share_num:4}, {xhid:23,title:阿萨飒飒2,read_num:41,share_num:7} ] 代码如下: var index=0; var up = "comdata[" + index + "].share_num";           var newp = ++that.data[0].share_num;         that.setData({             [up]:newp }) 登录后复制 3、上面两段代码大集合:…
2024-11-25 阅读全文 →
FWQ
小程序
开发微信公众平台获取用户基本信息
本文介绍如何获得微信公众平台关注用户的基本信息,包括昵称、头像、性别、国家、省份、城市、语言。本文的方法将囊括订阅号和服务号以及自定义菜单各种场景,无论是否有高级接口权限,都有办法来获得用户基本信息,而无需模拟登录。 在本文中,特别要注意的是有两个不同的Access Token,他们产生的方式不一样,一种是使用AppID和AppSecret获取的access_token,一种是OAuth2.0授权中产生的access_token,方倍工作室分别称为全局Access Token和授权Access Token。 一、通过全局Access Token获取用户基本信息 用户关注以及回复消息的时候,均可以获得用户的OpenID <xml>     <tousername></tousername>     <fromusername></fromusername>     <createtime>1372307736</createtime>     <msgtype></msgtype>     <event></event>     <eventkey></eventkey></xml> 登录后复制 其中的FromUserName就是OpenID 然后使用access_token接口,请求获得全局Access Token 返回结果: {     "access_token": "NU7Kr6v9L9TQaqm5NE3OTPctTZx797Wxw4Snd2WL2HHBqLCiXlDVOw2l-Se0I-WmOLLniAYLAwzhbYhXNjbLc_KAA092cxkmpj5FpuqNO0IL7bB0Exz5s5qC9Umypy-rz2y441W9qgfnmNtIZWSjSQ",     "expires_in": 7200 } 登录后复制 登录后复制  再使用全局ACCESS_TOKEN获取OpenID的详细信息 返回如下:…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序生命周期详解
本文主要介绍了微信小程序的生命周期的详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。 今天记录一下微信小程序的app生命周期及各页面的生命周期。 (一)小程序的生命周期 在app.json中进行监听,三个方法 ①onLauch方法只在小程序启动时触发一次。 ②onShow方法,在小程序启动时,及由后台切换至前台显示时触发。 ③onHide方法,在小程序由前台显示切换至后台时触发。 可以通过 ↓ 这张图片,感受一下各生命周期。 比较有趣的地方是,小程序启动时会触发两次onShow,我不知道是为什么。希望了解的同学解释一下。 (二)页面的生命周期 1.在index中我添加了两种方式跳转到新增的crab页面 ↓ 在这里简单介绍一下 ①在index.wxml文件中通过在 标签中添加url实现跳转 ②将button绑定到index.js中的方法实现跳转,此处我将方法命名为turnCrabFunction,并在index.js中实现该方法。 2.下面介绍crab.js中的各生命周期 ↓图为该文件部分代码,使用console.log进行打印,方便我们进行观察各生命周期。(各函数后面注释对应功能说明。) 其中,onSomeFunction是我随意命名的,其他方法均有固定名字及含义。 3.在index界面,我们选择任意一种方式进入crab界面。↓图进行详细说明 (如果无法实现下拉刷新,请检查app.json中window参数,或检查当前页面的crab.json文件是否覆盖该参数为false) 相关推荐: 以上就是微信小程序生命周期详解的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序怎么发布?
小程序怎么发布? 首先购买服务器,并配置小程序的生产环境; 然后将后端源码放到服务器上运行; 接着购买域名,并和后端服务器地址管理; 最后在小程序管理后台进行发布提交审核即可。 推荐教程:《》 以上就是小程序怎么发布?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发放大淡出的麦克风动画效果代码
想做个录音机,第一步就卡在麦克风动画这里了. 先上gif.再吐槽. ① 上面gif中声波的动画是个半成品.没有播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动画.我在 微信小程序文档 动画最下面找到这么一行字.这个锅是不是可以甩出去了? ps:如果有同学能实现动画循环,一定告诉我. ② 麦克风里面是个帧动画.没有前端的基础,只能用非主流的办法凑合了. 用wx:if{{}}判断中定义的值是不是等于图片对应的数字来控制图片的显示和隐藏.css中应该有更好的方法.我css基础不牢,就不说了. 上代码1. index.w <!--index.wxml-->   <view>   <image></image>   <image></image>   <image></image>   <image></image>   <image></image>   <image></image>   <image></image>   <image></image>   <image></image>   </view> 登录后复制 2. index.js //index.js  …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序解析H5文件方法
摘要: 经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面?我一开始觉得这是不可能的,因为官方的解答是这样的: 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxm … 经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面?我一开始觉得这是不可能的,因为官方的解答是这样的:每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。 上面的意思就已经很清楚了。翻译过来就是: .js就是javascript .wxss相当于css .wxml相当于html 然而,wxml与wxss的语法是微信自己定义,不同于html与css语法。既然语法都不一样,微信小程序自然无法加载H5页面。微信只能加载在工程内已经注册的page页面,无法打开外部链接,只能从服务器抓取数据 前段时间,由于微信的编写文件不再是html格式,所以也无法解析 html代码,这个着实令人难过. 我在用网上的API接口获取数据时, 遇到了一个大坑, 那就是 API返回的数据竟然是 含有标签的字符串, 让我无从下手, 在尝试过正则失败后, 不断在网上看有没有可以解析的插件, 终于让我找到了, 那就是wxParse-微信小程序富文本解析组件, 它支持Html及markdown转wxml可视化, 下面不多说, 代码贡献上: API返回的数据: 注意: message…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发底部导航
微信小程序开发 简介: 一套软件的应用架构包括数据层、业务逻辑层、服务层、控制层、展示层、用户等多个层次。 主配置文件app.json: 主配置文件app.json位于项目主目录中,用来对当前项目进行全局配置。 代码示例如下: {   "pages": [     "pages/index/index",     "pages/new/new",   ],   "window": {     "backgroundColor": "#F6F6F6",     "backgroundTextStyle": "light",     "navigationBarBackgroundColor": "#F6F6F6",     "navigationBarTitleText": "我的第一个小程序",     "navigationBarTextStyle": "black"   } } 登录后复制 上面代码中有两个页面,这是一个json对象,其中的属性pages用来定义小程序的页面,上面代码中表示有两个页面,一个名为”index”,位于“pages/index”下,另一个名为new,位于“page/new”下。 位于pages数组中的第一项表示小程序的初始页面,即启动小程序时将运行显示的页面。如果继续添加页面可以往pages数组中添加即可。 配置状态: backgroundColor:用来设置窗口的背景色,与HTML中的颜色设置相同,使用十六进制的rgb方式设置颜色。默认为白色。 backgroundTextStyle:用来设置下拉背景字体、loading图的样式,有“dark”、“light”这两个值。 enablePullDownRefresh:用来设置是否开启下拉刷新,默认false。 navigationBarBackgroundColor:用来设置导航栏背景颜色。 navigationBarTextStyle:设置导航栏标题颜色。…
2024-11-25 阅读全文 →
FWQ
小程序
浅析网页与小程序间怎么进行通信
网页与小程序间怎么进行通信?下面本篇文章给大家介绍一下关于网页与小程序通信的相关知识,希望对大家有所帮助! 我们的微信小程序采用的web-view的方式内嵌H5项目,从而减少开发量,在实际只用中会遇到网页与小程序通信的功能需要,下面我简单总结了我遇到的问题以及解决方案。 小程序提供的功能 微信提供了网页向小程序发送消息的方法:wx.miniProgram.postMessage,该方法向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的message事件。 具体API详情可以查看 微信开放文档https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html 简单介绍一下如果使用,以分享为例,如果页面A需要特别设置分享内容,比如转发标题、缩略图等。可以再网页中设置好变量值,通过发送给小程序 网页 let shareData = {   path: '转发路径',   title: '自定义转发标题',   imageUrl: '缩略图url', }; wx.miniProgram.postMessage({ data: JSON.stringify(shareData) }); 登录后复制 小程序 index.wxml 通过bindmessage绑定接收事件 <web-view></web-view> 登录后复制 index.js // 获取从网页发送来的消息 getMessage(e) {   const getMessage (e) {   // data是多次postMessage的参数组成的数组   const { data } = e.detail;   // 需要取最后一条数据   let shareMessage = data[data.length - 1];   this.shareMessage = JSON.parse(shareMessage);…
2024-11-25 阅读全文 →