九、二手信息站点后台完成 （IVX 快速开发教程）
九、二手信息站點(diǎn)后臺(tái)完成
了解完后臺(tái)實(shí)現(xiàn)后，我們開始為該二手商品站點(diǎn)完成完成后臺(tái)制作。
文章目錄
- 九、二手信息站點(diǎn)后臺(tái)完成
- 9.1.1 完成二手信息站點(diǎn)注冊(cè)功能
- 9.1.2 完成二手信息站點(diǎn)登錄功能
- 9.1.3 完成商品發(fā)布功能
- 9.1.4 首頁(yè)信息獲取
- 9.1.5 詳情頁(yè)內(nèi)容
9.1.1 完成二手信息站點(diǎn)注冊(cè)功能
首先完成賬戶的注冊(cè)需要在該項(xiàng)目后臺(tái)中添加一個(gè)私有用戶：
隨后我們點(diǎn)擊注冊(cè)頁(yè)面的 按鈕組件 為其添加事件；首先為 手機(jī)驗(yàn)證碼按鈕 添加事件，事件邏輯為該 按鈕 受到點(diǎn)擊后進(jìn)行響應(yīng)，隨后添加一個(gè) 動(dòng)作，該 動(dòng)作 為選擇 私有用戶對(duì)象，用 私有用戶對(duì)象 發(fā)起一個(gè) 手機(jī)驗(yàn)證碼動(dòng)作：
隨后得到驗(yàn)證碼后我們直接為 注冊(cè)按鈕 添加一個(gè)事件，條件為 點(diǎn)擊觸發(fā)：
為了判斷該動(dòng)作是否成功完成，我們?yōu)檫@個(gè)動(dòng)作設(shè)置一個(gè) 回調(diào)事件；添加 回調(diào)事件 后增加其條件，判斷注冊(cè)結(jié)果是否成功，若成功則使用系統(tǒng)界面對(duì)象發(fā)起一個(gè)彈窗，內(nèi)容為注冊(cè)結(jié)果并且跳轉(zhuǎn)到登錄界面：
再此為了保證完整性，再添加一個(gè)條件判斷注冊(cè)結(jié)果是否為否，為否則彈出注冊(cè)失敗原因：
9.1.2 完成二手信息站點(diǎn)登錄功能
登錄界面的功能實(shí)現(xiàn)跟注冊(cè)頁(yè)面實(shí)現(xiàn)類似。為 登錄按鈕 添加一個(gè)事件為 點(diǎn)擊觸發(fā)，隨后依舊是使用 私有用戶 對(duì)象發(fā)起一個(gè)登錄操作：
隨后為登錄時(shí)間添加一個(gè)回調(diào)，為回調(diào)增加一個(gè)條件，若登錄結(jié)果為成功，那么就彈出彈窗作為提示并且跳轉(zhuǎn)到信息展示頁(yè)面：
最后也為其添加一個(gè)登錄失敗事件，并且做彈窗提示：
9.1.3 完成商品發(fā)布功能
在商品發(fā)布頁(yè)中，我們需要使用文件接口獲取本地圖片：
獲取到本地圖片完成成功后，我們需要?jiǎng)?chuàng)建一個(gè)封面圖地址的文本變量：
并且在獲取到文件后將這個(gè)變量設(shè)置為讀取到的 base64 圖片內(nèi)容：
接著我們添加一個(gè)隱藏的圖片：
并且設(shè)置這個(gè)圖片為不可見(jiàn)，在正式賦值后給與圖片信息，這樣不會(huì)影響整體的頁(yè)面排版：
接著我們繼續(xù)為獲取圖片按鈕添加事件，此時(shí)將剛剛獲取到的圖片信息賦值給這個(gè)封面圖圖片，并且設(shè)置該負(fù)面圖屬性可見(jiàn)：
但是此時(shí)的圖片是不可見(jiàn)的，因?yàn)槲覀円话闱闆r下，圖片并非使用 base64 顯示，此時(shí)應(yīng)該轉(zhuǎn)化這個(gè)圖片為 base64 圖片：
最后我們?yōu)榘l(fā)布按鈕添加發(fā)布事件。這個(gè)事件需要?jiǎng)?chuàng)建一個(gè)服務(wù)將傳遞的值給與數(shù)據(jù)庫(kù)，那么這個(gè)操作就意味著我們需要再多做一個(gè)操作，也就是創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)。首先我們?cè)诤笈_(tái)創(chuàng)建一個(gè)商品數(shù)據(jù)庫(kù)：
在這個(gè)商品數(shù)據(jù)庫(kù)中添加幾個(gè)字段，由于截圖不全再次截圖 2 次進(jìn)行說(shuō)明：
隨后添加一個(gè)服務(wù)命名為發(fā)布信息：
在服務(wù)中創(chuàng)建需要的參數(shù)：
在服務(wù)中設(shè)置商品數(shù)據(jù)庫(kù)對(duì)象動(dòng)作為提交，并且給與對(duì)應(yīng)的數(shù)據(jù)：
最后自己設(shè)置一個(gè)返回結(jié)果為是否成功：
此時(shí)必要的工作已經(jīng)做完，我們接著可以為發(fā)布按鈕添加發(fā)布事件了。在發(fā)布按鈕中添加點(diǎn)擊后觸發(fā)事件，該事件動(dòng)作為使用發(fā)布信息發(fā)布啟動(dòng)服務(wù)作為動(dòng)作，傳入發(fā)布信息作為傳遞的值：
完成后給與一個(gè)成功提示與錯(cuò)誤提示即可：
9.1.4 首頁(yè)信息獲取
此時(shí)我們已經(jīng)可以從數(shù)據(jù)庫(kù)中獲取數(shù)據(jù)，首頁(yè)的內(nèi)容應(yīng)該豐富起來(lái)。我們此時(shí)在首頁(yè)中添加對(duì)象變量命名為商品數(shù)據(jù)，設(shè)置列名與數(shù)據(jù)庫(kù)列名一致：
接著我們對(duì)這個(gè)頁(yè)面添加一個(gè)事件，觸發(fā)調(diào)價(jià)哪位頁(yè)面顯示之前，此時(shí)我們應(yīng)該調(diào)用一個(gè)服務(wù)獲取數(shù)據(jù)，再此新建一個(gè)服務(wù)命名為默認(rèn)數(shù)據(jù)：
該服務(wù)不需要接收參數(shù)，直接輸出數(shù)據(jù)庫(kù)數(shù)據(jù)即可：
我們接著頁(yè)面添加事件，該事件直接調(diào)用該服務(wù)，調(diào)用完畢后給商品數(shù)據(jù)變量賦值為返回值即可：
此時(shí)我們回到頁(yè)面之中，刪除多余的商品信息內(nèi)容，直留下一個(gè)。在唯一一個(gè)商品信息列外，添加一個(gè) for 循環(huán)組件：
設(shè)置 for 循環(huán)組件的數(shù)據(jù)來(lái)源為商品信息變量：
接著我們將內(nèi)容依次對(duì)應(yīng)設(shè)置即可：
此時(shí)我們應(yīng)該還設(shè)置一個(gè)隱藏的文本用來(lái)記錄當(dāng)前的 id 值，因?yàn)樵谠斍轫?yè)面中我們需要通過(guò)當(dāng)前這個(gè)商品信息 id 值，找到數(shù)據(jù)庫(kù)中匹配的數(shù)據(jù)。添加一個(gè)文本，設(shè)置值為當(dāng)前數(shù)據(jù)的 ID，并且設(shè)置屬性為不可見(jiàn)：
9.1.5 詳情頁(yè)內(nèi)容
詳情頁(yè)是通過(guò)當(dāng)前點(diǎn)擊的 數(shù)據(jù)ID 到數(shù)據(jù)庫(kù)中進(jìn)行檢索，我們此時(shí)應(yīng)該創(chuàng)建一個(gè)服務(wù)命名為某商品數(shù)據(jù)：
設(shè)置接收參數(shù) id 為數(shù)字，通過(guò)商品數(shù)據(jù)庫(kù)對(duì)象進(jìn)行輸出操作，設(shè)置條件且為 數(shù)據(jù)ID 等于當(dāng)前 id 值即可：
我們接下來(lái)需要了解一下進(jìn)入商品詳情頁(yè)的邏輯。首先我們第一步為點(diǎn)擊商品數(shù)據(jù)，此時(shí)我們應(yīng)該創(chuàng)建一個(gè)變量為查詢id，該變量值用來(lái)在商品信息頁(yè)面加載時(shí)提供具體的 id 用于服務(wù)的調(diào)用：
此時(shí)我們?cè)贋閳D片設(shè)置一個(gè)點(diǎn)擊事件，點(diǎn)擊圖片時(shí)賦值查詢id變量為當(dāng)時(shí)設(shè)置的隱藏文本的內(nèi)容，隨后再跳轉(zhuǎn)到詳情頁(yè)：
此時(shí)我們創(chuàng)建一個(gè)商品詳情變量用于數(shù)據(jù)顯示：
再詳情頁(yè)的顯示事件中直接調(diào)用對(duì)應(yīng)服務(wù)進(jìn)行內(nèi)容賦值到詳情對(duì)象變量即可：
在詳情頁(yè)創(chuàng)建一個(gè)循環(huán)組件，將要顯示的內(nèi)容進(jìn)行循環(huán)，設(shè)置循環(huán)組件的數(shù)據(jù)來(lái)源為商品詳情變量：
隨后再設(shè)置對(duì)應(yīng)的內(nèi)容即可，在此使用富文本變量舉例：
最后只需要為跳轉(zhuǎn)按鈕都添加頁(yè)面跳轉(zhuǎn)即可完成。
總結(jié)
以上是生活随笔為你收集整理的九、二手信息站点后台完成 （IVX 快速开发教程）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 八、后台与数据库（IVX 快速开发教程）
- 下一篇： 三、界面介绍（IVX快速手册）