一个page由一个文件夹以及文件夹下四个文件组成. 比如一个页面叫index.则需要在pages目录下新建一个index目录,且包含由index+类型(js\wxml\wxss\json)为名组成的若干文件.文件名格式为硬性要求. 1.JS部分 1.1概述 Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync('logs') || []).map(log => { retu…

第一节讲了目录结构,这节主要讲解下目录中app.js部分. 它由三部分组成app.js.app.json与app.wxss 1.JS部分 1.1概述 //app.js App({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登录 wx.login({ success…

1.环境概览 首先环境配置的部分略过,打开小程序开发工具.选择一个空目录,即可开始一个demo项目. 其中新建成功后的目录如图所示: 2.文件结构描述 如图所示,左边是界面展示,右边是目录结构. 目录大体分为3部分:app部分.pages部分.其他部分. app主要放置一些全局性的变量以及配置.就相当于浏览器中的windows.node中的global. pages中放的是一个一个的页面.一个页面由一个文件夹组成,文件夹内由四部分组成,js,wxml,wxss,json. 其中js主要是该页面的…

最近微信小程序很火,很喜欢那种轻应用,用完就走的理念.于是,下载好微信开发者工具,学习一下官方demo. 体验下来,有类似react和vue的感觉,dom类似react那种组件的,data-binding和vue类似. 1 注册 到微信公众平台申请账号,https://mp.weixin.qq.com/,并且绑定管理员账户方便上机调试. 下载微信开发者工具,登录管理员微信账户. 2 初始 创建项目并初始化,输入第一步生成的AppID. 3 目录结构 其中,.js后缀的是脚本文件,.json后缀的…

我们在开始微信小程序开发的时候,对JS,HTML等前端知识一无所知,完完全全就是门外汉在尝试一个新的方向. 在下载好开发工具,微信就已经提供了一个DEMO例子: 从程序开发的角度来看这个陌生的目录结构,pages是存放页面的,utils是存放工具类的,而app开头的三个文件既然放在根目录级别,那么按理讲,应该是和配置有关. 我们看app.js文件的内容: //app.js App({ onLaunch: function () { //调用API从本地缓存中获取数据 var logs = wx.…

小编最近在开发小程序,也读到了不少优秀的小程序源码,项目中有些需求可以直接从源码里粘贴复制过来,虽然这样做不利于自己独立编写代码,但比较是给公司做项目啊,秉着效率第一的原则,简直没有什么比ctrl+c,ctrl+v,更加顺手了.为了感恩大家长久以来的关注和支持,小编准备了一些福利,整理了130个微信小程序源码demo,分享给我的读者们,希望能有所用处. 重要的话说三遍,感恩大回馈,超有价值的学习资料免费送!免费领取! 如果需要学习视频,欢迎关注 [编程微刊]微信公众号,回复[小程序demo]一键…

来自:http://www.jianshu.com/p/0ecf5aba79e1 文/weapphome(简书作者)原文链接:http://www.jianshu.com/p/0ecf5aba79e1著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”. 1. 仿QQ应用程序(#社交 #聊天 #SNS) 地址:https://github.com/xiehui999/SmallAppForQQ 2. 仿知乎微信小程序(#SNS #社区 #论坛) 地址:https://github.com…

微信小程序:页面配置 page.json 一.页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可. 实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块,因此我们提供了 page.json,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色.是否允许下拉刷新等等. 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置. 页面的配置只能设置 app.json 中部分 windo…

Mac上微信小程序官方开发工具打开后卡死,无法操作,也关不掉,解决方案: 三步: 1.在应用中删除“微信web开发者工具” 2.删除一下几个配置和缓存文件: 1.-/Library/Application Support/微信web开发者工具 2.~/Library/Preferences/com.tencent.wechat.devtools.plist 3.~/Library/Caches/微信web开发者工具 3.重新安装“微信web开发者工具”…

https://github.com/donglegend/weapp-demo 参考文档开发工具安装微信weapp API git项目源码微信小程序 demo效果展示效果预览…

1. 获取微信小程序的 AppID 登录 https://mp.weixin.qq.com ,就可以在网站的"设置"-"开发者设置"中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID . 注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作"绑定开发者".即在"用户身份"-"开发者"模块,绑定上需要体验该小程序的微信号.本教程默认注册帐号.体验都是使用管理员…

Java 后端微信小程序支付 一.遇到的问题 1. 商户号该产品权限未开通,请前往商户平台>产品中心检查后重试 2.签名错误 3.已经调起微信统一下单接口,可以拿到预支付ID,但是前端支付的时候出现 支付验证签名失败 网上的问题基本上就是这三类下面说解决方案. 第一个问题:商户号的问题,微信app支付与微信小程序支付的商户号不同,微信app内支付与微信开放平台内的商户号绑定,微信小程序支付是与微信公众平台内的商户号绑定. 第二个问题:签名错误, 第一次签名需要的appid mchid key 分…

校园小情书小程序前端+后端源码 https://www.douban.com/group/topic/116974400/ 小程序源码疯狂猜成语小程序源码UI美观 https://www.douban.com/group/topic/116974486/ 知识答题类小程序源码 https://www.douban.com/group/topic/116974321/ [小游戏源码] 微信小游戏欢乐消消源码 https://www.douban.com/group/topic/116860398/…

app.json 配置项列表 app.json文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. window配置 用于设置小程序的状态栏.导航条.标题.窗口背景色. 注意:页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键. 就是主配置中的app.json中的window:…

前言:虽然小程序做过很多,但是一直觉得微信支付功能很是神秘,现在终于有机会接触心里还是有点小激动的,经过一番折腾发现支付也不过如此,在此记录下支付功能的实现过程 小程序的官方文档介绍到发起微信支付即调用API wx.requestPayment(Object object) wx.requestPayment({ timeStamp: '', nonceStr: '', package: '', signType: 'MD5', paySign: '', success(res) { }, fa…

小程序支付 业务流程时序图 官方文档 步骤: 1. Openid 在小程序初次加载的时候就已经获取(详情见 小程序登录) 2. 生成商户订单 1.商品信息由小程序端提供 2.提供支付统一下单接口所需参数 3. 调用支付统一下单API 官方文档 4. 拿到返回预付单信息并处理 5. 再次签名 官方文档 案例: 小程序端 test.wxml <button bind:tap="pay">支付</button> test.js Page({ pay:function(…

前言:虽然小程序做过很多,但是一直觉得微信支付功能很是神秘,现在终于有机会接触心里还是有点小激动的,经过一番折腾发现支付也不过如此,在此记录下支付功能的实现过程 小程序的官方文档介绍到发起微信支付即调用API wx.requestPayment(Object object) wx.requestPayment({ timeStamp: '', nonceStr: '', package: '', signType: 'MD5', paySign: '', success(res) { }, fa…

最近随着王思聪的我撒币,我快乐,直播答题非常火.同时知乎的答题小程序头脑王者也非常火爆.大家在微信和微信群里玩的不亦乐乎. 好吧,快乐总是属于你们,我却只能埋头写代码... 公司要求赶紧开发一个这样的答题小程序出来,于是参考了几大现在已经有的答题系统,我们开始了,属于我自己的答题小程序开发之路. 先说几个难点,第一个是直播答题,做聊天室的.如何让用户在聊天室里聊天,做直播答题,大家看到,每个人都可以在里面聊天.我们传统的聊天室大部分用的ajax做轮询,考虑到用户数大的话,轮询对服务器压力还是蛮大…

1.小程序示例源码:https://github.com/wechat-miniprogram/miniprogram-demo 2.微信 weui下载地址:https://github.com/weui/weui-wxss/ weui用微信开发者工具打开步骤. 新先小程序,目录选择dist.appid可以选择测试 对WEUI css详解…

自己写的小程序,欢迎下载 https://gitee.com/lijunchengit/chengZiShengHuoBang…

当页面出现   page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task.1.有可能你再app.json文件中没有添加该文件,2.也有可能是你没有在该页面的js中声明page()3.还有一种可能就是你这个是二级页面,二级压面必须写到一级页面的后面,否则也会报出该信息 4.最后一种就是该页面上有未知的变量没有声明…

需求:主界面是个列表.列表可以纵向滑动,下拉添加新的条目Item.每个条目Item可以横向滑动. 发现做下拉时,用Page的enablePullDownRefresh和scroll-view条目的横向滑动冲突了!下滑被scroll-view接收,只有在scroll-view外部才能下拉列表(当scroll-view条目很少,不占满屏幕时).而在scroll-view中并没有相关下拉的属性或是回调方法来实现下拉刷新的效果(只有滚动到底部的事件).尝试用两个scroll-view嵌套,外部的上下滑动…

转:CSDN的文章: https://blog.csdn.net/rolan1993/article/details/73467867 不错的DEMO: https://github.com/skyvow/wux…

设置 app.js 文件: //app.js App({ globalData: { is_login:false, userInfo:{} } }) 设置gloabalData的方法: // 定义app 调用 getApp() const app = getApp() // 具体设置 app.globalData.is_login = true; app.globalData.userInfo = res.data; 设置 page.js 文件:setData()方法 setData():接受…

在做项目中需要让页面跳到外网,用到了<web-view src=""> </web-view>组件,需要新建一个文件放这个组件,调接口的时候链接连到这个页面,当我把参数传过去的时候,出现了 page[pages/XXX/XXX] not found.May be caused by :1. Forgot to add page route in app.json.2. Invoking Page() in async task.导致参数没有传过去,百度了一下是因…

文字跑马灯效果:       http://www.wxapp-union.com/portal.php?mod=view&aid=1038 触摸水波涟漪效果:   http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉菜单效果:          http://www.wxapp-union.com/portal.php?mod=view&aid=1875 五星评分效果:          http://www.wxa…

http://www.jianshu.com/p/0ecf5aba79e1 感谢笔者的分享!…

<block wx:for="{{data_2}}" wx:key='index' wx:if="{{data_2.length}}"> <view style='margin-left:10rpx;'>订单号: {{item.order_num}}</view> <view class='page_row'> <view class='centent'> <view style='margin-le…

忘记从哪获得的 CSDN  可以支持一下 谢谢你们 https://download.csdn.net/download/lan1128/10197682 当然也有免费的 代码在码云上免费公开 点个关注呗  谢谢你们 https://gitee.com/lanshengzhong/wechat-mini 么么~~…

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源…