编程小石头的博客_10小时零基础入门小程序开发

2024年最新版云开发cms开通步骤，开始开发微信小程序前的准备工作，认真看完奥！

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

微信小程序

小程序

cms

新版cms

云开发

原创精选 1月前 158 阅读

1小时实战入门小程序开发，历史上的今天案例讲解

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

javascript

vue.js

小程序

编程语言

移动开发

原创 2022-04-24 10:53:42 82 阅读

小程序分享并携带参数，方便做分销，拼团，返佣等功能

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

小程序分享

分享携带参数

小程序分销

小程序拼团

小程序分佣

原创 2022-03-20 16:36:02 386 阅读

微信小程序环境共享，多个小程序共享一个云开发数据库

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

小程序

微信小程序

数据库

云开发

云函数

原创 2022-03-20 16:35:42 567 阅读

小程序顶部导航栏，可滑动，可动态选中放大

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

小程序导航栏

小程序自定义导航栏

滑动导航栏

放大导航栏

微信小程序

原创 2022-03-20 16:35:40 497 阅读

微信小程序登录与注册验证码倒计时的效果实现

我们在做手机登录和用户注册时，总会用到倒计时效果，今天就来给大家讲讲手机登录时验证码倒计时效果的实现。老规矩，先看效果图可以看到，我们在点击获取验证码以后，就开始倒计时了，正常都是从60s倒计时的，这里为了演示方便，我从6s开始的。可以看到倒计时结束后，

登录注册

手机验证码

注册验证码

小程序登录注册

小程序

原创 2022-02-09 14:10:49 352 阅读

小程序读取excel表格数据，并存储到云数据库

最近一直比较忙，答应大家的小程序解析excel一直没有写出来，今天终于忙里偷闲，有机会把这篇文章写出来给大家了。老规矩先看效果图效果其实很简单，就是把excel里的数据解析出来，然后存到云数据库里。说起来很简单。但是真的做起来的时候，发现其中要用到的东西还是很多的。不信。。。。那来看下流程图流程图通过流程图，我看看到我们这里使用了云函数，云存储，云数据库。流程图主要实现下面几个...

excel 解析

excel

云开发

小程序云开发

小程序读取excel

原创 2022-01-27 09:47:43 1220 阅读

小程序识别身份证，银行卡，营业执照，驾照

最近老是有同学问我小程序ocr识别的问题，就趁机研究了下，实现了小程序识别身份证，银行卡，驾照，营业执照，图片文字的功能。今天来给大家讲讲详细的实现流程。先画一张流程图出来第一次看到这个流程图，可能有点萌，什么云开发，云函数。。。。不要着急，我们接下来会一步步带大家实现。先看下我们的页面和效果图。功能其实很简单，就是我们点对应的按钮后，去拍照或者去相册选择对应的图片。然后把图片上...

小程序

小程序识别身份证

小程序识别图片

微信小程序

小程序云开发

原创 2022-01-27 09:47:43 764 阅读

别在@官方了，5分钟10行代码教你制作带红旗的微信头像，多种样式随便选(含视频和源码)

昨天发了微信头像挂红旗的讲解文章，应大家要求，今天录制一套视频，免费送给大家。我们先来看下效果图原理讲解其实原理很简单，我们用canvas把自己的头像画在最下面，然后把对应的相框模版画到我们头像上面。然后使用小程序自带的api把我们画出来的图片，保存成本地图片文件，然后把这个图片作为我们的微信头像就可以了。免费视频链接https://www.ixigua.com/i6740973...

微信头像

国庆头像

国庆个性头像

微信头像挂红旗

国庆

原创 2022-01-27 09:47:43 201 阅读

小程序批量删除云数据库里的数据

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

云开发

云开发批量删除

云函数批量删除

批量删除数据

小程序云开发

原创 2022-01-27 09:47:42 1165 阅读

小程序不同页面的异步回调，callback和promise的使用讲解

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

callback

异步

异步回调

小程序异步

promise

原创 2022-01-27 09:47:42 740 阅读

小程序里使用es7的async await语法

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

es7

async

await

小程序

小程序云开发

原创 2022-01-27 09:47:41 313 阅读

微信小程序生成二维码

最近比较忙，好久没有写文章了，今天抽时间来给大家讲讲如何使用小程序生成二维码。

微信二维码

二维码

生成二维码

小程序二维码

小程序生成二维码

原创 2022-01-27 09:47:24 1265 阅读

借助云开发实现小程序朋友圈的发布与展示

随着小程序云开发越来越成熟，现在用云开发可以做的事情也越来越多，

小程序云开发

小程序朋友圈

朋友圈

云开发

云数据库

原创 2022-01-27 09:45:27 165 阅读

小程序云开发模糊查询，实现数据库多字段的模糊搜索

最近做小程序云开发时，用到了一个的模糊搜索功能，并且是要求多字段的模糊搜索。

云开发

模糊搜索

模糊查询

数据库查询

数据库模糊查询

原创 2022-01-27 09:44:15 497 阅读

小程序登陆注册功能的实现

我们在开发小程序时，难免会用到登陆注册功能。通常小程序有为我们提供用户授权登陆的功能，

小程序登陆注册

登陆注册

小程序

小程序学习

云开发入门

原创 2022-01-27 09:43:56 366 阅读

借助云开发实现小程序订阅消息和模板消息的推送功能

之前的模板消息推送，将在2020年1月10日下线，所以我们不得不使用订阅消息了。

微信小程序

小程序订阅消息

小程序模板消息

小程序消息

消息推送

原创 2022-01-27 09:42:34 217 阅读 1点赞

小程序实现全屏幕高斯模糊背景图

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

小程序高斯模糊

高斯模糊

小程序毛玻璃

小程序样式

小程序入门

原创 2022-01-26 12:00:10 1315 阅读

nodeJs的安装与npm全局环境变量的配置

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

node安装

nodejs安装

npm环境变量

node环境变量配置

node

原创 2022-01-26 11:59:21 2125 阅读

借助云开发10行代码生成小程序码，可以微信扫码快速进入指定小程序页

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

小程序

小程序码

小程序二维码

云开发

云开发生成二维码

原创 2022-01-19 14:38:48 357 阅读

借助小程序云开发10行代码实现短信验证码的发送

最近在做小程序验证码登陆时，用到了短信发送验证码的需求，自己也研究了下，用云开发结合云函数来实现验证码短信发送还是很方便的。

微信小程序

小程序发短信

云函数发短信

云开发发送短信

短信验证码

原创 2022-01-19 14:37:09 429 阅读

小程序订阅消息推送（含源码）java实现小程序推送，springboot实现微信消息推送

前面写过一篇云开发实现小程序订阅消息（模板消息）推送的文章，《借助云开发实现小程序订阅消息和模板消息的推送功能》是有好多同学用的是Java写后台，所以今天就再来写一篇Java后台实现小程序订阅消息推送的文章。

订阅消息

模板消息

小程序消息推送

消息推送

Java实现小程序消息推送

原创 2022-01-19 14:33:19 1045 阅读 1点赞

小程序支付003～借助云开发10行代码快速实现小程序支付

接上篇，上一篇我们已经注册完企业小程序，并成功的完成了微信认证

小程序

云开发

云开发支付

微信支付

小程序支付

原创 2022-01-19 13:57:15 209 阅读

微信小程序里长按识别二维码

我们都知道公众号里的二维码可以长按识别，但是小程序限制比较严格，没有办法实现二维码的长按识别，一直以来我都

小程序

小程序二维码

小程序识别二维码

小程序长按识别二维码

微信小程序

原创 2022-01-15 09:20:02 1022 阅读

2行代码实现小程序直接分享到微信朋友圈功能

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

小程序

小程序分享朋友圈

小程序分享微信朋友圈

小程序学习

小程序分享

原创 2022-01-15 09:13:45 1400 阅读

3行代码实现小程序直播，带美颜优惠券抽奖功能

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

小程序

直播

小程序直播

直播小程序

微信直播

原创 2022-01-15 09:13:45 951 阅读

1分钟部署一个属于自己的网站，借助云开发静态网站部署属于自己的网站,部署vue静态网站

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

web

网站

网站部署

静态网站

云开发静态网站

原创 2022-01-15 09:13:44 585 阅读

小程序分类页实现三级分类，顶部导航栏，左侧分类栏，右侧数据列表

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

小程序导航栏

小程序三级分类

小程序菜单栏

小程序左右布局

小程序学校

原创 2022-01-15 09:13:42 710 阅读

小程序里显示店铺地址，可在地图上查看，可点击导航到店铺

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

小程序导航

小程序地图

小程序map

在地图上显示位置

markers

原创 2022-01-15 09:13:42 590 阅读

校园二手商城小程序，手把手带你开发一款云开发版商城小程序，校园二手微信小程序，可升级社区团购小程序

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

校园二手商城

商城小程序

校园商城小程序

二手商城

校园回收小程序

原创 2022-01-11 11:40:34 347 阅读 1收藏

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

编程小石头