新手尝试编写微信小程序(4)——我的第一个微信云开发小程序

版权声明:本博客所有原创文章未经准许不得转载或保存转发,本人保留版权法律追诉权。痛斥页首广告,可以考虑换平台了! https://blog.csdn.net/haigear/article/details/88287820

前面几篇博文,我们探索了一个普通的微信小程序的文件架构、页面元素、数据传递、页面渲染等基础层面的机制。前面的微信程序的缺点是不能对数据进行存储,没有很好的交互体验,说到底,体验除开界面的互动效果剩下的就是数据的交互。所以,从这篇博文开始,我们来探索带有数据后台的,例如购物车、预定功能的微信小程序,也让我们的小程序具备较好的交互体验效果。

要用到数据存储,我们就必须用到微信的云开发,使用云开发的前提就是必须要有appID,如果你找不到你的appID,按照下面的方式可以找到,登录你的微信公众号管理账号,将左边的菜单拉倒最底下,找到“开发”下的“基本设置”,点开它即可找到:
在这里插入图片描述
在这里插入图片描述
这里我们通过微信小程序开发工具自动建立的QuickStart的“前端数据库操作”来看看数据库操作的轮廓框架。现在,我们点击顶端的云开发开启我们的探索吧!
在这里插入图片描述
一、后台数据的准备
要进行前端的数据操作,我们首先必须有后台数据的准备,否则就真是巧妇难为无米之炊了。
1、建立数据环境(数据库)
在这里插入图片描述
2、添加集合(这里的集合就相当于我们sql server或者oracle中的表单table)
在这里插入图片描述
3、添加记录(逐条增加记录recorder)
在这里插入图片描述
记录输入完毕,确定后就会增加一条记录
在这里插入图片描述
如果您需要快速的获得更多的记录,建议不要一条一条的在这里添加,会累死人的!我的方法是导出第一条,在记事本中大量“复制、粘贴”即可,然后导入记录即可(不过记得一定要拿掉系统自动生成的_id,否则会出现冲突而导致导入失败)!

二、数据前端操作
记录的操作按照常理来说无非就是“增删改查”,那么我们下面分别来看看他们在微信小程序中是如何实现的。
1、准备工作
这里要事先说明,如果我们只开启了一个数据环境(可以略过本节),那么就可以直接进行下面的操作而不会遇到错误(因为微信小程序里面无论你怎么设置默认数据环境都会把默认数据环境设置为第一个,不要怀疑),如果开启了两个数据环境,那么就要对默认的数据环境进行设置在调用数据库时要指定数据库,具体可以参考微信开发文档数据库API,特别要记住,env后面的数据环境名称一定要写数据环境的ID号,否则你就会总是遇到下面的错误:
Error: errCode: -501005 invalid env | errMsg: Environment not found
在这里插入图片描述
2、查询记录
前面,为了演示记录查询功能,我们在集合中增加了十条记录。我们看看怎样来查询。
首先我们在预览中按照提示点击“下一步”一直来到“查询”这个步骤,也就是第五个步骤。当然,我们必须把第四个步骤的下一步按钮的wx:if去掉,否则我们无法见到“下一步”的按钮。
在这里插入图片描述
这里要特别注意,如果我们没有配置好login云函数则会出现openID的问题
在这里插入图片描述
如果我们已经配置好login云函数,则我们就可以查询了(遇到了上面的错误的,说明还没有配置好login函数,则可以参考博文《吐槽
VM268:1 Setting data field “openid” to undefined is invalid.
》):

这里我们先跳过第三步创建记录,直接拿掉databaseguid.wxml第三步中“下一步”按钮前的wx:if="{{counterId}}",执行第四步查询(因为我们在前面已经导入了十条记录了),执行语句在databaseguid.js中找到onQuery,将前面的注释符号去掉,对下图所示两处地方做修改即可成功执行查询:
在这里插入图片描述
执行结果如下:
在这里插入图片描述
3、增加记录
增加记录和查找记录一样,我们找到onAdd,并将前面的注释去掉,修改对应的数据库环境和集合名称即可进行操作,这里我们保留原始的集合名称,对counters进行增加记录的操作,执行结果如下:
在这里插入图片描述
同时在调试控制台输出中也可以看到:
在这里插入图片描述
4、修改与删除
同样的方法,我们来看看修改记录和删除记录
修改记录(实际这里的修改记录就是更新了一下count字段)
在这里插入图片描述

删除记录
在这里插入图片描述
到这里为止,我们算是根据开发工具提供的指引走完了。
在这里插入图片描述
由于对新手来说,开发云小程序实在有太多的“坑”,本篇博文也就智只能无可奈何的将这些坑都一一展现出来了,篇幅就比较长了。但应该说,就目前微信云开发的小程序来说,所有可能遇到的坑已经列举得差不多七七八八了。具体对云端数据库的操作,我们在下一篇博文中详细探索。

展开阅读全文

没有更多推荐了,返回首页