微搭

騰讯微搭官网,高性能低代碼平台weda,可視化搭建小程式,PC Web,H5和应用

简介

微搭低代碼是一个高性能的低代碼開發平台，用户可透過拖拽式開發，可視化配置构建 PC Web、H5 和小程式应用。 支持打通企業内部資料，轻松實现企業微信管理、工作流、訊息推送、用户權限等能力，實现企業内部系統管理。 連接微信生態，和微信支付、騰讯会議，騰讯文档等騰讯 SaaS 產品深度打通，支持原生小程式，助力企業内外部運營协同和營销管理。

騰讯微搭官网: https://cloud.tencent.com/product/weda

主要功能

微搭低代碼平台是一种让非專業開發人员也能快速构建企業应用的工具。透過圖形化界面，用户可以拖拽组件并配置属性，从而實现复雜的功能需求。微搭低代碼產品具有以下特点：

1. 高效開發：相較于传統開發方式，微搭低代碼平台能够大幅缩短应用開發周期，提高開發效率。
2. 靈活定制：能滿足企業不斷變化的業務需求，快速响应市場變化。
3. 跨平台部署：支持多平台部署，包括PC、移动端、H5等，實现跨平台应用開發。
4. 安全穩定：采用多層安全机制，确保应用穩定、安全運行。
5. 易用性强：提供可視化設计工具，操作简單，易于上手。

微搭低代碼產品适用于各类企業，特别是那些需要快速迭代業務需求的互联网公司。它將設计師、開發者、業務人员等不同角色紧密連接，共同构建高效的開發生態。

騰讯云微搭是一款拖拽式低代碼開發平台，免去了代碼编寫工作，搭建者完全專注于業務場景即可。微搭低代碼以云開發作為底層支撑，云原生能力將应用搭建的全链路打通，提供高度開放的開發環境。

搭建教程

接下来我就透過一个收集信息小程式案例来进行對微搭的講解：

搭建微搭和我们寫小程式有所不同，小程式是先页面再資料，而微搭是先資料再页面。首先第一步是資料源的管理，本质上資料管理这块就是用的云開發的CMS 内容管理。

搭建資料源

一共分為两个页面

• 收集页面
• 列表页面

首先選择資料源。

新建一个資料源，本质上就是在新建資料库。

資料名称，默认会根据名称拼音首字母来生成标識。

生成完之后開始設置資料源字段，本质是設置表結构。

添加字段。

• 添加姓名、性别、手机号、備注字段；
• 在添加性别的时候可以使用枚舉值，后續可以用于作為添加时的選项；
• 在添加手机号的时候可以選择資料类型為手机号类型，后續系統会自动去验證是否滿足手机号的規则。

添加完成之后点擊确定，回到資料源列表，選中当前資料源，点擊更多選择管理資料。

则会进入内容管理后台，在内容管理后台有两个資料管理一个是發布版本一个是预览版本。

页面搭建

然后再去搭建小程式页面，切换到低代碼菜單页面，選择应用菜單。

選择从空白页面新建。

選择小程式。

输入名称，进入之后会让你新建页面，選择一个空白页面。

選择表單容器。

選中表單容器設置表單場景-新增記錄。

選择绑定刚才創建好的資料源-創建單条記錄。

選择完成后会提示是否自动生成表單组件。

这也就是為什么我要先創建資料源的原因，表單组件可以根据資料源里面資料的格式来进行自动生成。

如果你對自动生成的组件样式不滿意，可以選择你需要调整的组件，然后再右邊的属性面板进行样式的修改。

生成完表單之后可以点擊上方预览进行测試。

在测試的时候输入错誤手机号会有自动校验，这个和你在創建字段时選择的資料类型有關。

当資料成功后在内容管理后台的预览環境可以看到具体的管理，對資料进行管理。

除此之外还可以透過后台對資料进行資料管理，收集页面就已經完成了。

新建列表页面，点擊左上角+号。

首先添加一个容器组件，作為最外層的布局。

然后再選择一个列表项放在容器里面，当组件准備到位后，可以連接資料源。

第一步，点擊左上角，新建資料變數。

選择心中資料變數，選择模型變數。

選择資料源和查詢方法。

点擊保存 list 變數就可以被容器訪問到了。

接下来開始绑定資料的属性，首先選择容器，然后選择循環。

選择 list 資料源。

接下来顯示列表中具体的值，選中列表项组件，找到标题绑定資料。

選中循環對象，選择你想要顯示的属性。

效果如下：

資料库的資料就顯示出来，后續的字段操作同上。也可以渲染到其他的组件上，在这里要注意所有的循環都需要在拖拽一个普通容器。

如果你觉得透過属性欄去可視化的設置样式麻烦可以透過代碼来設置样式：

简單的展示需求和简單的增删查改邏輯透過拖拽都能實现了，但是想要更加靈活还是需要编寫部分代碼。