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

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

    微搭简介

    • 微搭（WeDa），全称是腾讯云微搭低代码开发平台。

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

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

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

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

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

    诞生缘由

    在这里插入图片描述

    开发模式

    在这里插入图片描述

    如何创建

    分三种方法

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

    在这里插入图片描述

    组件模块介绍

    在这里插入图片描述

    在这里插入图片描述

    实例讲解

    url传参

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

    在这里插入图片描述

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

    级联联动

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

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

    在这里插入图片描述

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

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

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

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

    使用事件

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

    在这里插入图片描述

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

    其他方法

    调用数据源方法 callDataSource

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

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

    触发流程 callProcess

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

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

    数据模型方法V2

    • 入参
      params: ICallDataSourceParams
    属性类型默认值必填说明
    dataSourceNamestring无是数据源标识
    methodNamestring无是数据源方法名
    paramsobject无是方法参数，根据方法实际入参填写

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

    type
    新增wedaCreateV2
    新增多条wedaBatchCreateV2
    删除wedaDeleteV2
    删除多条wedaBatchDeleteV2
    更新wedaUpdateV2
    更新多条wedaBatchUpdateV2
    查询wedaGetItemV2
    查询多条wedaGetRecordsV2
  • 相关阅读:
    Vue知识点（4）
    pytorch 设置参数
    齐岳离子液体[C1MIm]SbF6/cas:885624-41-9/1,3-二甲基咪唑六氟锑酸盐
    基于gstreamer的rtsp推流 (USB摄像头)
    大语言模型之七- Llama-2单GPU微调SFT
    openCV 第四篇 角点检测、图像特征、图片拼接
    华测视频RTK，AR实景导航
    NDIR二氧化碳传感器原理介绍
    宝塔面板操作日志是存放在哪里的? 如何删除部分日志记录？
    uniapp入门:常用事件绑定与数据同步
  • 原文地址：https://blog.csdn.net/weixin_43787651/article/details/138162995