小程序云开发出来之后，小程序开发人员也要慢慢的接触后端对数据的增删改查了。下面就给大家提供一个案例吧。 这里我把新增和修改放在了一个页面      显示页面index.wxml <view wx:if="{{books}}...[2019/5/17]

在上一章我们已经配好了环境，这章我们按照模板的顺序去执行提供的案例，对官方文档进行一个实践操作。 首先我们点击”点击获取 openid “文字，发现控制台报错： 云函数 调用失败 Error: errCode: -404011 cloud function execution error ...[2019/5/17]

一、实践踩坑 项目使用mpvue开发 1.使用flex布局 html大概长这样 <div cla ="worth-wraper"> <scroll-view scroll-x="true" scroll-left="0"> <...[2019/5/17]

微信小程序云开发之初体验，供大家参考，具体内容如下 小程序云开发是微信最近推出的新的一项能力，它弱化了后端以及运维的概念，开发者无需搭建服务器，使用微信平台提供的api即可完成核心的业务开发。 目前提供三大基础能力支持： 云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需...[2019/5/17]

问题描述： 在前端想获取数据库某集合中的数据时，返回的参数data始终为空数组，如下： 相关代码如下： const db = wx.cloud.database(); const activityInfo = db.collection(''activityInfo''...[2019/5/16]

一.什么是mpvue框架？ mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心（所以建议熟练掌握vue再使用mpvue框架，否则还是建议去使用原生框架去写小程序），mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运...[2019/5/16]

前言：由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。官方连接：点击打开链接 1.实现思路 自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过 button 组件去触发 getUserInof ...[2019/5/15]

wc /**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative; } /*一级菜单*/ .menu dt { ...[2019/5/15]

效果图 .wxml <view cla =''tabBar''> <view cla =''tabItem wx:if="{{tabClick===0?"click":""}}"'' bindtap=''clickTab'' data-index=...[2019/5/15]

这段时间在做员工管理的小程序，前期在登录注册上花了不少功夫，今天就给大家分享下。 效果图，wx 的内容较简单，自己编写即可。 ##主要内容 一、首先我是在util.js中引入表单正则验证规则，给予login.js来引用 function regexConfig() {...[2019/5/14]

关于本地缓存 1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2.lo...[2019/5/13]

uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。 适用平台：Android、iOS、微信小程序。实现了一套代码，同时发布到Android、iOS、微信小程序。 参考官方：https: uniapp.dcloud.io/ APP微信授...[2019/5/10]

应公司需求，写了一个弹窗日历选择器，感觉用着还不错，封装了一下，分享给大家，希望大家有什么意见可以指出来相互交流共同改进！ 先上一个效果图：（当天日期为2018-4-18） 时间改为5月份的效果图： 直接上代码： wxml: <view cla ="w...[2019/5/10]

wxml文件中： <!--倒计时 --> <view cla ="countDownTimeView countDownAllView" > <view cla ="voteText countDownTimeText">{{coun...[2019/5/10]

本文实例讲述了微信小程序实现获取用户信息并存入数据库操作。分享给大家供大家参考，具体如下： 微信小程序获取用户信息简单，但是在存入自己服务器数据库的过程中研究了一天多的时间，并且网上搜索不到该资源，故发出来供大家参考。 index.js Page({ data: { ...[2019/5/8]

本文实例讲述了微信小程序实现用table显示数据库反馈的多条数据功能。分享给大家供大家参考，具体如下： 解决了微信小程序自定义表格，并显示的多条数据的问题。 index.wxml <view> <text>我的调查问卷</text> ...[2019/5/8]

小程序界面传值 父级界面：A界面 子级界面：B界面 一、url传值 详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。 1. 正向传值：A界面 –>B界面 用 navigator标签或 wx.navigator传值，A界面向B界面传id值 ...[2019/5/8]

前几天偶然看见一个人脸识别的小程序demo，觉得很有趣下载下来想玩玩，结果只是一个框架而已用不了的，花了点时间完善一下 吐槽一下wx.uploadFile这个接口，真是个大坑，最开始调用时候，我以为它和同期的wx.downloadFile一样，只需要填入必须的参数就可以用，结果还是要配合后台p...[2019/5/8]

微信官方文档https: developers.weixin.qq.com/miniprogram/introduction/qrcode.html 看了官方文档之后，还是存在很多困惑，微信小程序是托管到微信服务器上的，要想扫描普通链接跳转指定界面，首先要知道微信把小程序放的服务器的访问路径，...[2019/5/7]

因为小程序原生不支持Cookie，因此也不支持Se ion。 网上找到的的一些方法有缺陷，而且很多累赘，估计没有实际测试过，在此直接给出实测可用的代码。 大概思路就是借助小程序本地储存+网络请求的header可读可写来实现类似浏览器的cookies保存se ion功能。 直接上代码 ...[2019/5/7]

小程序的乱象迷局

开发商、代理商、商家，究竟谁是这波红利的最大受益者？[2019/5/7]

前言： 近期需要开发一个打分的微信小程序，涉及到与后台服务器的数据交互，因为业务逻辑相对简单，故选择Python的轻量化web框架Flask来搭建后台程序。因为是初次接触小程序，经过一番摸索和尝试，个人觉得的微信小程序与后台的交互有点像ajax，所以有ajax开发经验的同学开发小程序应该很容易...[2019/5/7]

项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。 需求 利用微信强大的社交能力通过小程序达到裂变的目的，拉取新用户。 生成的海报如下 需求分析 1、利用小程序官方提供的api可以直接分享转发到微信...[2019/5/7]

介绍 因为项目需要,使用到了微信小程序和百度的语音接口 现在将项目中的一个小模块拿出来单独分享. 技术关键字 微微信小程序 百度语音接口 nodejs,expre fluent-ffmegp 环境 windows 10 vs code ...[2019/5/7]

本文实例讲述了微信小程序自定义组件传值 页面和组件相互传数据操作。分享给大家供大家参考，具体如下： 要想在组件中调到页面中的方法，并且想要组件中传数据到页面去，emmmm，可以酱紫： 用组件事件 triggerEvent！ 首先，在页面中定义组件 ，json文件中记得加上： ...[2019/5/5]

在开发极速飞艇源码详情咨询Q166848365小程序的时候，我们总是期望用以往的技术规范和语法特点来书写当前的小程序，所以才会有各色的小程序框架，例如 mpvue、taro 等这些编译型框架。当然这些框架本身对于新开发的项目是有所帮助。而对于老项目，我们又想要利用 vue 的语法特性进行维护，又该...[2019/5/5]

正文： util.js 时间戳转换成日期时间 function js_date_time(unixtime) { var dateTime = new Date(parseInt(unixtime) * 1000) var year = dateTime.getFul...[2019/4/30]

本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考，具体如下： 微信小程序页面间传值 1.js页面间的传值：url: '' 路径 ? 值=''+ 获取该页面取值, 实例1： pageSkip :function(){ wx.navigateTo...[2019/4/30]

在微信小程序中，我们可以很方便的通过API接口来获取我们当前的位置，接下来我讲告诉大家微信获取定位的API—wx.getLocation的用法，以及我们通过获取定位，得到当地的位置，天气等信息。 <view cla =''content''> <view cla ...[2019/4/30]

本文实例讲述了微信小程序单选radio及多选checkbox按钮用法。分享给大家供大家参考，具体如下： 1.单选：radio 实例： js: Page({ data : { radioId:"", loves:[ {id:1, name:"跑步" ,checked ...[2019/4/30]

本文实例讲述了微信小程序实现同一页面取值的方法。分享给大家供大家参考，具体如下： 1.js里单个的值在wxml里取值方法：js里将该值定义为全局变量，在wxml里采用 {{ }}即可获取。 实例： js里得值： data{ schoolName:"清华大学" } ...[2019/4/30]

效果   js let app = getApp(); Page({ data: { img: "/image 1.jpg" }, onLoad() { }, scan() { wx.scanCode({ succe : (res)...[2019/4/30]

正文： 一：需求及效果图展示 从后端API获取到起始地和目的地的经纬度坐标与地名。用户点击起始地便打开地图展示坐标的附近街景，路线，或者打开外部地图。 二：源代码 <block wx:for="{{data_2}}" wx:key=''index'' wx:i...[2019/4/29]

由于小程序页面退出时，定时器和长连接等不会自动清除断开，所以需要我们在生命周期函数中手动清除 但是定时器定义在函数中，我们无法在函数外清除，所以为了解决这个问题，我们需要把定时器定义在data中 比如：Loadingtime是一个定时器，在data中定义Loadingtime：''''。 ...[2019/4/28]

前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。 这次我们使用的是：Echarts 官方教程：点击查看 Echarts下载地址：飞机直达 1.下载好之后，把里面的ec-canvas文件夹复制到项目中，如：在项目中建立一个文件夹c...[2019/4/26]

如何在微信小程序中使用Echarts可以看我的另一个教程：点击查看 首先看一个简单的例子 1.wxml文件 <view style=''width:100%;height:200rpx''> <ec-canvas id="mychart-dom-bar" ...[2019/4/26]

本文实例讲述了微信小程序实现的五星评价功能。分享给大家供大家参考，具体如下： 实现五星评价功能，效果图如下： .wxml文件： <view cla ="star-title">1、品质效果</view> <view cla ="star-p...[2019/4/25]

本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考，具体如下： 使用WxParse插件实现小程序的富文本显示 ，下载地址：富文本插件WxParse 具体使用步骤： 1. 复制插件文件夹到项目根目录，emojis是表情包，可选择性删除 2. 在.js文件中...[2019/4/25]

本文实例讲述了微信小程序实现的一键拨号功能。分享给大家供大家参考，具体如下： 1. 在.wxml文件中绑定拨号事件 <button type="default" bindtap="calling">拨打电话</button> 2. 在.js文...[2019/4/25]

本篇将帮助读者实现基于 微信开发者工具 & C#环境 下的用户在小程序上的授权登陆。 准备： 微信开发者工具下载地址：https: developers.weixin.qq.com/miniprogram/dev/devtool download.html 微信小程序开发文档：http...[2019/4/25]

刚开始学微信小程序，有说的不对的地方大家可以提出！ 首先体验示例小程序 在微信中扫描下面的二维码即可体验 ECharts Demo：  下载 为了兼容小程序 Canvas，我们提供了一个小程序的组件，用这种方式可以方便地使用 ECharts。 首先，下载 Git...[2019/4/25]

文件下载（遇到的坑） 1.要区分下载的内容是什么 0.1  图片下载wx.saveImageToPhotosAlbum(Object object) 0.2  视频下载wx.saveVideoToPhotosAlbum(Object object) 以上算是两大...[2019/4/24]

本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考，具体如下： 微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能 微信小程序中复制一般采用调用  wx.setClipboardData 接口 实现功能如下： 1，.wxml里写一个复制按...[2019/4/24]

项目中经常遇到要选择城市。用到三级联动的方式 微信小程序的 picker 组件 mode=date 是三级联动的，但是无法自定义，这让我们心痛不已，值得我们欣慰的 picker-view 组件是可以自定义添加多个选项，但还是无法联动。既然这样那就自己写一个联动。 做到如下图所示： 分为动态...[2019/4/24]

最近项目遇到了 一个小问题，当订单需要支付的时候，超过指定时间，自动关闭这个订单，未到达订单结束时间时，需要显示订单还有多久关闭, 如下图： 写出的这个方法支持多个对象，看到技术群有很多人问这个问题，而没有人回答，决定把这个解决方案贡献出来（不知道算不算好的解决方案） 我的解决方案是...[2019/4/24]

我是纯前端的，有些时候没有后端接口，只能模拟一些数据来操作。偶然之下，发现了setdata 的一些机制，也有可能不对，请多指教。 先放结论：data的变量通过setdata绑在一起，是同步变化的 准备做一个一键还原界面的按钮事件，如果有后端接口，只需调一下接口，就可以了。问题是没有，于是想...[2019/4/19]

今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下： <scroll-view scroll-y style="width:100rpx;height:100rpx;"> asdhadjhka...[2019/4/17]

前言 有段时间比较闲就尝试着做了一个微信小程序，一是为了锻炼自己独立部署一个前后端全链路系统的能力，二是想做一个自己都想用的小程序出来。方向是让用户可以集中获取优质的电影、音乐、书籍、游戏等信息的推荐，那什么是优质的信息呢？我这里假设的是排行榜里越靠前的信息就越是优质的信息，于是就做了一个这几...[2019/4/16]

「小程序」这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃跃欲试。可是小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这个月就与小程序无缘了，庆幸的是微信这两天发布了正式版开发者工具，无需内测邀请也可以尝鲜了。 因此也就有了我与「小程序」的初...[2019/4/16]

 最近在弄wepy的时候在想有没有什么ui比较合适一点的wepy的，也是在网上看了好久发现iview还不错。引用简单，上手超快，组件绚丽！当然，这里还介绍下微信官方建议的框架也是和不错的，有需要的可以看看（https: github.com/Tencent/weui-wx ），这里主要做...[2019/4/11]