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

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

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

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

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

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

第1站：點(diǎn)亮「小提燈」

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

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

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

?點(diǎn)擊「管理運(yùn)行環(huán)境」，這里自動(dòng)保存了開(kāi)發(fā)過(guò)的項(xiàng)目

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

?選擇「菜品信息」面板，點(diǎn)擊「新建」

?當(dāng)默認(rèn)選項(xiàng)有限時(shí)，如：想添加「早餐」，但用餐種類僅有「午餐」、「晚餐」，怎么辦呢？

第3站： 豐富默認(rèn)預(yù)設(shè) 給「菜品」加點(diǎn)料

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

?上方的「菜品信息」邊，多了一個(gè)紙筆樣的圖標(biāo)，點(diǎn)擊它

?左側(cè)：組件——點(diǎn)擊（或拖拽）即可增加新功能

?右側(cè)：編輯——修改對(duì)應(yīng)的功能

?中間：畫(huà)布——拖拽即可改變布局。簡(jiǎn)單伐！

?在畫(huà)布上，鼠標(biāo)單擊第一行，右側(cè)出現(xiàn)編輯選項(xiàng)

?在編輯欄「顯示名稱」，修改原先的「用餐種類」為「開(kāi)胃菜」（或任何開(kāi)胃的稱呼）

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

?「選項(xiàng)」可自定義：

n名稱（如上截圖中粉框位置，點(diǎn)擊即修改）

n選項(xiàng)卡的色彩（單擊選項(xiàng)名稱左邊的彩點(diǎn)，即可修改）

n增刪選項(xiàng)

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

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

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

?「選擇布局」可進(jìn)一步修改樣式

?單擊「選擇布局」右邊的手機(jī)圖標(biāo)，可預(yù)覽手機(jī)端界面

?點(diǎn)擊左上方的「保存」

?點(diǎn)擊左上頁(yè)眉的「菜品信息 」返回基礎(chǔ)模板

?菜單變漂亮了！點(diǎn)擊右上方「退出編輯」

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

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

標(biāo)簽：華為云