微信小程序
文章平均质量分 69
_学而时习之_
这个作者很懒,什么都没留下…
展开
-
小程序开发系列(四)九宫格另一种实现
在《小程序开发系列(二)九宫格》中实现了一种九宫的排布方法,现在提供另一种实现,代码如下 {{item.name}} 界面代码中使用for循环的方式来展开,然后使用view来包裹,再将要包裹的内容放到内部,因为九宫格常常用作首页的功能块索引,所以内部增加了na原创 2017-04-21 14:18:14 · 17916 阅读 · 7 评论 -
小程序之退款失败
小程序的微信支付调用的是JSAPI下的支付方式,但在退款的时候需要通过HTTPS来交互。在发起HTTPS请求时,需要读取证书,关键代码如下: //是否使用证书 if (isUseCert) { string path = HttpContext.Cur...原创 2018-04-18 10:45:40 · 4815 阅读 · 1 评论 -
小程序web-view的神坑
微信小程序的web-view可以外链站点,只要该站点在小程序的后台设置即可。站点需要https的站点。原本是很简单的一件事,只要将url放到web-view的src中就可以了。实际也是跑起来了。可是在安卓中跑没有问题,而在苹果上一跑就出问题了,一片空白。不知道怎么回来事。 设置src的代码很简的,就是页面的data中定义了一个src,然后在onLoad的函数中设置了动态的src.var ur...原创 2018-03-15 16:45:36 · 19050 阅读 · 4 评论 -
小程序开发系列(九)文档下载与预览
在小程序中,有时数据中含有一些必要的文档需要下载,当我们与后端交互得到了文档的URL后,无法直接预览,需要将其下载,然后再预览。UI代码如下 文档:{{doc.Name}}其中doc是后端返回的数据,内部包含了Url和Name两个字段。同时在View中绑定了一个下载文件的事件。 previewFile: function (event) { var that =原创 2017-11-04 14:19:58 · 4048 阅读 · 0 评论 -
小程序开发系列(八)利用SQL实现access_token的自动通知
在ms sql服务器中,利用维护计划,可以自动执行作业。如果我们将access_token的更新定义为作业,在间隔若时间进行更新,那么理论上,SQL服务器中就实现了access_token的自动更新。按着这样的思路,第1步要解决的就是SQL的http请求。我们来看实现代码CREATE PROCEDURE [dbo].[UpdateAccessToken] --更新访问票据ASBEGIN原创 2017-07-01 17:29:20 · 2066 阅读 · 0 评论 -
小程序开发系列(七)事件传参
在触发事件后,有时需要有些额外的数据,JS的写法是直接以参数的形式传递。而小程序是react模式的,使用data触发状态变化而刷新界面,绑定的事件里,绑定的是函数的名称,参数无法像一般编码的方式直接传入,那要怎么办?小程序提供了一种方式,即daa-xxx,其中data-是标识事件触发时会带上这个参数,xxx是参数名。比如按钮绑定了query事件,需要传入一个产品的编号no作为参数,那我们在wx原创 2017-06-12 11:33:20 · 6124 阅读 · 0 评论 -
小程序开发系列(二)九宫格
小程序是长在微信上的,是移动端的界面,为了能够更方便的使用,我们常常希望使用九宫格界面的方式作为导航,那要如何实现呢?基于一个简单的思考,九宫格就是三行三列,如果把行作为一个单位,再将每一行分成三列,那是不是就可以了?我们实践一下。首先来考虑九宫格数据的生成,每一个格子需要有一个图标、一个标题、一个便于跳转的路由,那天现在我们有九个页面,所以定义一个一维数组即可。为了更好的进行后续的配置,原创 2017-01-16 15:45:32 · 16810 阅读 · 9 评论 -
小程序开发系列(六)获取群信息
小程序最近发布了新功能,转发到群中的页面,再点击的时候可以获取群信息,比如群ID,那要如何实现呢?1.在页面中开启“转发”功能代码如下 onLoad: function () { wx.showShareMenu({ withShareTicket: true }); },2.在页面中设置“转发”参数 //转发 onShareAppMessa原创 2017-05-10 13:40:20 · 1773 阅读 · 0 评论 -
小程序开发系列(五)悬浮搜索框
悬浮搜索框是当数据界面不断滚动时,搜索框始终悬浮在最上方。来看一下效果图UI代码 示例 清空 样式原创 2017-04-27 16:47:35 · 19986 阅读 · 0 评论 -
小程序开发系列(三)数据交互与渲染
微信小程序的api中提供了网络交互的api,我们只要调用即可和后端进行数据交互,该api为wx.request.,具体代码如下。//list.js//获取应用实例var app = getApp()Page({ data: { list:[], hiddenLoading: true, url: '' }, loadList: function...原创 2017-01-16 16:12:59 · 15537 阅读 · 0 评论 -
小程序开发系列(一)结构组成
在申请了小程序的appid之后,可以通过官方的《简易教程》创建hello world的页面,然后直接在【项目】中【预览】,生成二维码,再用微信扫描即可。微信上看到hello world的页面后,说明项目的流程已经走通了。现在我们回过头来看看,其结构是如何组成的。我们展开pages->index目录,看到如下图index目录下有index.js、index.json、index.wx原创 2017-01-16 15:04:39 · 2285 阅读 · 2 评论 -
微信支付签名失败与回调无响应的坑
一、按微信官方的c#部分demo的代码,付款或退款时签名失败,总结了一下,大致以下几种可能。1.参数没有按官方的接口传输。2.参数正常,但转换成xml传输时,字符串放到CDATA内,没有放到XML节点中,实际上字符串放到CDATA和XML节点中都是可行的。官方的demo是放到CDATA中,而官方文档是放到XML节点中。所以严格来说,这个不算是坑。3.按官方demo的代码,在生成签名时m...原创 2019-03-13 09:43:31 · 3816 阅读 · 2 评论