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