微信小程序】转载:微信小程序之购物车功能

以往的购物车,基本都是通过大量的DOM操作来实现。微信小程序其实跟vue.js的用法非常像,接下来就看看小程序可以怎样实现购物车功能。先来弄清楚购物车的需求。单选、全选和取消,而且会随着选中的商品计算出总价单个商品购买数量的增加和减少删除商品。当购物车为空时,页面会变为空购物车的布局根据设计图,我们可以先实现静态页面。接下来,再看看一个购物车需要什么样的数据。首先是一个商品列表(carts),列表里的单品需要:商品图(image),商品名(title),单价(price),数量(num),是否选中(selected),商品id(id)然后左下角的全选,需要一个字段(selectAllStatus)表示是否全选了右下角的总价(totalPrice)最后需要知道购物车是否为空(hasList)知道了需要这些数据,在页面初始化的时候我们先定义好这些。初始化Page({data:{carts:[],//购物车列表hasList:false,//列表是否有数据totalPrice:0,//总价,初始为0selectAllStatus:true//全选状态,默认全选},onShow(){this....

微信程序】loading标签使用,可自定义时长

前言:loading和wx.showToast的区别:wx.showToast加载的时间长度是需要手动设置的,默认1500ms,而loading标签则可以配合数据加载进行隐藏。核心就是在数据量较大或者网络情况较差,请使用loading,其他情况使用wx.showToast。 WXML:JS: 初始化显示loading标签,等到数据从后台获取完毕,再进行隐藏即可。效果: ...

微信程序】日历插件,适用于酒店订房类小程序

本插件在原作者(传送门:http://blog.csdn.net/lengyue1084/article/details/71248778)基础上升级。增加了点击选择具体日期和数据传输功能。效果图:   1、WXML<viewclass="page"><viewclass="box"><viewclass="box-flex"><viewclass="flex-item"><viewclass="item-content"bindtap="doDay"data-key='left'><viewclass="glyphiconglyphicon-triangle-left"></view></view></view><viewclass="flex-itemitem-content-current-day"><viewclass="item-content">{{currentDate}}</view></vi...

微信程序微信程序wx.previewImage预览图片

 一.小知识二.例子,配合轮播图使用效果更佳!(如图1)1.wxml<scroll-viewscroll-y="true"><swipercatchtap="onSwiperTap"autoplay="auto"interval="3000"duration="500"current="{{swiperCurrent}}"bindchange="swiperChange"><blockwx:for="{{home_pics}}"wx:for-item="image"wx:for-index="index"><swiper-item><imagesrc="{{image}}"data-src="{{image}}"bindtap="previewImage"></image></swiper-item></block></swiper>2.wxss<span>.container{box-sizing:border-box;padding:20px;}.pre...

微信程序】小程序和公众号 退款功能教程(含申请退款和退款回调,退款回调地址在商户后台配置或者代码自定义)

1、一定要区分小程序和公众号的退款,唯一的区别就是appid不一样,其他的都是一样的。不废话,直接写代码了啊。放大招!!!然后,需要注意的:最好是把证书放在下面的php的同级或者下级。证书的路径一定要是服务器的根路径,比如E:upuuWWWXXX。而像http://www.xxx.com/../..是不行的,会报58错误。DEMO1、用来调试退款流程,在浏览器直接访问这个php文件。 <?php/***微信公众号和小程序退款申请接口-demo*====================================================*注意:同一笔单的部分退款需要设置相同的订单号和不同的*out_refund_no。一笔退款失败后重新提交,要采用原来的*out_refund_no。总退款金额不能超过用户实际支付金额(现*金券金额不能退款)。*///include_once(S_ROOT."xxpay/WxPayPubHelper/WxPayPubHelper.miniprogram.php");//输入需退款的订单号if(!isset($_POST["out...

【小程序微信程序开发—弹出框

1、<span><viewclass="container"class="zn-uploadimg"><buttontype="primary"bindtap="showok">消息提示框</button><buttontype="primary"bindtap="modalcnt">模态弹窗</button><buttontype="primary"bindtap="actioncnt">操作菜单</button></view></span>2、3.操作菜单——wx.showActionSheet(OBJECT) //show.js//获取应用实例varapp=getApp()Page({actioncnt:function(){wx.showActionSheet({itemList:['A','B','C'],success:function(res){console.log(res.tapIndex)},fail:functi...

微信开发】JS和PHP分别判断当前浏览器是否微信浏览器

1、PHP端//判断是否微信浏览器-xzz1125functionis_weixin(){if(strpos($_SERVER['HTTP_USER_AGENT'],'MicroMessenger')!==false){returntrue;}returnfalse;}2、JS端<scripttype="text/javascript">window.onload=function(){if(isWeiXin()){//document.getElementById('baoming').href="http://www.xxiangfang.com/index.php?do=xian&view=index&join=phone";//试睡师document.getElementById('baoming').href="http://www.xxiangfang.com/index.php?do=zhaoguan&view=SelectCate";//乡贤报名}else{//document.getElementById('baoming').hr...

微信支付】公众号、商户基础配置和流程(包括设置支付授权目录、测试支付目录和白名单、JS接口安全域名、授权回调域名等)

一、使用场景以及说明     使用场景:商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程。 说明:1.用户打开图文消息或者扫描二维码,在微信内置浏览器打开网页进行的支付。   2.商户网页前端通过使用微信提供的 JSAPI,调用微信支付模块。这种方式,适合需要在商户网页进行选购下单的购买流程。二、准备工作公共号支付需要提前在微信公共平台进行业务配置,包括设置支付授权目录、测试支付目录和白名单、设置JS接口安全域名以及设置授权回调页面域名。1.进行微信公众支付之前,我们需要申请个公众号,以及申请微信支付的功能。 2.支付授权目录:位置:微信支付——>开发配置——>公共号支付1) 所有使用公众号支付方式发起支付请求的链接地址,都必须在支付授权目录之下;2) 正式支付授权目录最多设置3个,测试授权目录最多设置1个,且域名必须通过ICP备案;==》截止目前...

【JS】jQuery设置定时器,访问服务器(PHP示例)配合微信支付宝原生支付,跳转web网页

废话不多说,直接上代码:把下面的js放在html的</body>即可<!--设置页面定时器,3秒查询一次数据库该订单状态,ok就跳走--xzz1115><scripttype="text/javascript"src="/Public/js/jquery.min.1.8.js"></script><scripttype="text/javascript">functionajaxstatus(){$.post("http://www.*****.com/index.php?do=payactivity",{order_id:<?phpecho$id?$id:-1;?>},function(data){if(data.status==1){//支付成功window.location.href="http://www.baidu.com";}});}setInterval("ajaxstatus()",8000);</script> ...

转载【微信支付】jsapi支付之传参问题(使用微信官方SDK之PHP版本) V3之WxpayPubHelper 亲测有效,V3WxpayAPI_php_v3.zip版未测试,理论上也是一样的。

本文转载至:http://blog.csdn.net/geeklx/article/details/51146151(微信支付现在分为v2版和v3版,2014年9月10号之前申请的为v2版,之后申请的为v3版。V3版的微信支付没有paySignKey参数。)写在最前面: V3WxpayPubHelper亲测有效,最新版本(WxpayAPI_php_v3.zip)未测试,理论上也是一样的。微信支付api真的是各种坑啊今天一整天都在折腾微信支付jsapi的参数不能通过get,post方式获取的问题!!微信网页支付在用户点击发起支付前的流程: 问题:用户h5页面输入的参数通过post或者get的方式传递到商户后台,商户后台无法处理用户传入的参数,并生成商户订单。原因:在创建商户订单时,需要获取到用户的openid//①、获取用户openid$tools=newJsApiPay();$openId=$tools->GetOpenid();publicfunctionGetOpenid(){//通过code获得openidif(!isset($_GET['code'])...

【小程序】微信小程序打开其他小程序(打开同一主体公众号下关联的另一个小程序)

注:只有同一(主体)公众号下的关联的小程序之间才可相互跳转 wx.navigateToMiniProgram(OBJECT)wx.navigateToMiniProgram({appId:'要打开的AppId',path:'pages/index/index?id=123456789',extarData:{open:'happy'},envVersion:'release',success(res){//打开成功}})OBJECT参数说明:参数名类型必填说明appIdString是要打开的小程序appIdpathString否打开的页面路径,如果为空则打开首页extraDataObject否需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据。详情envVersionString否要打开的小程序版本,有效值develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是体验版或正式版,则打开的小程序必定是正式版。默认值re...

微信程序】request请求POST提交数据,记得要加上header

wx.request({url:'*******',data:{"type":"nearest_village","district":that.data.district,},header:{"Content-Type":"application/x-www-form-urlencoded"},method:'POST',success:function(res){//dosomethind}})一定要带上header,否则数据提交为空。...

移动应用是大势所趋,微信开发初步研究尝试(图文)

微信在我们生活中已无所不在,差点儿人手一个手机一个微信,天天刷朋友圈。而作为商家和企业应用的服务号和企业号的开发也是移动应用开发的一个新方向。经过最近对微信开发进行初步研究。对微信开发有了一些了解,能够打通微信与数据库的查询及交互,实现一些应用系统的定制开发。接下来要做的就是依据实际业务须要来开工建设。微信除了企业内部应用外,在商业环境的应用如支付、活动现场等的应用也是支持的较好。另外微信wifi项目也可作为一个独立分支结合无线路由器来作为一个广大的商业市场进行运作开发。微信提供了工具和平台,怎样实现就看大家的应用思路和点子了。比方用相似的方法能够将通达OA的其它须要数据在应用中进行查询,查用户信息、数据统计、工资单的定制查询、销售数据的查询等等。watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast"/>企业号应用从现有系统中查询用户信息。预约订单小应用...

高仿微信朋友圈

写这个微信朋友圈的目的是今年公司开展了一个趣味运动会,有一个比赛项目是微信点赞。对于我们程序猿来说,这不是送分嘛。于是我们团队光荣的把这个写一个朋友的任务交给了我,要求是类似度百分之99以上,能上传自己定义照片,能更改点赞数与评论数。包含姓名。日期等都能改,于是花费了3天时间写了这个高仿的微信,因为时间关系,代码写的不是非常好。多多谅解。须要的朋友也能够继续完好。因为功能也不少。就不贴代码,直接上图,后面会给下载Demo链接。这里提示一下。长按点击我的相冊右上角的相机图标进入开挂界面。能够设置你想要的赞和评论了。界面例如以下。PS:功能还完好。只是基本够用,不细心看的话。基本看不出和微信有差别,在当时的微信点赞环节,我们这个应用也成功过关,不要吐槽我作弊。谁让咱是程序猿。废话少说,Demo奉上。github下载地址:高仿微信朋友圈github地址csdn下载地址:CSDN下载地址...
代码星球 代码星球·2020-04-06

刘宇凡:解读微信朋友圈策略调整的重要目的

  微信发展三年多以来,策略频繁变更。从文字、图片、语音、视频到朋友圈,从个人号到公众号。以及游戏应用的接入。每一个功能的出现与升级都让狠狠的抓住了用户的心。从而让微信变得丰富精彩,瞬间也让微信站在了世界的最高舞台上。  现在微信用户注冊量已突破6亿,是亚洲地区最大用户群体的移动即时通讯软件。6亿的移动用户,微信让腾讯的移动互联网产品走向世界,拿到了移动互联网的第一张门票,也把移动互联网风潮真正推向了高潮。  为此,微信营销席卷了整个互联网!  而现在公众号的泛滥,大量的垃圾广告推送;朋友圈的无奈。大量“好友”的广告刷屏,代购。美容,化妆品。金融,求赞。  疯了,朋友圈疯了!  4月28日人民日报发起#远离朋友圈#的微博话题,网友们纷纷吐槽,而且总结出了朋友圈的最可恶的几大派:  1、广告刷屏派;  2、心灵鸡汤励志派;  3、集满点赞送礼派;  4、偏方秘方养生派;  5、亲友海外代购派;  6、流言蜚语传播派。  朋友圈本来是熟人之间的分享,但却充斥着让人厌烦的广告,各种心灵鸡汤等“垃圾读物”,以及各种隐私,各种晒。现在看朋友圈简直就是对视觉的一种绑架。  仅仅能对天...
首页上一页...8081828384...下一页尾页