華為云計算 云知識 繪出「星辰大?!梗喝A為云Astro輕應(yīng)用新手指南Ⅱ
繪出「星辰大?!梗喝A為云Astro輕應(yīng)用新手指南Ⅱ

華為云Astro 低代碼開發(fā)平臺 產(chǎn)品入口>>

第Ⅱ章 Astro輕應(yīng)用奇遇——用鼠標「拖拽」的開發(fā)

不被編程所困,像玩拼圖一樣打造訂購系統(tǒng)!

今天,我們用鼠標拖拽的方式開發(fā)訂餐應(yīng)用。

讀過本章,你可以同理開發(fā)出各異的訂購小程序。

繼續(xù)Astro輕應(yīng)用旅行吧!

第1站:點亮「小提燈」

首先做什么呢?明確一些預(yù)期功能,如:菜品列表、供應(yīng)樓層以及上架情況等。

第2站:嗨!智慧百寶箱:華為云Astro

華為Astro低代碼是非程序員開發(fā)系統(tǒng)的理想工具,你可以調(diào)用海量組件玩出設(shè)計新花樣。再次登錄,你會發(fā)現(xiàn)迎接畫面變了:

點擊「管理運行環(huán)境」,這里自動保存了開發(fā)過的項目

在「全部應(yīng)用」版塊,點擊上次創(chuàng)建的「訂餐-進階版」

選擇「菜品信息」面板,點擊「新建」

當(dāng)默認選項有限時,如:想添加「早餐」,但用餐種類僅有「午餐」、「晚餐」,怎么辦呢?

第3站: 豐富默認預(yù)設(shè) 給「菜品」加點料

關(guān)閉「新建」,點擊右上角的「編輯應(yīng)用」

上方的「菜品信息」邊,多了一個紙筆樣的圖標,點擊它

左側(cè):組件——點擊(或拖拽)即可增加新功能

右側(cè):編輯——修改對應(yīng)的功能

中間:畫布——拖拽即可改變布局。簡單伐!

在畫布上,鼠標單擊第一行,右側(cè)出現(xiàn)編輯選項

在編輯欄「顯示名稱」,修改原先的「用餐種類」為「開胃菜」(或任何開胃的稱呼)

「排列方式」即該區(qū)域的呈現(xiàn)方式

「選項」可自定義:

名稱(如上截圖中粉框位置,點擊即修改)

選項卡的色彩(單擊選項名稱左邊的彩點,即可修改)

增刪選項

關(guān)聯(lián)其他組件(后續(xù)會細致講解)

「驗證」、「字段屬性」、該區(qū)域「寬度」,按需調(diào)整即可

從左側(cè)拖拽了「地址」組件,經(jīng)過一番修改,變成了上面的樣子

「選擇布局」可進一步修改樣式

單擊「選擇布局」右邊的手機圖標,可預(yù)覽手機端界面

點擊左上方的「保存」

點擊左上頁眉的「菜品信息 」返回基礎(chǔ)模板

菜單變漂亮了!點擊右上方「退出編輯」

再次「新建」,功能也增加了!

下一站,我們進一步完善它!直到符合你心目中理想的效果。在華為云Astro享受快樂開發(fā),將「天馬行空」落實成應(yīng)用!