在上一篇文章有提到對(duì)白碼平臺(tái)的探索會(huì)以類似學(xué)習(xí)筆記的形式寫下來分享（有興趣可以看看原文探索低代碼開發(fā)工具——白碼低代碼平臺(tái)），本次主要分享實(shí)現(xiàn)一個(gè)包含前端界面的產(chǎn)品信息增刪改功能。

創(chuàng)建產(chǎn)品表存儲(chǔ)產(chǎn)品數(shù)據(jù)

產(chǎn)品表包含屬性：品名、規(guī)格描述、單價(jià)、圖片

具體實(shí)現(xiàn)：

在“快速開發(fā)”中新建菜單“產(chǎn)品”，然后在彈出窗中添加屬性。

一個(gè)簡(jiǎn)單的產(chǎn)品表就建好了，到用戶端中看看效果。

實(shí)現(xiàn)增刪改功能

回到剛才的工作臺(tái)界面，在“功能配置”一欄中點(diǎn)擊配置，新建一個(gè)“新增”功能按鈕實(shí)現(xiàn)添加一條產(chǎn)品數(shù)據(jù)的功能，只需要填寫功能名稱，功能類型選擇“新增”就可以了，“修改”、“刪除”功能同理，他不能一次性同時(shí)選擇新增、修改、刪除類型，希望官方能夠改進(jìn)。

添加完后，將狀態(tài)改為上線就可以了。

到用戶端檢查效果

在功能配置中單擊功能，可以看到里面的具體實(shí)現(xiàn)，我理解為一個(gè)流程引擎工具，他提供了挺多類型的步驟，這部分內(nèi)容等我研究多點(diǎn)后，再另開一篇筆記專門記錄介紹。

實(shí)現(xiàn)前端界面

前面實(shí)現(xiàn)的只是一個(gè)類似后臺(tái)數(shù)據(jù)管理界面，對(duì)用戶來說不是特別友好。下面用平臺(tái)提供的前端界面（官方說法是自定義頁）模板簡(jiǎn)單實(shí)現(xiàn)一下。

1、新建“自定義頁”類型菜單，選擇一個(gè)數(shù)據(jù)列表模板。

2、點(diǎn)擊編輯頁面，對(duì)接產(chǎn)品數(shù)據(jù)（界面感覺有點(diǎn)像原型工具）：選中列表，將數(shù)據(jù)源設(shè)為產(chǎn)品列表（其實(shí)前面創(chuàng)建表的過程平臺(tái)會(huì)給我生成一個(gè)數(shù)據(jù)集的流程，當(dāng)做數(shù)據(jù)視圖就行）。并將產(chǎn)品表的屬性映射。

3、映射完列表后，還有將列表中的其他圖層的數(shù)值對(duì)應(yīng)上（感覺有點(diǎn)重復(fù)操作了），比如品名圖層，對(duì)應(yīng)列表中的品名，其他我就不一一說了。

4、將增刪改的功能對(duì)接上按鈕：在對(duì)應(yīng)按鈕上的觸發(fā)中選擇點(diǎn)擊執(zhí)行功能就可以了。

弄完后點(diǎn)擊保存，在客戶端中查看效果。

總結(jié)

整體上算是實(shí)現(xiàn)了一個(gè)具有前端頁面的產(chǎn)品管理表單應(yīng)用，時(shí)間上也花費(fèi)不到10分鐘（前提得學(xué)會(huì)一點(diǎn)怎么玩這個(gè)平臺(tái)）。

這個(gè)平臺(tái)在功能上應(yīng)該說挺強(qiáng)大的了，也比較容易上手，不過還有挺多坑，我從零開始靠翻官方的幫助文檔翻了一個(gè)下午學(xué)習(xí)才會(huì)上手（沒錯(cuò)，僅僅是上手）。

包括他的流程步驟類型、自定義頁的組件、編程、API等，我能想到后面還有很多坑等著我踩……