响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年官网小程序用什么开发(优选9篇)

官网小程序用什么开发 第1篇

今天来给大家讲讲小程序的搜索功能。我这里后台数据库用的是小程序云开发的云数据库。所以我们搜索的时候就要借助云开发来实现。

比如我这里有如下的一些数据

我们想实现如下搜索需求

我们知道数据库查询的时候有个where语句,但是where语句是查询某个字段全部包含你输入的内容时才可以,所以单纯用where语句来做搜索的话,结果太单一。所以我们今天就来学习下模糊搜索功能的实现。我们以上面三个需求为例,来一个个讲解。

代码如下 查询结果如下: 可以看到我们成功的查询到了标题里包含‘小石头的数据’

由于我们要查询多个字段,所以我们这里用到了command高级操作符里的or 代码如下: 查询结果: 我们来分析下这两条数据

由于我们要查询多个字段,所以我们这里用到了command高级操作符里的and

代码如下:

查询结果: 我们来分析下这两条数据

为例方便大家使用,我把完整的代码贴到这里,后面大家使用时,直接复制这里的代码,略微改造下就可以了。

官网小程序用什么开发 第2篇

我们这里以新建一个商品列表为例

要想让用户查询到我们创建的商品数据,需要把权限改为所有用户可读

doc是用来查询单条数据的。比如商品详情页。 doc里面用到的参数就是我们数据里的_id字段

通过add可以实现数据的添加,

修改数据库里已存在的数据,结合doc进行修改单条数据

删除数据,结合doc删除单条数据

用户输入新价格,调用update方法进行更新数据 我们更新成功的时候,会有如下所示的日志打印。 只有stats里的updated是1的时候,才代表成功的更新了一条数据。 如果这条商品不是你创建的,当你对这条商品做更新操作时,打印的updated就是0。 这个时候代表没有更新成功。这是因为操作时的权限问题,要解决这个问题,就要借助云函数了,这里我们先放在这里,在后面云函数章节会做具体讲解。

如果这条商品不是你创建的,当你对这条商品做删除或者更新操作时,虽然也会返回成功,但是可以看到我们更新或者删除的条数是0。

其实这个时候也意味着没有更新或者删除成功,这里是因为操作权限的问题,因为这条数据不是你创建的。所以你只能对这条数据做查询操作,而不能做修改和删除操作。要想解决这个问题,就要借助云函数了。后面云函数讲解的部分,我会做具体讲解的。

我们还是先接着学习数据库操作的高级操作

官网小程序用什么开发 第3篇

如果你已经开通过云开发,记得把付费模式改为按量付费。如果你一开始云开发不是按量付费的模式。

上面点完确定后,我们只是开启了按量付费功能,因为cms得使用必须要开通按量付费才可以得。所以还要再点一次开通。如下图

然后我们就等待内容管理功能得开通了,需要等几分钟。

开通成功以后,我们就可以通过下面这个地址进入管理后台了。

后面我们统一称内容管理为cms

上面开通好以后,就可以通过后台地址登录管理后台了。如下

往内容模型里添加数据类型的时候可以选择如下一些类型

单行字符串、多行字符串、数字、布尔值、枚举、日期、日期与时间、文件、图片、多媒体、邮箱地址、电话号码、网址、富文本、Markdown、关联、数组、JSON对象

可以对上面创建好的内容模型(集合)进行可视化的管理,这也是cms的优点,可以让我们对数据库进行可视化的管理。

结合cms和云开发数据库,实现一个简单的新闻小程序,有如下功能点

官网小程序用什么开发 第4篇

小程序数据库api和云函数调用数据的限制 小程序端直接调用云数据库时,每次最多可以获取20条,云函数里调用云数据库时每次最多获取100条。所以我们数据多的时候要做分页加载。

我们做分页加载时,主要用到了skip和limit方法,对应的官方文档如下

其实这个skip和limit我在数据库的那一节有做初步讲解,这一节我们就借助具体分页加载的案例来做综合讲解

我这里导入到num数据表,导入成功如下:

把数据表(集合)的权限改为所有用户可读,仅创建者可读写。

我们的列表滑动到最后一个数据时,会执行下面的方法 所以我们的分页加载要在onReachBottom里做。

直接调用数据库每次最多只能加载20条数据 wxml里只做简单的列表数据显示就行了 wxss做个简单的样式 对应的效果如下

通过云函数调用数据库,每次最多可以加载100条数据.

官网小程序用什么开发 第5篇

今天我们就来正式的创建自己的第一个云开发项目,在创建云开发之前,有下面几个注意事项

开通云开发服务,必须先要进入小程序开发者工具才可以。 和创建普通小程序一样,如上图所示,需要注意的就是这里必须要填写自己的appid,不可以用测试号. appid的获取如下图所示.

在里写入环境id,注意这里要用你自己的云开发环境id

初始化云开发环境前,先去云开发控制台,拿到云开发环境id,如下图 这里的环境id建议直接复制,不要手写,很容易写错。

拿到环境id以后,就去里做云开发环境初始化,如下

用时候云开发创建好以后,初始化可能需要一点时间,所以如果这里初始化有报错,记得关闭开发者工具,等几分钟再重新打开即可.

官网小程序用什么开发 第6篇

​ 注册主要用到了input组件获取用户输入,button组件实现注册功能,注册主要是把账号名和密码添加到云开发数据库。

登录主要是获取用户输入的账号和密码,然后从数据库里读取相应的数据,做账号和密码的比对,如果账号和密码都一样,就可以直接登陆成功

登录成功以后,会调整到首页

官网小程序用什么开发 第7篇

我们需要在获取页面对应的json里设置enablePullDownRefresh属性为true来开启下拉刷新。

由于我们的刷新动画默认是白色圆点,所以还要在json里设置页面背景色才可以看到动画。

在page里的onPullDownRefresh方法里监听下拉刷新

官网小程序用什么开发 第8篇

我们先来看下官方给出的云函数简介 其实通俗来讲,云函数也是运行在服务器上的,只不过和我们传统开发语言相比。微信官方为我们提供的傻瓜式的一键部署。也就是说你只需要把心思花在业务逻辑代码的编写上即可。无需关心写好如何部署,无需关心安全问题,无需关心鉴权问题。

我们下面以获取openid为例,来看看云函数,php,Java的实现对比

Java获取openid和上面的php步骤一样,也是需要上面7步。而我们用云函数获取openid呢,就只需要简单的3步就行了,代码量也能显著减少

用云函数的话,只需要3步

来看下云函数代码,只需要10行代码,即可轻松搞定

我们用云函数和上一章的云数据库进行下对比

调用云函数有两种写法

注意:云函数只要有变动,就要重新部署,否则云函数不生效。

遇到了一个问题,如下 出现原因:如果你有两个云开发环境,偶尔会出现上图所示的问题。 解决问题:有两种

本地小程序直接调用数据库修改会有问题

只能修改自己创建的数据,别人创建的数据,就没有办法修改了。

如何解决呢? 用云函数来修改就可以解决这个问题啦。

1,先创建云函数update0129

2,调用云函数就行修改

解决方案如下: 使用DYNAMIC_CURRENT_ENV 代码片段

官网小程序用什么开发 第9篇

首先来看下官方对云存储的介绍: 官方文档: 说白了,云存储就是可以用来存储视频,音频,图片,文件的一个云存储空间。如果你的小程序需要用到视频播放,音频播放,图片展示,文件上传与下载功能,就可以用到我们的云存储了。

控制台也可以很方便的管理文件。

背景颜色色值:#2db7f5 卡片布局:

卡片列表样式:

获取当前时间的方法:

在上面选择好文件以后,我们还是要调用uploadFile进行文件上传

猜你喜欢