繪出「星辰大海」：華為云 Astro 輕應(yīng)用新手指南Ⅱ

收藏這份實用又有趣的新手指南，零基礎(chǔ)踏上華為云低代碼開發(fā)的奇妙旅程。

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

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

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

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

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

第 1 站：點亮「小提燈」

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

第 2 站：嗨！智慧百寶箱：華為云 Astro

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

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

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

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

當默認選項有限時，如：想添加「早餐」，但用餐種類僅有「午餐」、「晚餐」，怎么辦呢？

第 3 站：豐富默認預設(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)過一番修改，變成了上面的樣子

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

單擊「選擇布局」右邊的手機圖標，可預覽手機端界面

點擊左上方的「保存」

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

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

再次「新建」，功能也增加了！

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

審核編輯 黃宇