前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >会员管理小程序实战开发08-低码中操作数据库

会员管理小程序实战开发08-低码中操作数据库

原创
作者头像
韩锴
发布2022-02-24 09:44:47
7510
发布2022-02-24 09:44:47
举报

零基础入门低代码开发

第一章 总体介绍

第二章 数据源介绍

第三章 首页开发

第四章 用户登录及注册

第五章 权限设计

第六章 生命周期函数及自定义方法介绍

第七章 页面跳转

@TOC

</font>

<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

前言

对于低码初学者而言,能够灵活自如的操作数据库是必备的能力,本篇教程就讲解一下低码中如何进行数据库的操作。

一、低码中的数据库

低码提供了一套线上的文档型数据库,文档型数据库最大的特点就是全部是通过对象的语法进行操作。有过关系型数据库使用经验的,常见的操作数据库的基本操作有:

  1. 插入 使用insert语句
  2. 更新 使用update语句
  3. 查询 使用select语句
  4. 删除 使用delete语句

低码的特点是对数据库的原子操作进行了进一步的封装,并不是直接操作数据库,它封装为云函数对外提供服务。

  1. 低码中的插入
    在这里插入图片描述
    在这里插入图片描述
    使用wedaCreate方法进行数据的插入,插入的时候需要提供入参,插入成功后出参返回该条记录的主键即_id
  2. 低码中的更新
    在这里插入图片描述
    在这里插入图片描述
    使用wedaUpdate方法进行更新,入参需传入需要更新的字段,出参返回更新的记录条数
  3. 低码中的查询 查询又分为查询列表和查询单条,查询列表是分页查询的意思,可以传递页码、每页的条数、排序字段及查询条件
    在这里插入图片描述
    在这里插入图片描述
    出参的话返回查询的记录条数、页码、每页大小及查询结果,该方法常用在小程序列表功能里,比如下拉刷新获取最新的条数。

查询单条常用在详情页的功能,通过主键(_id)来获取单条记录

在这里插入图片描述
在这里插入图片描述
  1. 低码中的删除 删除和查询单条一样,入参也需要传入主键(_id),返回删除的记录条数
    在这里插入图片描述
    在这里插入图片描述
    二、低代码中操作数据库我们先说说我们的需求,上一节我们是介绍了点击按钮时候跳转到新页面。在实际的业务中可能不是简单的跳转,在会员管理小程序我们的业务需求是如果是商家,点击按钮的时候我就往管理员表里写一条记录,这就用到低代码操作数据库的知识。

1.创建低代码方法

点击导航条左上角的菜单栏,点击低代码编辑器

在这里插入图片描述
在这里插入图片描述

在页面的handler旁边点击+号,创建低代码方法

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

我们的逻辑是啥?先需要获取用户的openid,我们在上一节介绍了通过调用自定义连接器来获取openid并且赋值给了全局变量,那么我们就可以直接通过全局变量来获取。可以定义个变量然后将全局变量赋值给这个变量

代码语言:javascript
复制
let openid = $app.dataset.state.openid

接着就需要调用数据源的新增方法,我们看一下官方文档这块如何介绍的

代码语言:javascript
复制
export default async function({event, data}) {
    const result = await app.cloud.callModel({
        name: '数据模型标识',
        methodName: '方法标识',
        params: {}, // 方法入参
    });
}

需要传递三个参数,数据模型标识、方法标识、方法入参。

数据模型标识可以在数据模型的列表上获取到

在这里插入图片描述
在这里插入图片描述

点击数据源标题可以看到方法标识

在这里插入图片描述
在这里插入图片描述

但是官方文档没有讲入参怎么传,其实我们可以看一下小程序云开发的介绍,基本上思路是一致的

在这里插入图片描述
在这里插入图片描述

具体可以参考其中data后边的内容,其实就是构造入参,那我们这个管理员数据表只有一个字段,我们入参可以这样构造

代码语言:javascript
复制
{
  openid:openid
}

左边是我们的字段名称,右边是值,因为我们上边定义了一个变量,这里可以直接通过变量来获取值。最后的完整代码是

代码语言:javascript
复制
export default async function({event, data}) {
   let openid = $app.dataset.state.openid
    const result = await app.cloud.callModel({
        name: 'admin_nf515cx',
        methodName: 'wedaCreate',
        params: {
            openid:openid
        }, // 方法入参
    });
}

调用完数据源之后我们还需要做页面跳转,这个时候可以参考官方文档的前端API

在这里插入图片描述
在这里插入图片描述

调用代码是

代码语言:javascript
复制
app.navigateTo({
    pageId: 'index',    // 页面 Id 
    params: {key: 'value'},
});

有两个参数pageId和params,那这个pageId怎么找呢,点击左上角的页面管理

在这里插入图片描述
在这里插入图片描述

在文字下边的英文就是页面的ID,因为我们只是做页面的跳转参数就不需要传递了

最终的代码:

代码语言:javascript
复制
export default async function({event, data}) {
    //1.获取小程序用户的openid
   let openid = $app.dataset.state.openid
   //2.将用户信息写入管理员表
    const result = await app.cloud.callModel({
        name: 'admin_nf515cx',
        methodName: 'wedaCreate',
        params: {
            openid:openid
        }, // 方法入参
    });
    //跳转到管理员首页
    app.navigateTo({
        pageId: 'business'   // 页面 Id 
    });

}

2.组件上绑定低代码方法

低代码方法定义好之后组件如何使用呢,选中按钮组件,点击行为

在这里插入图片描述
在这里插入图片描述

然后选中自定义方法,选择我们刚才创建的低码方法就可以了

在这里插入图片描述
在这里插入图片描述

总结

本篇我们介绍了数据源的各个方法,及如何在组件中调用低码方法。里边涉及的知识点比较多,对于新手来说理解起来可能比较吃力。不过我还是坚持我那个观点,编程是个技能,要想掌握,多练习就好了。如果本文对你有帮助,记得点赞、关注加评论,你的支持就是我前进最大的动力。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 零基础入门低代码开发
  • 前言
  • 一、低码中的数据库
    • 1.创建低代码方法
      • 2.组件上绑定低代码方法
      • 总结
      相关产品与服务
      云开发 CloudBase
      云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档