作為一名新手程序員,第一關(guān)恐怕就是熟練的開(kāi)發(fā)增刪改查的業(yè)務(wù)了。本文就利用低代碼的基礎能力以可視化拖拽的方法快速實(shí)現增刪改查的基本功能,熟練掌握低代碼的各項功能無(wú)疑是你進(jìn)入到軟件開(kāi)發(fā)領(lǐng)域的敲門(mén)磚。據專(zhuān)業(yè)機構預測,未來(lái)50%的大中型企業(yè)和65%的應用都會(huì )使用低代碼平臺開(kāi)發(fā),從現在就開(kāi)始學(xué)習和應用,無(wú)疑為未來(lái)的發(fā)展打下了堅實(shí)的基礎。
本次講解我們將按照應用搭建的順序依次介紹如何操作
創(chuàng )建數據源
創(chuàng )建應用
創(chuàng )建頁(yè)面
實(shí)現增刪改查的業(yè)務(wù)邏輯
低代碼平臺提供了一套JSON格式的數據庫,并且默認會(huì )提供增刪改查的方法,我們本次是要實(shí)現一個(gè)任務(wù)管理的業(yè)務(wù),所以設計了如下的數據結構
| 字段名稱(chēng) | 字段標識 | 字段類(lèi)型 |
| 任務(wù)名稱(chēng) | taskname | 字符串 |
| 任務(wù)描述 | desc | 字符串 |
| 執行人 | operator | 字符串 |
| 計劃工時(shí) | planhours | 字符串 |
| 計劃開(kāi)始時(shí)間 | begindate | 字符串 |
| 計劃結束時(shí)間 | enddate | 字符串 |
| 任務(wù)狀態(tài) | status | 字符串 |

定義好數據源后我們按照數據結構定義的字段依次創(chuàng )建



一般一個(gè)標準的業(yè)務(wù)會(huì )包含五個(gè)操作,分別是列表查詢(xún)、新增、編輯、刪除、查看,每個(gè)業(yè)務(wù)都涉及到頁(yè)面的顯示和與數據庫的交互,我們講解一下業(yè)務(wù)如何實(shí)現




組件增加好后我們就需要進(jìn)行數據綁定,在列表元素上綁定集合,就是我們剛才定義好的變量,具體方法是點(diǎn)擊循環(huán)展示for旁邊的超鏈接圖標,我們選擇剛剛定義好的狀態(tài)變量


然后我們需要給列表元素的標題綁定變量,綁定為任務(wù)名稱(chēng)


數據綁定好后就需要定義事件,我們需要的效果是點(diǎn)擊文字標題跳轉到查看頁(yè)面,因為需要接收頁(yè)面的傳參,所以我們使用低代碼來(lái)實(shí)現一下跳轉的邏輯
export default function({data}) {app.navigateTo({pageId: 'taskdetail',params: {taskid: data.target}})}







事件的話(huà)選擇平臺方法即可


然后按照實(shí)際的需求依次在插槽中添加各類(lèi)表單組件




狀態(tài)變量的話(huà)需要根據參數變量過(guò)濾數據

頁(yè)面的話(huà)我們是用了列表容器和列表元素組件來(lái)實(shí)現

每一個(gè)格子都用數據綁定,來(lái)顯示對應的字段

當然了為了列表頁(yè)和詳情頁(yè)能穿起來(lái),需要在列表頁(yè)的列表元素組件定義事件,跳轉到詳情頁(yè)

總結:
我們本次利用低代碼平臺預置的組件和內置的方法,很快的就實(shí)現了標準的業(yè)務(wù),使用起來(lái)還是非常流暢的,期待官方增加更加豐富的組件,那么就可以實(shí)現更多更復雜的業(yè)務(wù),只要你比別人快,你就能跑的更遠。
聯(lián)系客服