目錄

【iVX 初級工程師培訓教程 10篇文拿證】01 了解 iVX 完成新年賀卡
【iVX 初級工程師培訓教程 10篇文拿證】02 數值綁定及自適應網站制作
【iVX 初級工程師培訓教程 10篇文拿證】03 事件及猜數字小游戲
【iVX 初級工程師培訓教程 10篇文拿證】04 畫布及我和 iVX 合照
【iVX 初級工程師培訓教程 10篇文拿證】05 畫布及飛機大戰游戲制作
【iVX 初級工程師培訓教程 10篇文拿證】06 數據庫及服務
【iVX 初級工程師培訓教程 10篇文拿證】07 08 新聞頁制作
【iVX 初級工程師培訓教程 10篇文拿證】09 聊天室制作

高分提升請查看專欄：
iVX入門到精通
大話 IVX 實戰到精通

一、首頁制作

本節以相對定位的手機端web為例，著重講解后臺功能實現，前端簡單的布局不再進行贅述。

本節所做一共分為3個頁面、6個服務和兩個數據庫：

其中主頁為這個網站首頁、發布頁為發布信息、詳情頁為內容詳情；評論和信息數據庫分別存儲評論內容和發布信息內容；其他服務均為數據獲取和信息提交。

接下來查看一下首頁頁面，該項目中的頁面不再進行繪制描述，著重以功能實現為主。

首先是首頁，首頁對象樹和頁面如下：

首先查看如何獲取數據。在頁面顯示時觸發頁面響應事件：

該頁面調用數據獲取服務，傳入始末兩個變量，始末變量為數據庫分頁變量，通過數據獲取服務即可得到對應的數據，隨后將數據賦值到信息對象數組中。在此我們暫時并不關心如何編寫服務實現分頁，此時我們已經知道信息對象數組已經獲取到了數據，那么接下來就需要通過該信息數組利用循環創建創建頁面內容。

咱們可以先查看信息對象數組列：

以上對象數組內容即可說明數據庫列名與其一致，不然則不方便調用進行調動，那么信息數據庫列如下：


隨后查看 循環創建如下，再將數據對其進行數據綁定即可：

接著咱們從數據獲取服務中查看：

該數據服務接收了始末兩個變量作為對數據選取的區間值，例如變量始為0，末為3，那么就是0到3之間的數據內容，如果每頁數據條數為3，每下一頁的始末值就是3 6、6 9、9 12 依次加上，每上一頁內容就是始末變量遞減3即可。

那么在此列出上下頁按鈕事件：

二、詳情頁

詳情頁需要我們點擊首頁中的內容進入，那么就是首頁中的信息行設置點擊事件：

我們可以看到，在點擊信息后需要傳遞一個當前數據的ID值，這個ID值系統會自動提供到輸入框中，此ID值為必需，否則無法通過數據庫中唯一值獲取數據庫中的內容。

當點擊了信息行后跳轉到詳情頁，在詳情頁的顯示事件中調用服務獲取到詳情數據。

首先看一下詳情頁以及簡要說明：

接著查看詳情頁的頁面響應事件：

我們可以看到，通過編寫一個詳情獲取服務即可得到對應的數據，但是必須要通過ID對數據進行查找，當找到值后，信息將會存儲到信息對象數組中，評論信息也會通過獲取評論服務獲取存儲到評論對象數組中。

我們在獲取評論服務中看到，通過數據ID從評論數據中得到對應的評論數據，那么就說明數據庫中肯定是以對應的數據ID作為對應內容的索引，最終將會返回得到的數據：

隨后我們從評論數據庫中進行查看，發現果然是以文章內容數據ID作為數據評論的索引：

接著咱們查看詳情服務：

由此發現詳情服務也類似，均是以ID作為對應數據的索引。

接下來咱們先查看評論服務：

從評論服務中的值，只需要存入提交對應的值到服務中即可，那么在評論按鈕處只需要獲取到評論輸入框內容，并且把ID值同時傳入服務即可：

三、發布頁

發布頁內容也類似于其他頁，均是以內容的增刪查改為主，相比其他頁面來說過于簡單，基本上是填入對應的信息傳入服務即可：

其搜索內容也類似：