零代碼應(yīng)用開(kāi)發(fā)——初次見(jiàn)面，請(qǐng)多指教

無(wú)需任何代碼，讓您幾分鐘輕松搭建應(yīng)用

涵蓋多種場(chǎng)景，行政辦公、人力資源、運(yùn)營(yíng)協(xié)同、項(xiàng)目管理等

內(nèi)置豐富模板，疫情防控、行政辦公、問(wèn)卷調(diào)查、評(píng)選投票等高頻模板

您也可以基于自身需求進(jìn)行個(gè)性化定制，成為應(yīng)用開(kāi)發(fā)大師，快來(lái)解鎖您的應(yīng)用開(kāi)發(fā)之旅吧！

快速入門

可視化數(shù)據(jù)大屏開(kāi)發(fā)入門必讀

Astro Canvas一站式數(shù)據(jù)可視化開(kāi)發(fā)，分鐘級(jí)構(gòu)建業(yè)務(wù)大屏頁(yè)面。不過(guò)，要熟練使用Astro Canvas大屏，還需要進(jìn)行一些基礎(chǔ)和深入的學(xué)習(xí)。這里，我們?yōu)槟偨Y(jié)了用戶咨詢的高頻問(wèn)題和搭建經(jīng)驗(yàn)，并制定了一套完整的學(xué)習(xí)計(jì)劃，希望對(duì)您的使用有所引導(dǎo)及幫助。

1、快速了解Astro Canvas大屏

通過(guò)圖說(shuō)和業(yè)務(wù)大屏簡(jiǎn)介，快速了解什么是Astro大屏應(yīng)用，單擊初識(shí)Astro Canvas了解更多。

2、使用模板安裝一個(gè)業(yè)務(wù)大屏，體驗(yàn)Astro Canvas

Astro Canvas中，預(yù)置了綜合態(tài)勢(shì)、資產(chǎn)統(tǒng)計(jì)、設(shè)備管理等典型場(chǎng)景的大屏模板，您可以基于模板，直接構(gòu)建業(yè)務(wù)大屏。

3、創(chuàng)建工作空間

每一個(gè)工作空間，都對(duì)應(yīng)一個(gè)新的Astro Canvas。在Astro Canvas中，通過(guò)創(chuàng)建工作空間，實(shí)現(xiàn)對(duì)租戶下的資源進(jìn)行隔離與授權(quán)。

4、創(chuàng)建項(xiàng)目

在創(chuàng)建Astro Canvas大屏前，需要先創(chuàng)建項(xiàng)目。一個(gè)項(xiàng)目對(duì)應(yīng)一個(gè)站點(diǎn)，在該站點(diǎn)中可以創(chuàng)建多個(gè)頁(yè)面。

創(chuàng)建大屏&PC端項(xiàng)目

創(chuàng)建移動(dòng)端項(xiàng)目

項(xiàng)目通用設(shè)置

5、掌握如何創(chuàng)建大屏/小屏頁(yè)面

在Astro Canvas中，搭建Astro Canvas應(yīng)用從創(chuàng)建一個(gè)大屏/小屏頁(yè)面開(kāi)始，掌握60+種組件，定制出符合要求的個(gè)性化頁(yè)面。

初識(shí)開(kāi)發(fā)頁(yè)面

開(kāi)發(fā)大屏頁(yè)面

開(kāi)發(fā)小屏頁(yè)面

6、配置頁(yè)面數(shù)據(jù)

組件是大屏、小屏頁(yè)面的組成元素，配置頁(yè)面數(shù)據(jù)即為配置組件數(shù)據(jù)。Astro Canvas中，組件的數(shù)據(jù)來(lái)源包括如下幾種：

橋接器預(yù)置

通過(guò)橋接器動(dòng)態(tài)調(diào)用后臺(tái)的接口，來(lái)獲取后臺(tái)數(shù)據(jù)展示在頁(yè)面上。

報(bào)表

選擇AstroZero中已建立的報(bào)表數(shù)據(jù)進(jìn)行展示。

靜態(tài)數(shù)據(jù)

使用系統(tǒng)預(yù)置的靜態(tài)數(shù)據(jù)展示在頁(yè)面上。

數(shù)據(jù)集

選擇在“數(shù)據(jù)中心”中配置的數(shù)據(jù)源，作為組件數(shù)據(jù)來(lái)源。選擇此方式時(shí)，請(qǐng)確保數(shù)據(jù)源已在數(shù)據(jù)中心創(chuàng)建。

數(shù)據(jù)源：關(guān)系型數(shù)據(jù)庫(kù)、ROMA連接器、DLI、DWS、AstroZero、AstroZero API和HTTP連接器。

7、組件交互配置

Astro Canvas大屏提供了頁(yè)面內(nèi)全部組件的交互配置統(tǒng)一視圖，支持跨子頁(yè)面的交互配置。

組件間交互

頁(yè)面間交互

8、發(fā)布及安裝項(xiàng)目

項(xiàng)目開(kāi)發(fā)完成后，可以在線預(yù)覽，也可以一鍵打包從A環(huán)境發(fā)布、B環(huán)境安裝，實(shí)現(xiàn)開(kāi)發(fā) > 測(cè)試 > 上線的快速部署，從而實(shí)現(xiàn)不同環(huán)境之間大屏&PC端、移動(dòng)端資產(chǎn)的快速遷移。

發(fā)布項(xiàng)目

安裝項(xiàng)目

點(diǎn)擊此處前往更為多詳情→

可視化數(shù)據(jù)大屏開(kāi)發(fā)頁(yè)面功能

Astro Canvas一站式數(shù)據(jù)可視化開(kāi)發(fā)頁(yè)面，由可視化組件、圖層、畫(huà)布、功能按鈕和主題五個(gè)區(qū)域組成。

名稱	說(shuō)明
組件	在全部組件中，可以查看到各種類型的組件（包括預(yù)置組件和自定義組件），將組件拖拽到畫(huà)布中進(jìn)行配置，完成可視化應(yīng)用項(xiàng)目的開(kāi)發(fā)。
圖層	在圖層列表中，可以查看到畫(huà)布中各個(gè)組件的圖層位置，也可以根據(jù)可視化應(yīng)用需要，手動(dòng)調(diào)整每個(gè)組件圖層的上下位置關(guān)系。
工具欄	工具欄位于編輯器頁(yè)面的最上方，通過(guò)工具欄提供的功能，可以完成保存頁(yè)面、頁(yè)面設(shè)置、全局變量設(shè)置、預(yù)覽頁(yè)面以及發(fā)布制作好的可視化應(yīng)用等。
畫(huà)布	頁(yè)面開(kāi)發(fā)操作區(qū)域，即畫(huà)布區(qū)域，完成對(duì)頁(yè)面具體布局、組件放置等操作。您可自由拖拽組件到畫(huà)布區(qū)域，大小、位置可通過(guò)鼠標(biāo)手動(dòng)調(diào)節(jié)，也可設(shè)置組件屬性精確控制。組件可層疊，既可以通過(guò)鼠標(biāo)控制上移、下移、置頂、置底等層級(jí)操作，也可以通過(guò)設(shè)置組件屬性精確設(shè)置層級(jí)。在畫(huà)布區(qū)域中按住Ctrl鍵可選擇多個(gè)組件，拖動(dòng)其中的某個(gè)組件，其他組件也隨著改變位置，支持按鼠標(biāo)左鍵框選多個(gè)組件。
主題	在主題中，可根據(jù)需要修改組件的主題顏色。單擊“清除主題”，可清除已設(shè)置的主題顏色，恢復(fù)到經(jīng)典原始。

可視化數(shù)據(jù)大屏開(kāi)發(fā)流程

在Astro Canvas可視化開(kāi)發(fā)頁(yè)面，通過(guò)拖拽組件、設(shè)置頁(yè)面布局、對(duì)接業(yè)務(wù)數(shù)據(jù)等，即可構(gòu)建Astro Canvas大屏&PC端/移動(dòng)端頁(yè)面。

頁(yè)面設(shè)置

配置頁(yè)面屏幕大小、適應(yīng)方式、背景顏色或背景圖片。更多介紹，請(qǐng)參見(jiàn)如何進(jìn)行設(shè)置頁(yè)面。

構(gòu)思布局

根據(jù)大屏高保真設(shè)計(jì)或構(gòu)思，劃分基本布局，并拖拽對(duì)應(yīng)的組件到畫(huà)布中。如何添加組件到畫(huà)布中，請(qǐng)參見(jiàn)組件管理。

組件設(shè)置

為組件對(duì)接業(yè)務(wù)數(shù)據(jù)、根據(jù)大屏互動(dòng)形式設(shè)置交互動(dòng)作、根據(jù)UI設(shè)計(jì)設(shè)置組件的樣式、顏色等。支持預(yù)覽頁(yè)面、查看整體效果，按需調(diào)整，優(yōu)化布局細(xì)節(jié)。

各組件功能介紹，請(qǐng)參見(jiàn)組件介紹。

組件數(shù)據(jù)源設(shè)置，請(qǐng)參見(jiàn)數(shù)據(jù)接入。

如何設(shè)置組件交互動(dòng)作，請(qǐng)參見(jiàn)交互設(shè)置。

保存發(fā)布頁(yè)面

保存開(kāi)發(fā)好的頁(yè)面，并發(fā)布。更多介紹，請(qǐng)參見(jiàn)頁(yè)面管理。

如何登錄可視化數(shù)大屏開(kāi)發(fā)平臺(tái)

1、使用華為云帳號(hào)，登錄華為云網(wǎng)站，在頂部導(dǎo)航欄右側(cè)單擊“控制臺(tái)”，進(jìn)入華為云控制臺(tái)。

2、單擊管理控制臺(tái)左上角的三杠圖標(biāo)，展開(kāi)服務(wù)列表，選擇“開(kāi)發(fā)與運(yùn)維 > Astro輕應(yīng)用（原AppCube）”，進(jìn)入AstroZero服務(wù)控制臺(tái)。

3、在實(shí)例頁(yè)面，單擊“進(jìn)入首頁(yè)”，進(jìn)入新版應(yīng)用開(kāi)發(fā)環(huán)境。

4、在“應(yīng)用開(kāi)發(fā)”頁(yè)面，單擊左側(cè)導(dǎo)航欄的“業(yè)務(wù)大屏”，即可進(jìn)入Astro Canvas界面。

華為云Astro低代碼平臺(tái)提供的可視化數(shù)據(jù)開(kāi)發(fā)平臺(tái)Astro Canvas界面介紹

功能	功能介紹
項(xiàng)目列表	項(xiàng)目列表用于對(duì)系統(tǒng)中的項(xiàng)目進(jìn)行集中管理，支持新建項(xiàng)目、刪除項(xiàng)目和發(fā)布項(xiàng)目等。新建一個(gè)項(xiàng)目在頁(yè)面右上角，單擊“+新建項(xiàng)目”，即可創(chuàng)建一個(gè)新項(xiàng)目。一個(gè)項(xiàng)目對(duì)應(yīng)一個(gè)站點(diǎn)，在該站點(diǎn)中可以創(chuàng)建多個(gè)頁(yè)面，詳情請(qǐng)參見(jiàn)創(chuàng)建項(xiàng)目。導(dǎo)入項(xiàng)目包從本地導(dǎo)入已創(chuàng)建的項(xiàng)目包，實(shí)現(xiàn)離線遷移、部署項(xiàng)目。添加項(xiàng)目組支持新建項(xiàng)目組，用于集中管理項(xiàng)目。推薦模板展示系統(tǒng)推薦的模板，可以直接基于推薦的模板快速創(chuàng)建大屏頁(yè)面。單擊“更多推薦模板”，可查看更多預(yù)置模板（共計(jì)15個(gè)）。
數(shù)據(jù)中心	數(shù)據(jù)中心用于對(duì)頁(yè)面的數(shù)據(jù)源進(jìn)行集中的配置管理，支持多種數(shù)據(jù)源，如靜態(tài)數(shù)據(jù)（JSON文本或Excel導(dǎo)入）、調(diào)用AstroZero API接口、ROMA API接口和AstroZero報(bào)表等。數(shù)據(jù)源管理：新增關(guān)系型數(shù)據(jù)庫(kù)或ROMA Connect連接器類型數(shù)據(jù)源。數(shù)據(jù)集管理：新增并管理數(shù)據(jù)集，配置數(shù)據(jù)集后，在組件“數(shù)據(jù)”頁(yè)簽中可選擇具體的數(shù)據(jù)集。連接器管理：通過(guò)新建HTTP連接器，可引入第三方的API作為組件的數(shù)據(jù)來(lái)源。轉(zhuǎn)換器管理：轉(zhuǎn)換器是對(duì)數(shù)據(jù)集數(shù)據(jù)的再加工，為了將數(shù)據(jù)和組件更好的結(jié)合，以達(dá)到最佳的視覺(jué)展示效果。分類管理：數(shù)據(jù)集和轉(zhuǎn)換器的分類管理目錄。
我的資產(chǎn)	顯示當(dāng)前用戶的素材、組件、庫(kù)、模板等。
系統(tǒng)教程	系統(tǒng)教程中提供了一些Astro Canvas的相關(guān)視頻教程，通過(guò)視頻有助于您更快速的上手Astro Canvas。
管理	業(yè)務(wù)大屏應(yīng)用管理頁(yè)面，用于管理大屏用戶和頁(yè)面資產(chǎn)等。
默認(rèn)團(tuán)隊(duì)空間	Astro Canvas支持按照?qǐng)F(tuán)隊(duì)空間進(jìn)行資源隔離和授權(quán)。

可視化數(shù)據(jù)開(kāi)發(fā)教程視頻

華為云Astro