背景

本文將講解如何利用CloudOS云原生開(kāi)發(fā)平臺(tái)的低代碼功能快速構(gòu)建出一個(gè)運(yùn)營(yíng)大屏web頁(yè)面。

什么是低代碼

低代碼開(kāi)發(fā)平臺(tái)是通過(guò)可視化的交互方式，把原本需要通過(guò)寫代碼才能實(shí)現(xiàn)的抽象業(yè)務(wù)邏輯、產(chǎn)品設(shè)計(jì)和數(shù)據(jù)配置等通過(guò)更直觀、對(duì)人更直覺(jué)化的方式進(jìn)行呈現(xiàn)和配置，從而顯著降低了編程的技術(shù)門檻。

只要你能想清楚你要的邏輯是什么，這些可視化工具就能夠?qū)崿F(xiàn)相應(yīng)的軟件，而這正是低代碼最大的價(jià)值。低代碼提供完整的功能封裝，讓工程師寫更少的代碼來(lái)實(shí)現(xiàn)更多的功能，從而降低工程師的重復(fù)勞動(dòng)、提升開(kāi)發(fā)效率。

操作步驟

1. 首先在CloudOS云原生開(kāi)發(fā)平臺(tái)上新建一個(gè)項(xiàng)目：

2. 在架構(gòu)圖中拖入一個(gè)前端低代碼組件：

3. 點(diǎn)擊前端低代碼設(shè)計(jì)：

4. 進(jìn)入前端低代碼設(shè)計(jì)界面配置數(shù)據(jù)源：

5. 填寫mysql數(shù)據(jù)庫(kù)連接信息并保存：

6. 點(diǎn)擊自動(dòng)生成頁(yè)面按鈕選擇數(shù)據(jù)源生成增刪改查頁(yè)面：

7. 觀察整理頁(yè)面數(shù)據(jù)：

8. 點(diǎn)擊Select查詢方法，點(diǎn)擊界面右側(cè)圖表組件

9. 畫布中自動(dòng)添加圖表組件，修改標(biāo)題、圖表類型、X/Y軸信息：

10. 可以添加更多圖表組件，點(diǎn)擊界面右上角的提交按鈕預(yù)覽：

11. 返回架構(gòu)圖設(shè)計(jì)界面，保存架構(gòu)圖并發(fā)布應(yīng)用：

這樣，一個(gè)基于CloudOS云原生開(kāi)發(fā)平臺(tái)制作的運(yùn)營(yíng)大屏web頁(yè)面就做好了。