低代码开发之腾讯云微搭工具

微搭简介

  • 微搭(WeDa),全称是腾讯云微搭低代码开发平台。

  • 微搭将繁琐的底层架构和基础设施抽象化为图形界面,通过行业化模板、拖放式组件和可视化配置快速构建多端应用(小程序、H5应用、PC Web 应用等),免去了代码编写工作,让您能够完全专注于业务场景。

  • 微搭以云开发作为底层支撑,云原生能力将应用搭建的全链路打通,提供高度开放的开发环境,且时刻为您的应用保驾护航。

  • 可以实现简易项目全程不写代码,拖拽完成。

  • 微搭里比较重要的一个概念就是应用,一个应用就是我们的一个程序,它可以是一个小程序,一个管理后台,一个H5的站点

  • 微搭地址 https://weda.cloud.tencent.com/index

诞生缘由

在这里插入图片描述

开发模式

在这里插入图片描述

如何创建

分三种方法

  • 从场景应用创建
  • 空白应用创建
  • 从模板新建

在这里插入图片描述

组件模块介绍

在这里插入图片描述

在这里插入图片描述

实例讲解

url传参

  • 子父页面跳父页面,父页面接受到传参
    在这里插入图片描述
  • 父页面设置url参数
    在这里插入图片描述

在这里插入图片描述

  • 页面接收参数
    在这里插入图片描述
  • 子页面设置点击事件
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

级联联动

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

  • 创建三个数据模型
  • 主表 选课表

在这里插入图片描述

  • 选择关联模型
    在这里插入图片描述
  • 关联表 老师表和课程表

在这里插入图片描述- 课程根据老师进行过滤,所以这里老师也是关联关系
在这里插入图片描述
在这里插入图片描述

  • 开始创建
    在这里插入图片描述
    在这里插入图片描述
  • 选择主表
    在这里插入图片描述
  • 创建一个变量,用来保存用户选择的老师信息。后续再依据老师过滤课程的时候也需要这个变量
    在这里插入图片描述
    在这里插入图片描述
  • 选中所属老师组件,给该组件添加一个行为,选择其他事件,当值改变时候我们就将用户选中的值赋值给刚刚定义的变量
    在这里插入图片描述
    在这里插入图片描述
  • 系统默认的选择输入值,点击就好
    在这里插入图片描述
    在这里插入图片描述
  • 选中所属课程组件,设置选项筛选
    在这里插入图片描述
    在这里插入图片描述
  • 完成
  • 小问题 : 由于第一次选中后,第二次再次选择,课程没有对应id的数据,显示了id数据,我们做个优化,老师重新选择时,课程置空
    在这里插入图片描述

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

使用事件

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

在这里插入图片描述

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

其他方法

调用数据源方法 callDataSource

低码中的callDataSource是可以直接访问后端的服务的,比如后端的增删改查方法。这样就一行代码也不写就把前后端连接起来了

参数名称 参数说明
数据源名称 从当前环境中所有已创建的数据源进行选择
方法名 对数据源方法进行选择
传入参数 若数据源方法需要入参,则在此处可以传入对应参数(非必填)
显示加载 在数据源请求过程中显示加载提示
显示提示 数据源请求完成后显示成功或失败的消息提示

触发流程 callProcess

触发当前环境下工作流中创建的流程

参数名称 参数说明
流程名称 从当前环境中所有已创建的流程进行选择

数据模型方法V2

  • 入参
    params: ICallDataSourceParams
属性 类型 默认值 必填 说明
dataSourceName string 数据源标识
methodName string 数据源方法名
params object 方法参数,根据方法实际入参填写

在这里插入图片描述
如果数据源是数据模型,因为其方法皆由平台提供,其可用的数据源方法(methodName)是:

type
新增 wedaCreateV2
新增多条 wedaBatchCreateV2
删除 wedaDeleteV2
删除多条 wedaBatchDeleteV2
更新 wedaUpdateV2
更新多条 wedaBatchUpdateV2
查询 wedaGetItemV2
查询多条 wedaGetRecordsV2

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-25 10:26:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-25 10:26:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-25 10:26:02       87 阅读
  4. Python语言-面向对象

    2024-04-25 10:26:02       96 阅读

热门阅读

  1. 网络基本概念

    2024-04-25 10:26:02       27 阅读
  2. 桐乡上元——UI设计

    2024-04-25 10:26:02       35 阅读
  3. Oracle 中的函数

    2024-04-25 10:26:02       39 阅读
  4. 【.Net8教程】(二)原始字符串字面量

    2024-04-25 10:26:02       36 阅读
  5. 深度学习pytorch小实验

    2024-04-25 10:26:02       34 阅读
  6. 前端面试真题

    2024-04-25 10:26:02       36 阅读
  7. 41. 【Android教程】Android 手势处理

    2024-04-25 10:26:02       33 阅读
  8. golang调用阿里通义千问的接口

    2024-04-25 10:26:02       30 阅读
  9. 程序员缓解工作压力的小窍门

    2024-04-25 10:26:02       32 阅读
  10. HTML&CSS

    HTML&CSS

    2024-04-25 10:26:02      40 阅读