微搭使用笔记(二)微搭低代码平台介绍及基础使用

news2024/11/16 23:53:31

概述

官网地址： 官网
官方文档： 官方文档
FAQ: FAQ

腾讯云微搭低代码是一个高性能的低代码开发平台，用户可通过拖拽式开发，可视化配置构建 PC Web、H5 和小程序应用。支持打通企业内部数据，轻松实现企业微信管理、工作流、消息推送、用户权限等能力，实现企业内部系统管理。连接微信生态，和微信支付、腾讯会议，腾讯文档等腾讯 SaaS 产品深度打通，支持原生小程序，助力企业内外部运营协同和营销管理。

云开发对应用提供了多个层次抽象（应用模板，自定义高级组件，自定义源码组件）来帮助开发者进行应用的快速开发。

微搭低码平台的优点：

  • 可视化编辑器，多场景化应用模板，丰富的组件资源
  • 应用服务底座默认直接基于云开发，享受云开发带来的强大 serverless 能力
  • 通过数据源可对接第三方服务
  • 标准化的应用组件描述，通过应用 DSL 来描述跨平台应用（小程序，web）
  • 开放的组件模型，可接入第三方组件，以及可拼装的跨平台自定义组件
  • 整合了企业微信、腾讯文档、腾讯会议、用户登录、微信支付等周边产品和应用
  • 支持微信开发者工具预览及本地开发，这个就很实用
  • 可以通过微搭控制台很方便的完成小程序的申请及发布
  • 提供了应用的导入导出功能，可以很方便的复制应用到另一个认证账号下

微搭地代码平台的限制:

  • 团队版收费优惠后88元每月(不晓得后续会不会调整，反正最开始的时候只有9.9一个月，后面突然就涨价到88元每个月)，只能关联账号认证组织或个人下的小程序,最多50个应用，且最多只能添加5个子账号
  • 不支持业务域名配置，对网页跳转支持不是很好。
  • 图表组件目前只有四种，需要更多图表的话需要通过自定义组件实现。
  • 企业微信的集成只支持企业版及以上的套餐，对个人和小企业不是很友好
  • 团队版没有集成代码版本控制，多人合作不是很顺畅
  • 组件样式调整不是很方便，不过这个问题目前腾讯已经做出一部分优化了
  • 开发过程中可能会遇到一些奇怪的问题，不过反馈后能及时修正，这个问题在微搭推广前期比较明显，目前已经好很多了。
  • 小程序的分包目前没有看到相关支持及文档。
  • 混合开发模式目前腾讯还在开发中，开发完成后可以很方便的迁移老应用到微搭平台。

产品架构

腾讯云微搭低代码提供了应用开发的一站式低代码开发服务，从底层能力迭代至行业级方案，云原生全链路支撑为您的应用保驾护航，让您能够完全专注于业务场景，小白也可以极速搭建出成熟、专业的应用。
腾讯云微搭的产品架构如下：
微搭产品架构-参考官网

微搭工作原理

我们通过开发，编译，发布，运行等几个阶段来说明微搭低码平台的工作原理：

  1. 微搭低码编辑器编辑阶段本质是生成应用描述配置 [CALS] 文件，应用配置里一般描述了应用的依赖，数据源，应用及组件的自定义样式，变量及方法（低代码），页面映射及页面里的组件树，组件的属性，绑定关系，以及事件处理。

  2. 编辑器生成的应用描述配置需要通过云开发 lcframework 才能最终转化成可以在多个平台运行的实际应用。云开发 lcframework 提供编译时和运行时两阶段能力。

    2.1 编译时抽象的 DSL json 文件转成平台可识别的配置，页面文件列表，以及组件结构 运行时提供运行框架将编译产物真正的在各平台运行起来，运行时框架是个完整的应用框架，提供了应用路由，工具方法以及各种胶水能力
    2.2 经过 lcframework 编译后的应用是个的普通的云开发应用模板，可以直接使用云开发 framework来进行发布部署上线。微搭低码应用的是用云开发服务本身来作为应用后台服务，会使用静态托管/CDN，云数据库，云函数及云存储等云开发的能力和资源。

  3. 静态资源（web 应用的页面，脚本，样式，图片素材）托管到云开发静态托管中，数据库数据源的数据存放到云数据库中，云函数则会直接使用云开发云函数。
    微搭工作原理图-参考官网

微搭简单使用介绍

使用微搭的前提条件:
1. 有腾讯云账号
2. 完成认证，个人或组织
3. 购买微搭套餐，新用户会赠送一个月，如果是个人学习或者小企业使用的话购买团队版套餐即可，里面可以创建5个子账号
4. 如果要发布到小程序，需要认证的个人或者组织下有关联的小程序，也可以在微搭控制台申请小程序

完成上述系列操作后就可以进入到微搭控制台创建应用了，看下控制台界面:
微搭控制台页面
可以根据自己的场景和需要选择不同的模式来创建应用，同时官方也提供了诸多场景下的模板供用户选择使用，如下图:
通过模板新建应用
整体来看腾讯做的还是挺不错的，提供的模板涵盖了大量的应用场景，如果只是一些简单页面的话可以通过模板新建应用后做少量的修改即可完成。

接下来我们看下微搭提供的拖拽生成页面的编辑器界面及其功能吧。
编辑器各区块功能
界面简单明了，基本看一下就知道是做什么用的，不做过多介绍。
接下来我们简单看下目前微搭官方提供的所有的组件，如下表:
数据容器

组件名称组件标识组件说明
数据列表ListView适用于从数据源中查询多条数据，并将返回列表循环展示的场景，如查询用户列表。
数据详情DataView适用于从数据源中查询一条数据，并将返回数据展示的场景，如查询访客预约详情。
表单容器Form作为单行输入、下拉选择等各项表单类组件的父级容器，实现数据提交。
数据表格ModelTable表格可以清晰地展示二维数据

布局

组件名称组件标识组件说明
普通容器Container容器中可放入多个组件，常用于在前端中对页面布局进行管理的场景。 同时也可以通过容器组件绑定数据对容器内的组件进行循环遍历
网格布局GridGrid网格布局
分组容器List用于实现常见的分组列表展示效果
轮播容器Swiper用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置
布局组件PageLayout页面布局展示
滚动容器ScrollView当组件元素内容长度大于滚动容器时，滚动容器会出滚动条用来对页面内容进行滑动展示。
页头容器Header用于展示常见的页头展示效果。
页脚容器Footer用于实现常见的页脚展示效果。
弹窗Modal用于实现简单的弹窗效果

导航

组件名称组件标识组件说明
Tab栏TabBar用于实现基本的tab栏交互效果，可自定义Tab栏的类型、样式以及页面的跳转。
菜单导航NavigationBar菜单导航
宫格导航NavLayout用于宫格布局样式下的导航项目展示
顶部导航NavBar常用于实现H5/小程序页面的顶部导航效果，预置主页与返回按钮。小程序使用时，需在页面设置-页面样式中将导航栏样式切换为自定义样式，否则会显示双重导航和空白间距
顶部选项卡Tabs用于实现常见的选项卡切换效果
侧边选项卡Classification用于实现基本的侧边导航交互

展示

组件名称组件标识组件说明
分割线WdDivider用于显示分割线
链接WdLink当操作命令需要用户点击，用以触发特定事件的发生，如点击事件、信息提交等。
文本WdText用于展示页面中的文本、标题、内容等
气泡提示WdBubble用于气泡的提示(不支持小程序)
循环展示Repeater循环展示，通常用于列表展示
图标WdIcon可以通过在图标组件的配置区中选择微搭提供的预置图标实现图标的展示效果并调整图标颜色等参数，同时图标组件也支持用户对图标进行自定义的上传。
图片WdImage用于在页面进行图片的展示，支持图片内容及展示方式配置
按钮WdButton当操作命令需要用户点击，用以触发特定事件的发生，如点击事件、信息提交等
轮播图Carousel轮播图
图文卡片Media用于快速在页面构建图文展示效果
富文本展示RichTextView用于对富文本类型的数据进行转换与展示
视频播放WedaVideo用于视频播放
九宫格抽奖Lottery用于实现简单的活动抽奖功能
日历Calendar用于日历展示，如考勤数据、日程展示等。

表单

组件名称组件标识组件说明
单行输入FormInput文本输入框
多行输入FormTextArea文本域输入框
下拉选择FormSelect下拉选择
单选FormRadio单选框
多选FormCheckBox多选框
日期时间选择FormDate用于选择年、年月、年月日时分秒日期。
时间选择FormTime用于选择具体时分时间，例如22:30。
图片上传FormImageUploader用于上传图片、保存图片数据等
文件上传FormUploadFile用于上传文件、保存文件等
开关FormSwitch开关组件
成员选择FormUserTreeSelect用于模型应用中成员选择
部门选择FormDepartSelect用于模型应用中部门选择
地图定位FormLocation提供表单提交场景下的选点定位功能
地区选择FormMutiRegion用于选择省市区
富文本编辑FormRichText表单场景下的富文本编辑器
电话输入FormPhone文本输入，添加了电话校验
URL输入FormUrl文本输入，添加了url校验
邮箱输入FormEmail文本输入，添加了邮箱校验

图表

组件名称组件标识组件说明
统计卡片StatisticsCard统计卡片组件主要提供报表场景下的指标数据统计并展示功能，支持小程序、H5 和 PC Web 端。
折线图Line折线图组件主要用于报表场景下展示数据随时间变化产生的趋势，支持小程序、H5 和 PC Web 端。
柱状图Bar柱状图组件主要用于报表场景下展示数据之间大小的对比，支持小程序、H5 和 PC Web 端。
饼图Pie饼图组件主要用于报表场景下表示数据在总体中的占比,支持小程序、H5 和 PC Web 端。

以上就是微搭低代码平台的简单介绍、基本使用以及官方组件清单。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/342282.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

别具一格，原创唯美浪漫情人节表白专辑，(复制就可用)（html5,css3,svg)表白爱心代码（4）

别具一格，原创唯美浪漫情人节表白专辑，(复制就可用)（html5,css3,svg)表白爱心代码（4）

别具一格,独此一家，原创唯美浪漫情人节表白专辑 不一样的惊喜哦~！（html5,css3,svg)表白爱心代码（复制就可用）（4） 目录 款式四：时光的记忆款 1、拷贝完整源代码 2、更新时光盒所…
阅读更多...
Springboot使用MDC进行日志追踪

Springboot使用MDC进行日志追踪

Springboot使用MDC进行日志追踪前言一、为什么要跟踪日志二、MDC存储日志原理三、开始代码1、封装MDC工具类2、注册日志追踪拦截器四、配置logBack五、查看追踪效果六、要解决traceId传递问题1、在不同线程之间的传递2、远程调用时候的传递总结前言 MDC（Mapped Diag…
阅读更多...
基于ChatGPT +Node.js的基本使用

基于ChatGPT +Node.js的基本使用

一、简介 最近，围绕ChatGPT和OpenAI的话题是层出不穷，国内外的技术工作者都掀起了一股学习OpenAI的技术浪潮，甚至有很多的媒体预测OpenAI将会带来行业的革命，而国外一些大的企业也将OpenAI视为重要的竞争对手，比如Google和微软。 事实上，OpenAI 可以应用于任何涉及理解…
阅读更多...
SpringBoot(3)之包结构

SpringBoot(3)之包结构

根据spring可知道，注解之所以可以使用，是因为通过包扫描器，扫描包，然后才能通过注解开发。 那么springboot需要扫描哪里呢？ springboot的默认包扫描器，扫描的是自己所在的包和子包，例子如下 我…
阅读更多...
生成式AI对业务流程有哪些影响?企业如何应用生成式AI?一文看懂

生成式AI对业务流程有哪些影响?企业如何应用生成式AI?一文看懂

集成与融合类ChatGPT工具与技术，以生成式AI变革业务流程ChatGPT背后的生成式AI，聊聊生成式AI如何改变业务流程ChatGPT月活用户过亿，生成式AI对组织的业务流程有哪些影响?生成式AI对业务流程有哪些影响?企业如何应用生成式AI?一文看懂业务流…
阅读更多...
Transformer

Transformer

Transformer由4部分组成，分别是：输入模块、编码模块、解码模块、输出模块整体架构图：一、输入模块结构 （1）源文本嵌入层及其位置编码器（2）目标文本嵌入层及其位置编码器二、编码器模块结构由N个…
阅读更多...
【计算器】四则运算的算法实现

【计算器】四则运算的算法实现

先实现整数部分 加减乘比较简单, 可以参考: 高精度算法全套（加，减，乘，除，全网最详细）. 除法我参考的是: 大数加减乘除运算总结 四则运算相关的OJ题目 四则远算 关于除法 基本上参考的是: 大数加减乘除…
阅读更多...
数据结构：队列

数据结构：队列

队列 队列(Queue)是一个数据集合，仅允许在列表的一端进行插入，另一端进行删除。 进行插入的一端称为队尾(rear)，插入动作称为进队或入队 进行删除的一端称为队头(front)，删除动作称为出队 队列的性质:先进先出(First-in, First-o…
阅读更多...
C++【二叉树进阶（二叉搜索树）】

C++【二叉树进阶（二叉搜索树）】

文章目录前言1、二叉搜索树1-1、 二叉搜索树概念2、二叉搜索树操作2-1、树和节点的基本框架2-2、二叉搜索树的查找2-3、中序遍历2-4、二叉搜索树的插入2-5、二叉搜索树的删除3、二叉搜索树的模拟实现3-1、循环版本3-2、递归版本4、二叉搜索树的应用4-1、K模型4-2、KV模型4-3、K…
阅读更多...
Linux 中断实验

Linux 中断实验

目录 一、Linux 中断简介 上半部与下半部 二、添加设备树 三、编写驱动 1、定义宏 2、编写一个key结构体 3、imx6uirq设备添加成员 ​编辑4、按键中断处理函数 5、按键初始化 6、在驱动入口添加初始化 7、 驱动出口函数 代码如下 四、利用定时器进行消抖处理 1、添…
阅读更多...
Spring Security in Action 第十四章 实现资源服务器端

Spring Security in Action 第十四章 实现资源服务器端

本专栏将从基础开始，循序渐进，以实战为线索，逐步深入SpringSecurity相关知识相关知识，打造完整的SpringSecurity学习步骤，提升工程化编码能力和思维能力，写出高质量代码。希望大家都能够从中有所收获&#…
阅读更多...
ArcGIS中的附件功能

ArcGIS中的附件功能

从ArcGIS10起，空间数据库增加了"附件"的功能，可灵活管理与要素相关的附加信息，可以是图像、PDF、文本文档或任意其他文件类型。例如，如果用某个要素表示建筑物，则可以使用附件来添加多张从不同角度拍摄的建筑物照片。 启动附件功能 要想使用附件功能，要素类必…
阅读更多...
Docker 中遇到的问题

Docker 中遇到的问题

1：docker-tomcat 篇 第一天启动主机和虚拟机都可以正常访问，晚上睡觉的时候就挂起关机睡觉了，但到了第二天主机访问不了了，ping 也能ping 通，后来停掉容器，重启了虚拟机就好了，就很离谱。 这是成…
阅读更多...
Web3CN｜Damus刷频背后，大众在期待什么样的去中心化社交？

Web3CN｜Damus刷频背后，大众在期待什么样的去中心化社交？

刚过去的一周，许多人的朋友圈包括Twitter、Faceboo在内都在被一串公钥字母刷屏，其重要起因就是 Twitter 前首席执行官 Jack Dorsey 发推称，（2月1日）基于去中心化社交协议 Nostr 的社交产品 Damus 和 Amethyst 已分别在…
阅读更多...
互联网舆情监测系统的设计研究，TOOM舆情监测系统研究框架?

互联网舆情监测系统的设计研究，TOOM舆情监测系统研究框架?

舆情监测研究分析是指通过对社会公众对某个事件、话题、品牌、政策等的态度和情绪进行收集、处理、分析和评估，帮助政府、企业、媒体等利益相关者及时掌握公众的反应，做好应对危机和制定舆情管理策略的工作，互联网舆情监测系统的设计研究&…
阅读更多...
全志V853芯片 如何在Tina V85x平台切换sensor？

全志V853芯片 如何在Tina V85x平台切换sensor？

目的 V85x某方案目前默认Sensor是GC2053。实际使用时若需要用到GC4663（比如wdr功能）和SC530AI（支持500W），可按如下步骤完成切换。 步骤 下面以GC4663为例，SC530AI按相应方式适配。 Step1 检查Sensor驱动…
阅读更多...
Spring Security in Action 第十七章 全局方法安全：预过滤和后过滤

Spring Security in Action 第十七章 全局方法安全：预过滤和后过滤

本专栏将从基础开始，循序渐进，以实战为线索，逐步深入SpringSecurity相关知识相关知识，打造完整的SpringSecurity学习步骤，提升工程化编码能力和思维能力，写出高质量代码。希望大家都能够从中有所收获&#…
阅读更多...
Rust学习入门--【8】复合类型

Rust学习入门--【8】复合类型

复合类型（compound type） 可以将多个不同类型的值组合为一个类型。 Rust中提供了两种内置的复合数据类型：元组（tuple）和数组（array）。 元组类型 元组是一个具有 固定长度 的数据集合 —— 无…
阅读更多...
项目开发流程

项目开发流程

阅读更多...
按键输入驱动

按键输入驱动

目录 一、硬件原理 二、添加设备树 1、创建pinctrl 2、创建节点 3、检查 编译复制 三、修改工程模板​编辑 四、驱动编写 1、添加keyio函数 2、添加调用 3、驱动出口函数添加释放 4、添加原子操作 5、添加两个宏定义 6、初始化原始变量 7、打开操作 8、读操作 总体代…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023