分类归档

小程序

FWQ
小程序
微信小程序如何获取循环元素id与wx.login登录操作的实例
这篇文章主要介绍了微信小程序获取循环元素id以及wx.login登录操作的相关资料,这里提供实例帮助大家实现该功能,需要的朋友可以参考下 微信小程序获取循环元素id以及wx.login登录操作 通过点击方法获取循环数据元素的id例: wxml里: <view>   <text>{{item.name}}</text>   <text>¥{{item.price}}/{{item.unit}}</text>   <text>{{item.place}}</text>   <text>(数据更新时间:{{item.date}})</text>   <a>肉产类</a>   </view> 登录后复制 上面的a标签的id是通过循环来的,js能通过catchtap=”gotoresult”来获取当前点击的元素idjs里: gotoresult:function(e){   var ep = e.target.id   console.log(ep);  } 登录后复制 小程序用户登录wx.login操作 js里: wx.login({    success: function (res) {     if (res.code) {      //发起网络请求      wx.request({       url: 'https://api.weixin.qq.com/sns/jscode2session',       //url: 'https://www.xxx你的服务器网站xxxxxx.cn/',       data: {…
2024-11-25 阅读全文 →
FWQ
小程序
微信支付之退款步骤详解
先吐槽下微信的文档和demo,重要的步骤信息没有强调清楚,.net的demo就没有跑成功过。 1.微信扫码登录 2.微信PC端支付 几经摸索才走通这个退款功能。下面介绍下微信支付退款功能的开发步骤: 一、下载证书并导入到系统 微信退款是需要证书的,这个证书不是官方demo中的证书,而是需要自己在微信商户平台中的api安全栏下载的证书,在官方的证书使用实例的一个word文档看到下面话:C#有一点需要注意,除了在代码中使用apiclient_cert.p12之外还需要将该证书导入操作系统才能使用,1、代码中使用、;2、导入操作系统,二者缺一不可。.NET版本需要大于2.0  之前就是不知道这两步,浪费了太多时间。所以先下载证书: 下载的时候需要手机验证及登录密码。下载后找到apiclient_cert.p12这个证书,双击导入,导入的时候提示输入密码,这个密码就是商户ID,且必须是在自己的商户平台下载的证书。否则会出现密码错误的提示:  导入正确的提示: 二、代码退款  这个地方可以直接用官方demo中的代码,demo下载  需要修改WxPayConfig中的几个参数:     public const string APPID = "wxf6dd794bcexxxx"; public const string MCHID = "xxxx"; public const string…
2024-11-25 阅读全文 →
FWQ
小程序
从零开始开发微信小程序4种页面跳转的方法 (六)
用法:用于页面跳转,相当于html里面的标签。本文主要和大家分享从零开始开发微信小程序4种页面跳转的方法 (六),希望能帮助到大家。 四种跳转的方法,在index里面写下一段代码进行测试 1:从首页跳转到日志页面(可以返回) (注意,在没有设置底部导航的情况下,没有tab也可使用这个属性,有tab页则需更换switchtab属性) <view>     <navigator>页面跳转,可以返回</navigator></view> 登录后复制 2:从首页跳转到日志页面(不可以返回) (注意,在没有设置底部导航的情况下,没有tab也可使用这个属性,有tab页则需更换switchtab属性) <view>     <navigator>页面跳转,无法返回</navigator></view> 登录后复制 3:在当前页面打开 新建一个文件夹,命名为no,完善里面的wxml测试信息,为了方便测试随意填充内容 <view>      <navigator>我是一个自由分散的页面哦</navigator>    </view> 登录后复制 打开全局app.json文件,将刚刚新建文件夹no的路径写入 图片.png。 我们现在要测试从首页的链接上打开,点击链接,即可在当前的首页页面打开no页面。 4:切换到tab页: 代码<view><navigator>切换 Tab</navigator></view> 登录后复制 注意:我这里用的跳转是switchTab跳转,而不是navigator 原因:所有的页面路径都需配置在pages下面tabBar里一般就是四个主页面,这些主页面之间的跳转就像tab切换,这几个页面需要在tabBar里另外配置,普通页面向这四个主页面跳转的时候,不能使用navigator,需用switchTab。 经验总结:TabBar中的list项的配置pagePath,尽量不要作为其他页面的跳转链接。…
2024-11-25 阅读全文 →
FWQ
小程序
登录页云层漂浮的动画效果使用微信小程序实现的图文详解
微信小程序目前的火热程度相信不用多言,最近利用空余时间用小程序实现了个动态的登录页效果,所以下面这篇文章主要给大家介绍了利用微信小程序实现登录页云层漂浮效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。 前言 2017年前端火了,微信小程序、weex、reactnative,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波。 上效果图(GIF动态图) 当我看到这张背景图的时候,强迫症立马来了,这云朵为什么不动,于是开始了一波折腾。 知识点 认识animation animation 是一个简写属性,用于设置六个动画属性: 值 描述 animation-name 规定需要绑定到选择器的 keyframe 名称 animation-duration 规定完成动画所花费的时间,以秒或毫秒计 animation-timing-function 规定动画的速度曲线 animation-delay 规定在动画开始之前的延迟 animation-iteration- 规定动画应该播放的次数 animation- 规定是否应该轮流反向播放动画 认识translate 方法特别多,本文主要用2个。 translate3d(x,y,z)定义…
2024-11-25 阅读全文 →
FWQ
小程序
详细讲解小程序代码构成中的json 后缀的 JSON 配置文件
 微信小程序代码由以下四类文件构成: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 一、JSON 配置 我们可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,我们依次来说明一下他们的用途。 小程序配置 app.json…
2024-11-25 阅读全文 →
FWQ
小程序
使用C#微信开发服务器配置说明
这篇文章主要了微信开发中有关器配置的相关内容,感兴趣的小伙伴们可以参考一下 小编对微信开发颇感兴趣,查阅了网上相关文章进行整理,方便大家一起学习。 1、注册帐号–填写服务器配置 在mp.weixin.qq.com/ 微信公众平台上注册帐号; 服务号是公司申请的微信公共账号,订阅号是个人申请的,个人权限比较少; 登录微信公众平台官网后,在公众平台后台管理页面 – 开发者中心页,点击“修改配置”,填写服务器地址(URL)、Token和EncodingAES,其中URL是开发者用来接收微信消息和 的URL。Token可由开发者可以任意填写,用作生成签名(该Token会和接口URL中包含的Token进行比对,从而验证性)。 EncodingAESKey由开发者手动填写或随机生成,将用作消息体加解密密钥。 同时,开发者可选择消息加解密方式:明文、兼容模式和。模式的选择与服务器配置在提交后都会立即生效,请开发者谨慎填写及选择。加解密方式的默认为明文模式,选择兼容模式和安全模式需要提前配置好相关加解密代码,详情请参考消息体签名及加解密部分的文档。 URL 必须为80端口,并且只能在服务器上的!!! 2、验证URL是否有效 private string Token = ConfigurationManager.AppSettings["Token"];   [HttpGet] [ActionName("Index")] public ActionResult Get(string signature, string timestamp, string nonce, string echostr) {  if (CheckSignature.Check(signature, timestamp, nonce, Token))  {  return Content(echostr);//返回随机字符串则表示验证通过  }  else  {  return Content("failed:" + signature + "," + CheckSignature.GetSignature(timestamp, nonce, Token) + "。如果你在浏览器中看到这句话,说明此地址可以被作为微信公众账号后台的Url,请注意保持Token一致。");…
2024-11-25 阅读全文 →
FWQ
小程序
小程序中的瀑布流
瀑布流是一种很常见的网页布局,视觉表现为参差不齐的多栏布局,是一种时下很流行的布局形式,最近在写小程序恰好也碰到了,想了几种不同的实现方法,接下来就来一起看看具体的实现方法(所用的方法中用的例子都是两栏的布局)。 等高的瀑布流 等高的瀑布流顾名思义就是瀑布流里的单个盒子的高度都是一样的,这种形式的瀑布流实现起来也比较简单,因为不涉及到盒子高度的计算,举个例子: <view class="fall"> <view wx:for="{{list}}" class="fall-item"></view> </view> 登录后复制 Page({ data: { list: [] }, onLoad () { let images = [] for (let i = 0;…
2024-11-25 阅读全文 →
FWQ
小程序
微信引用功能什么意思
引用功能什么意思? 微信升级新版本后,增加了“引用”功能,那么引用功能是什么,有什么用呢?其实微信上的引用类似于“回复”功能,引用上好友的内容后,输入自己的内容发出,有点像以前论坛回复样式,可以看到引用的内容和自己回复的内容。 来看下微信引用功能具体要怎么使用? 方法/步骤 打开微信后,打开聊天窗口 长按你需要引用的内容后,点击出现的选项栏右侧的右箭头图标 点击“引用” 可以在输入框的下方看到引用的内容 输入框中输入自己要回复的内容,点击“发送” 可以看到发送出去的文字中就带有引用内容了 注意事项 不同手机和机型,引用功能的位置可能略有不同 如果没有引用可能可能是微信版本太低 以上就是引用功能什么意思的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信开发之用户组的介绍
1:创建用户组    微信跟QQ一样可以创建组名,删除组名,修改组名,查询组名,这些操作都是一系列的接口,只需要调用相关的接口,并以curl的形式进行发送,便可以获得相关的结果 创建分组 一个公众账号,最多支持创建100个分组。 接口调用请求说明 http请求方式: POST(请使用https协议)https://api.weixin.qq.com/cgi-bin/groups/create?access_token=ACCESS_TOKEN POST数据格式:json POST数据例子:{“group”:{“name”:”test”}} 参数说明 参数 说明 access_token 调用接口凭证 name 分组名字(30个字符以内) 返回说明 正常时的返回JSON数据包示例: {     “group”: {        …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序省市联动功能
最近呢刚好做了一个省市联动的功能,今天看到有人问这个怎么做,我就把我做的放上来共享一下: 首先呢,来看看效果,点击文字‘点击’,弹出选择窗口,点击取消或者确定(取消、确定按钮在选择框上边,截图有些不清楚),窗口下滑, 做这个我用的是picker-view这个组件,现在来看一看picker-view的属性: 现在开始写wxml的代码,对了,插一句,我这里是把它写成一个模板的,先看看目录结构 我们先来看看cascade.wxml里的代码: <template name="cascade"> <view class="cascade_box" animation="{{animationData}}"> <view class="cascade_hei"></view> <view class="cascade_find"> <view class="cascade_header"> <text class='quxiao' catchtap="quxiao">取消</text> <text class="queren" catchtap="queren">确认</text> </view> <picker-view indicator-style="height: 80rpx;" style="width: 100%;…
2024-11-25 阅读全文 →