微信小程序
xinzi11243094
这个作者很懒,什么都没留下…
展开
-
微信小程序入门四: 导航栏样式、tabBar导航栏
实例内容导航栏样式设置tabBar导航栏实例一:导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航,背景黑色,文字白色,文字内容测试小程序app.json内容:{ "pages":[ "pages/index/index", "pages/login/login", "pages/logs/logs" ], "window":{ "b.转载 2018-06-12 11:39:46 · 1207 阅读 · 0 评论 -
微信小程序+PHP 数据签名校验,防止被抓包篡改数据
背景年前有款很火爆红包小程序,只要普通话标准,说对了口令即可领取红包。在娱乐的过程中发现,小额的红包很轻松就可以领了,大额的无论怎么尝试也领不了,深入探究后发现里面有点猫腻,即后台可以设定领取红包的难度,以及可领取数量,大额的红包便成了营销手段,迅速吸粉等。好像岔开话题了,我们来言归正传。领取的过程中顺便抓包看了一下请求的数据,发现安全那块做得不是很完善,发现有机可乘,便写了一个程序来篡改数据模拟...转载 2018-07-04 11:33:41 · 1792 阅读 · 0 评论 -
laravel引用微信小程序加密解密算法
PHP 7.1 微信小程序加密解密算法PHP 7.1 微信小程序加密解密算法安装包composer require frowhy/mini-program-aes调用方法,在需要调用的控制器中添加use Leto\MiniProgramAES\WXBizDataCrypt;使用方法$appid = 'wx4f4bc4dec97d474b'; $sessionKey = 'tiihtN...原创 2018-07-04 11:41:08 · 1611 阅读 · 0 评论 -
手把手教你小程序对接微信支付
第一步:先上微信支付开发文档境内普通商户里面下载SDK与DEMO。下载网址:https://pay.weixin.qq.com/wik...在这里可以下载自己对应的编程代码来使用对应的SDK和DEMO进行改。我主要用的是PHP,所以下载的是PHP。第二步:将下载的支付SDK与DEMO进行解压,然后打开这个解压后的文件夹。第三步,从商家中心下载证书到本地放到cert文件夹里面。...转载 2018-08-17 11:45:44 · 4569 阅读 · 2 评论 -
微信小程序scroll-view做图片横向滚动
<scroll-view class="image-group" scroll-x="true"> <image src="../../images/background_image1@2x.png"></image> <image src="../../images/background_image转载 2018-09-12 16:57:18 · 1589 阅读 · 0 评论 -
微信小程序连续旋转动画
<view animation="{{animationData}}" style="background:red;height:100rpx;width:100rpx; bottom:10px;position: absolute;"></view>Page({ data: { animationData: {} }, onShow: fu...转载 2018-09-13 16:47:29 · 2438 阅读 · 0 评论 -
微信小程序-消息提示框
微信小程序开发中toast也是重要的消息提示方式.提示框:wx.showToast(OBJECT)显示消息提示框OBJECT参数说明:示例代码:? 1 2 3 4 5 wx.showToast({ title:'成功', icon:'success', duration: 2000...转载 2018-09-26 17:44:26 · 15354 阅读 · 0 评论 -
微信小程序 —— button按钮去除border边框
在开发微信小程序组件框架时,我遇到了一个问题,微信小程序中的button组件有特定的css,背景可以用“background:none”去掉,但是边框再用“border : none”去掉就不可以了,这也是微信小程序与h5的不同之处。但是在微信小程序中使用:after选择器就可以实现这一功能。例子如下:传统的用“border:none;来去除边框”,依旧有一条细细的border;...转载 2018-09-28 11:42:05 · 1062 阅读 · 0 评论 -
[微信小程序]商城之购买商品数量实现
正文:这里有三种变更数量的方式, 加号,减号,input输入 , 这里做了限制,数量不能小于等于0并且不能超过现有库存,下面是功能实现代码。 <view class="dian"> <view class="cun page_row">购买数量:</view> <view class="stepper"转载 2018-10-29 18:05:57 · 2304 阅读 · 0 评论 -
【小程序】java 后台获取用户信息(解密encryptedData)
首先java 后端依赖两个jar <dependency> <groupId>org.codehaus.xfire</groupId> <artifactId>xfire-core</artifactId> <version>1.2.6</...转载 2018-12-21 11:44:36 · 1860 阅读 · 0 评论 -
微信小程序获取当前年月日
var timestamp = Date.parse(new Date());var date = new Date(timestamp);//获取年份 var Y =date.getFullYear();//获取月份 var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth...转载 2019-01-16 16:31:40 · 5037 阅读 · 0 评论 -
微信小程序用户数据解密
微信小程序用户数据解密详细描述及下载地址参考链接:官方文档微信小程序之用户数据解密(七)官方指引图按照官方引导图一步一步操作1、获取codeonLoad: function (options) { // 页面初始化 options为页面跳转所带来的参数 let that = this wx.login({ success: function (res) { ...转载 2018-07-03 21:26:01 · 879 阅读 · 0 评论 -
小程序encryptedData
准备知识:Base64编解码AES算法、填充模式、偏移向量session_key会话密钥,以及怎么存储和获取以上3点对于理解解密流程非常重要。根据官方文档,我梳理了大致的解密流程,如下:小程序客户端调用wx.login,回调里面包含js_code。然后将js_code发送到服务器A(开发者服务器),服务器A向微信服务器发起请求附带js_code、appId、secretkey和grant_type...转载 2018-07-03 20:27:30 · 2661 阅读 · 0 评论 -
微信小程序把玩(二十六)navigator组件
navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。主要属性:wxml<navigator url="../index/index">点击跳转不关闭当前页面</navigator><navigator url="../logs/logs" redirect="true" >点击跳转关闭当前页面</na转载 2018-06-12 13:59:21 · 132 阅读 · 0 评论 -
微信小程序组件swiper结合模板的使用
微信小程序的swiper组件今天学习了微信小程序的swiper组件。参考官网template和swiper一、新建模板在组件文件夹components下新建一个模板文件swiper.wxml。template 使用name属性,作为模板的名字(模板的唯一标识符,使用时用is属性声明)。然后在<template/>内定义swiper代码片段 ,代码如下:<!--template s...转载 2018-06-12 14:36:37 · 341 阅读 · 0 评论 -
微信小程序里面的标签和html标签做对比
一、微信小程序和html5标签的区别:二、wxss 选择器HTML5微信小程序div(标签选择器)view、text、icon、input、image、navigator(标签选择器)class(类选择器)classid(id选择器)(效率最高)id(效率最高)element,element(层级选择器)element,element(层级选择器):after(伪类选择器):after :b...转载 2018-06-12 16:37:09 · 19113 阅读 · 1 评论 -
微信小程序中 <view> 标签与 <block> 标签的区别
两者的区别是,<view> 是一个组件,会在页面上做渲染;<block>不是一个组件,它仅仅是一个包装元素,只接受控制属性,不会在页面中做任何渲染。下面是两个<block>使用的例子:wx:if[html] view plain copy<block wx:if="{{true}}"> <view> text </view..转载 2018-06-12 16:40:32 · 1644 阅读 · 0 评论 -
微信小程序跳转tabBar页面
wx.switchTab({ url: '../index/index', success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onShow();...转载 2018-06-13 09:29:39 · 1606 阅读 · 0 评论 -
微信小程序 template添加点击事件
介绍template是微信小程序提供的模板,可以在模板中定义代码片段,然后在不同的地方调用。简单使用定义template因为项目中可能会需要到不止一个template,所以最好新建一个文件夹来存放template相关的文件。注意这里只是单独的创建各个文件,并不是创建Page或者Component. 创建好之后的文件目录如图: 这里演示一个用template当列表的item,然后可以点击并获取到值。...转载 2018-06-13 09:46:11 · 1480 阅读 · 0 评论 -
微信小程序之-返回上一页
先介绍三种跳转方式:1.B页面自带返回按钮[html] view plain copywx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面 2.B页面不带返回按钮[html] view plain copywx.redirectTo(OBJECT) 关闭当前页面,跳转到应用内的某个页面。 3.B页面不带返回按钮[...转载 2018-06-13 09:46:39 · 5960 阅读 · 0 评论 -
手把手教你实现微信小程序中的自定义组件
微信小程序中的组件前言之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,当时官方对这方面的文档也只是寥寥几句,一笔带过而已,所以写起来真的是非常非常痛苦!!好在微信小程序的库从 1.6.3 开始,官方对于自定义组件这一块有了比较大的变动,首先比较明显的感觉就是文档比以前全多了,有木有!(小程序文档),现在小程序支持简洁的组件化编程,可以将页面内的功能模块抽象成自定义组件,以便在不同...转载 2018-06-13 11:27:05 · 307 阅读 · 0 评论 -
微信小程序点击实现隐藏和点击实现显示
组件显示的方法:即是定义组件的表现形式display: none;1wxml文件: <view > <button class="hide{{showView?'show':''}}" bindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button> //?:即表示了一种选择关系 <but...转载 2018-06-13 17:46:09 · 8273 阅读 · 0 评论 -
微信小程序开发——动画效果
动画效果的实现,使用wx.createAnimation实现。具体实现时,首先,创建动画对象,并设置相关的参数;其次,设置动画类型,并执行动画;第三,导出并设置动画数据;最后,将设置的动画数据动态配置相应的组件,以此实现组件的动画效果。效果图代码示例xxx.wxml[html] view plain copy<view style='width:60px;height:60px;backgr...转载 2018-06-15 14:16:26 · 402 阅读 · 0 评论 -
微信小程序之数据缓存
在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据缓存其实就和localstorage 的原理差不多,所以理解起来并不难。下面我们来一起实现一下。效果图展示:我们在index页面存入数字11,然后在跳转到新页面,在将缓存中的11...转载 2019-05-07 09:24:03 · 1514 阅读 · 0 评论