编程小石头

跟着石头哥零基础入门小程序开发

小程序官方有改版了，搞得石头哥不得不紧急的再新出一版，教大家开通最新版的cms网页管理后台。

用大白话讲：变量就是一个装东西的盒子再通俗些讲：变量就是用于存放数据的容器，我们通过变量名获取对应的数据。如上图所示，我们的盒子(变量)可以装名字，布尔类型的true，还可以用来装数字。变量的本质：就是在程序的内存中申请一块用来存放数据的空间。对象只是一种特殊的数据。对象是一组无序的相关属性和方法组成。这里重点要记住属性和方法这两个新概念属性：事物的特征，对象里的属性就是用来表现该对象具备哪些特征方法：事物的行为，对象里方法就是用来表示该对象具备哪些行为。

JavaScript入门学习，结合小程序和uniapp

二手商城小程序，跳蚤市场小程序。

我在云开发基础课程里给大家讲过小程序消息推送功能的实现，等下会给大家回顾下。但是有时候我们如果想实现定时推送的功能该怎么做呢一，普通订阅消息的发送我们先来看下订阅消息的官方简介。接下来我们就来借助云开发，来快速实现小程序消息推送的功能。1-1,获取模板 ID这一步和我们之前的模板消息推送是一样的，也是先添加模板，然后拿到模板id首先是开通订阅消息功能，很简单，如下图由于长期性订阅消息，目前仅向政务民生、医疗、交通、金融、教育等线下公共服务开放，后期将逐步支持到其他线下公共服务业务。.

我们在做小程序开发时，有时候需要多个小程序公用一个数据库，比如我们做一个外卖小程序，要配套一个骑手小程序，这个时候就要两个小程序公用一个云开发环境，公用一个数据库了。所以今天来教下大家如何多个小程序共享一个云开发环境和数据库。其实官方给的文档很详细了，但是一个细节官方没有讲到，所以就会导致好多同学做多个小程序共享一个云开发环境时，遇到各种各样的问题。比如下面这样的问题明明感觉自己按照官方要求，该配置的都配置了啊，但是为啥就是出错呢。所以我这里再带大家完整的配置一遍，把里面的一些注意事项也给大家好.

零基础入门小程序云开发云函数

最近好多同学问石头哥附近的人如何实现。今天呢，就借助这篇文章，给大家做一个系统的解答。老规矩，先看效果图可以看到我们在地图上显示了附近的一些标记点。接下来就教大家如何实现附近的位置。一，创建数据首先我们查询附近的人的时候，需要先有附近人的位置，也就是经纬度。这里我以几个城市的经纬度为例。大家可以自行百度查找你所需要的经纬度。这里经纬度查到后，我们需要把这些位置信息存到数据库里。1，注意存位置时必须是Point类型如上图所示，我们可以直接在云开发数据库里添加位置信息，类型是geopoi

我们往小程序云开发数据库里导入数据时，用json是可以很完美的避开乱码问题，但是如果是大量数据的时候，编辑数据就比较麻烦，看起来还不太美观。所以最好的方式还是在excel里编辑好，然后批量的导入到小程序数据库里。但是呢，我们导入到小程序数据库里的数据目前只支持csv和json格式的数据。我们如果想导入excel的数据，就必须按照把excel转换为csv。其实这步很简单一，导入excel数据到小程序数据库首先呢，我们新建一个excel，然后编写自己的数据。如下图然后开始编辑数据1-1，注意事项

看过石头哥云开发基础课的同学肯定都知道，直接在小程序里请求数据每次最多只能返回20条数据，云函数里请求数据每次最多只能返回100条数据，如果想突破这个限制，最好的方式就是做分页，当然分页我在云开发基础里也有教大家。但是限制存在这么一个需求，如果我们想一次性的拿到数据库里存的所有数据呢，比如数据库里有1000条数据，我们想一下子全部拿到，该怎么做呢？？？今天就来教大家如何通过云函数每次最多返回100条的限制。一，云函数突破100条的限制如上图所示，我的num集合里有103条数据，如果按照之前的分.

最近好多同学，学习完石头哥的云开发基础以后，自己实际项目中，总会遇到各种各样的异步问题。一,异步问题所谓异步：就是我们请求数据库的数据时，由于网速等各方面原因，数据返回的时间不确定，而我们要使用这些数据，就要等数据返回成功后才可以使用，否则就会报错。1-1，问题描述如下：好多同学都会认为代码从上往下执行，会先执行请求成功，然后才会执行第11行的代码，商品个数也应该是2. 但是我们的第11行打印却是0.这是为什么呢。这个错误的原因就是我们使用数据没有写在请求成功里面。正确数据请求返回是异步的，什

近期很多刚学习小程序的同学，想做哪种图片点击放大，然后可以左右滑动预览的效果。我也特意去研究下，发现直接用微信程序自己的api就可以很方便的实现。今天就来教大家如何实现小程序图片点击放大的效果。老规矩，先看效果图效果图有点快，但是可以大致看出来效果了。我再给大家描述下吧一个页面有3张图片，点击其中任意一张都可以放大预览。然后在预览的时候，左右滑动，还可以看另外两张图片。话不多说，直接上代码一，实现多张图片点击放大效果1-1，首先定义一个页面image.wxml<!--pages/i.

如果大家一直读石头哥的文章，或者看石头哥的视频，肯定知道，石头哥的点餐小程序有实现二级菜品或者商品分类。如下图但是又时候我们想实现三级分类，该怎么做呢，今天就来教大家如何实现三级分类。随便教下大家如何把excel数据批量的导入到云开发数据库一，老规矩，先看效果图先来给大家分析下原理二，原理分析首先来分析下有那三级可以看出，我们最顶部是一级菜单，左侧是二级菜单，右侧是最终的三级列表。我们来理一理层级关系=宿舍楼号====宿舍号========学生聪明的人肯定知道，我们是一.

最近在做社区团购和拼团类的功能，我们需要通过小程序分享给好友，让好友来助理，这个分享的时候，我们就要携带参数了，所以就顺便研究了下小程序分享并携带参数。其实代码很简单，就是测试的时候有些麻烦。前期准备1，必须有两个微信2，这两个微信都需要是这个小程序的开发者3，测试的时候两个微信必须都扫码预览二维码一，准备测试微信这个没得说，想测试分享，必须至少有两个微信号。二，给测试微信开通开发者权限其实添加开发者权限很简单，只不过必须是小程序的管理员才可以添加。三，代码开发我这里有两个页面sh.

老规矩，先看效果图可以在地图上显示店铺位置，地址，联系方式点击位置可以调起导航功能第一步，获取经纬度因为小程序内置的是腾讯地图，所以你需要到腾讯地图上查询经纬度。首先，你要明确一个事情，任何位置都有它的 经纬度 ，所以你首先要获取到你想定位位置的经纬度。腾讯地图经纬度查询：https://lbs.qq.com/tool/getpoint/index.html如我这里的经纬度：30.353351,120.231010要记住纬度在前，经度在后。所以我这里的纬度是30.353351，经度是1

从今天开始带领大家实现一款云开发版的点餐小程序技术选型1，前端微信小程序原生框架cssJavaScript2，管理后台云开发Cms内容管理系统web网页3，数据后台小程序云开发云函数云数据库云存储效果预览1，小程序端1-1，首页首页有以下几个功能点1，顶部轮播图2，商品搜索3，二手商城入口4，新品推荐入口5，客服6，上门回收商户入口1-2，发布二手商品页这里可以上传二手商品图片，选择商品类型，输入商品信息。1-3，二手商城页二手商城分

小程序1，获取当前时间（年月日时分秒）示例：2020年12月30日20时38分 // 获取当前时间 _getCurrentTime() { var d = new Date(); var month = d.getMonth() + 1; var date = d.getDate(); var day = d.getDay(); var hours = d.getHours(); var minutes = d.getMinutes();

我们经过前面小程序基础和云开发基础的学习，今天就来带大家实现一个综合项目，上线一款属于自己的微信商城小程序。小程序基础学习传送门笔记：《最全最新小程序教程》视频：《零基础学习小程序视频教程》B站免费资源：《最全最新微信小程序教程》记得三连奥如果你有小程序基础可以跳过上面的基础，直接看下面的，如果没有小程序基础，建议你先把上面的基础学完，再来看小程序商城开发。小程序前端项目模块1，商品首页2，商品列表页3，购物车4，授权登陆页5，商品搜索页6，商品收藏7，商品分类（含排序功.

今天来教大家部署一个属于自己的第一个静态网站，因为这里借助小程序云开发的静态服务器资源，所以可以轻松的实现自己网站的部署，部署完以后可以在电脑浏览器，手机浏览器，微信公众号里面展示。老规矩，先看效果图简单起见，我这里写一个最简单的html静态网页然后把这个网页部署到云开发静态网站上微信上访问效果如下手机浏览器上访问如下这也就以为着，我们的网站可以供用户在任何地方访问。下面就来教大家如何快速的部署一个属于自己的网站。一，开通云开发这里开通云开发我们借助小程序开发者工具来实现快速开通。.

第一节～企业微信小程序的注册图文详解石头哥的公司终于注册下来了，所以接下来，石头哥也可以愉快的注册一个企业微信小程序了，主要是想实现微信支付功能，获取用户手机号功能，这些都需要企业小程序。所以今天就来注册一把企业小程序。顺便把这个过程通过这篇文章记录下来，后面注册微信支付商户号，还有实现小程序支付功能的时候，都会写对应的文章出来。注册企业小程序必备1，一个全新的邮箱，没有注册过小程序，没有注册过公众号的邮箱2，企业或者个体工商户的营业执照1,邮箱注册界面首先，在注册界面选择小程序如果

我们都知道公众号里的二维码可以长按识别，但是小程序限制比较严格，没有办法实现二维码的长按识别，一直以来我都是这样认为的，微信的官方规则里也是这么写的，直到今天上午，我无意间发现一个小程序里的二维码居然可以长按识别，于是就好奇的去研究了一番，结果还真的可以实现小程序里长按识别二维码。不知道是官方的漏洞还是程序的bug，但是既然这个功能可以实现，那当然要愉快的用上一用啦老规矩，先看效果图可以看到，我们成功的在小程序里实现了长按识别二维码的功能。下面就教大家如何一步步实现吧。因为官方的规格还没有明确说支.

从今天开始就来带领大家学习微信小程序了，只要你跟着我一步步来，相信你也可以上线一款属于自己的微信小程序一，认识小程序微信⼩程序，简称⼩程序，英⽂名 Mini Program Mini Program ，是⼀种不需要下载安装即可使⽤的应⽤，它实现 了应⽤“触⼿可及”的梦想，⽤⼾扫⼀扫或搜⼀下即可打开应⽤1-1，微信小程序的优势1.微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾；2.推⼴app或公众号的成本太⾼。3.开发适配成本低。4.容易⼩规模试错，然后快速迭代。5.跨平台。

期盼已久的小程序直接分享到朋友圈的功能，官方终于支持了。今天就来带大家实现小程序分享到朋友圈的功能。代码很简单。老规矩，以图为证新加分享到朋友圈的按钮分享到朋友圈的效果分享成功打开朋友圈分享链接后的效果可以看到底部有个前往小程序，这样我们就可以在朋友圈里直接打开小程序了。是不是很激动，接下来就教大家如何实现小程序分享到朋友圈的功能吧。小程序分享到朋友圈的代码编写默认的分享到朋友圈的按钮是灰色的，如下图或许你都想象不到，小程序分享到朋友圈真是太简单了。只需要下面这几行代码，并.

最近准备给自己的小程序做个直播功能，看下直播所需要的一些资质，瞬间被吓止步。后面发现小程序官方出了直播插件，这就为小程序接入直播提供的诸多便利。仅仅需要一些简单的配置，就可以轻松实现直播功能了。下面带大家来一步步给自己的小程序添加直播功能吧。老规矩，先看效果图一，首先要给你的小程序开通直播插件功能登录我们的小程序后台，可以看到如下图所示的直播点击一下，就可以进入小程序直播开通页面注意我们上图红色框里的一些要求。必须要满足这些条件，才可以开通直播功能。更详细些的如下：这就注定目前只能是.

石头哥的公司终于注册下来了，所以接下来，石头哥也可以愉快的注册一个企业微信小程序了，主要是想实现微信支付功能，获取用户手机号功能，这些都需要企业小程序。所以今天就来注册一把企业小程序。顺便把这个过程通过这篇文章记录下来，后面注册微信支付商户号，还有实现小程序支付功能的时候，都会写对应的文章出来。注册企业小程序必备1，一个全新的邮箱，没有注册过小程序，没有注册过公众号的邮箱2，企业或者个体工商户的营业执照1,邮箱注册界面首先，在注册界面选择小程序如果你的邮箱被占用过，那么就会出现下面的错.

接上篇，上一篇我们已经注册完企业小程序，并成功的完成了微信认证。这一节我们就来开始正式的关联微信支付了，给我们的小程序接入支付功能。传送门：《企业微信小程序的注册图文详解》必备条件1，必须注册微信支付的商户号2，企业小程序必须通过认证3，小程序关联微信支付商户号一，小程序关联微信商户1，登录小程序后台，点击关联更多商户号2，关联商户号需要用到appid,点击如下所示的关联更多AppID把我们小程序的appid复制下然后去授权关联我们的微信支付商户号授权完成以后，我们的小.

前面写过一篇云开发实现小程序订阅消息（模板消息）推送的文章，《借助云开发实现小程序订阅消息和模板消息的推送功能》是有好多同学用的是Java写后台，所以今天就再来写一篇Java后台实现小程序订阅消息推送的文章。老规矩先看效果图至于如何创建模板消息，如果获取模板id我这节就不再讲解，不知道的同学可以查看我上篇文章《借助云开发实现小程序订阅消息和模板消息的推送功能》里面有详细的讲解。今天呢就...

最近在做小程序验证码登陆时，用到了短信发送验证码的需求，自己也研究了下，用云开发结合云函数来实现验证码短信发送还是很方便的。老规矩，先看效果图这是我调用腾讯云的短信平台发送的登陆验证码。核心代码其实只有下面这么多是不是感觉实现起来特别简单，怎么说呢，我们代码调用其实就这么几行，就可以实现短信的发送，但是腾讯云短信模板的审核比较繁琐，还有我们先去申请短信模板，短信模板审核通过后才可以使...

最近在做小程序验证码登陆时，用到了短信发送验证码的需求，自己也研究了下，用云开发结合云函数来实现验证码短信发送还是很方便的。老规矩，先看效果图这是我调用腾讯云的短信平台发送的登陆验证码。核心代码其实只有下面这么多是不是感觉实现起来特别简单，怎么说呢，我们代码调用其实就这么几行，就可以实现短信的发送，但是腾讯云短信模板的审核比较繁琐，还有我们先去申请短信模板，短信模板审核通过后才可以使...

最近老有同学问我，如何生成小程序二维码，让用户扫码后能快速进入指定页面。经过一番研究，发现用云开发的云调用来实现特别方便，基本上10行代码就可以快速的生成指定页面的二维码。这样我们在做一些线下业务时就能让用户方便快速的进入到指定页面了，比如我们的点餐小程序，我们可以在二维码里绑定桌号，这样用户用微信扫码二维码，就可以快速的进入点餐页面了，并且可以识别到用户当前所在的桌号。注意事项我们生成的...

之前的模板消息推送，将在2020年1月10日下线，所以我们不得不使用订阅消息了。我们先来看下订阅消息的官方简介。接下来我们就来借助云开发，来快速实现小程序消息推送的功能。一：获取模板 ID这一步和我们之前的模板消息推送是一样的，也是先添加模板，然后拿到模板id首先是开通订阅消息功能，很简单，如下图由于长期性订阅消息，目前仅向政务民生、医疗、交通、金融、教育等线下公共服务开放，...

我们前面学了这么多的小程序基础知识，一直没有用一个实际的案例来把前面的知识点串起来，今天我们就来开发一款简单的《历史上的今天》，来把我们前面的知识点完整的串起来。老规矩，先看效果图可以看到我们实现了如下功能1，列表页2，列表跳转详情页3，视频播放（其实是假的，后面给大家讲这个视频播放）4，网络请求5，列表到详情数据携带好了，话不多说，我们来直接看代码实现。一，网络数据的...

我们在做小程序开发过程中，有时候会遇到这样的需求，用一张图片做全屏幕背景图。并且实现毛玻璃效果（高斯模糊），今天就来带大家一步步的实现这个效果老规矩，先看效果图1，用网络图片实现2，用本地图片实现通过上面两张图可以看出来，我们既可以用网络图片来实现高斯模糊，有可以用本地图片来实现。一，先来用本地图片做全屏背景1，先在wxml文件里引入本地图片2，然后设置wxss样式...

最近在做小程序开发时，有用到云函数，而云函数就是用node.js写的，所以其中难免会用到一些node类库。用node类库就必选在电脑上安装node.js环境，并且配置npm命令的环境变量。用mac电脑，这些基本上都是自带的，不用安装和配置。但是大多数同学都是window电脑，所以今天就来教大家如何在window电脑上安装node.js并且配置npm命令一，下载node包这里推荐大家直接到官...

我们做小程序开发时,有时候想让自己代码变得整洁,异步操作时避免回调地狱.我们会使用es6的promise. es7的async,await .promise在小程序和云开发的云函数里都可以使用. async和await只能在云开发的云函数里使用.我们在小程序的代码里直接使用,就会报如下错误.这个报错就是告诉我们不能在小程序里直接使用es7的async和await语法.但是这么好的语法我们...

我们在开发小程序时，难免会用到登陆注册功能。通常小程序有为我们提供用户授权登陆的功能，但是这个只能获取用户的头像和昵称，我们该怎么样来实现小程序账号密码的注册和登陆呢，今天就来手把手的带大家学习小程序登陆注册功能的开发。老规矩，先看效果图通过上图可以看到我们主要实现了以下功能1,账号密码登陆2，账号密码注册3，退出登陆下面我们就来看下具体实现一，原理讲解因为我们账号密码的...

最近在研究小程序顶部导航栏时，学到了一个不错的导航栏，今天就来分享给大家。老规矩，先看效果图可以看到我们实现了如下功能1，顶部导航栏2，可以左右滑动的导航栏3，选中条目放大原理其实很简单，我这里把我研究后的源码发给大家吧。wxml文件如下<!-- 导航栏 --><scroll-view scroll-x class="navbar" scroll-wi...

我们用云开发的云数据库存数据，难免会遇到数据过多，或者一些过时数据要删除的需求。之前云开发删除数据库只能一条条的删除。要想批量删除很麻烦，近期云开发推出了批量删除数据的方法。甚至可以稍微改造下实现数据库里某个集合（表）里所有数据的删除操作。老规矩，先看效果图如删除工资表中2019年9月份的工资可以看到我们成功删除7条数据。删除所有的工资数据可以看到我们把工资表里768条数...

发个扫盲贴，大神请绕道。最近好多同学问我如何再请求数据成功后直接使用数据。我们通常的做法就是在请求成功后，再调用我们定义的方法，进而使用数据。如下代码 onLoad() { let that=this wx.cloud.database().collection("users").get({ success(res) { that.setData...