目錄

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

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

一、首頁制作

本節(jié)以相對定位的手機(jī)端web為例，著重講解后臺功能實現(xiàn)，前端簡單的布局不再進(jìn)行贅述。

本節(jié)所做一共分為3個頁面、6個服務(wù)和兩個數(shù)據(jù)庫：

其中主頁為這個網(wǎng)站首頁、發(fā)布頁為發(fā)布信息、詳情頁為內(nèi)容詳情；評論和信息數(shù)據(jù)庫分別存儲評論內(nèi)容和發(fā)布信息內(nèi)容；其他服務(wù)均為數(shù)據(jù)獲取和信息提交。

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

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

首先查看如何獲取數(shù)據(jù)。在頁面顯示時觸發(fā)頁面響應(yīng)事件：

該頁面調(diào)用數(shù)據(jù)獲取服務(wù)，傳入始末兩個變量，始末變量為數(shù)據(jù)庫分頁變量，通過數(shù)據(jù)獲取服務(wù)即可得到對應(yīng)的數(shù)據(jù)，隨后將數(shù)據(jù)賦值到信息對象數(shù)組中。在此我們暫時并不關(guān)心如何編寫服務(wù)實現(xiàn)分頁，此時我們已經(jīng)知道信息對象數(shù)組已經(jīng)獲取到了數(shù)據(jù)，那么接下來就需要通過該信息數(shù)組利用循環(huán)創(chuàng)建創(chuàng)建頁面內(nèi)容。

咱們可以先查看信息對象數(shù)組列：

以上對象數(shù)組內(nèi)容即可說明數(shù)據(jù)庫列名與其一致，不然則不方便調(diào)用進(jìn)行調(diào)動，那么信息數(shù)據(jù)庫列如下：


隨后查看 循環(huán)創(chuàng)建如下，再將數(shù)據(jù)對其進(jìn)行數(shù)據(jù)綁定即可：

接著咱們從數(shù)據(jù)獲取服務(wù)中查看：

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

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

二、詳情頁

詳情頁需要我們點擊首頁中的內(nèi)容進(jìn)入，那么就是首頁中的信息行設(shè)置點擊事件：

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

當(dāng)點擊了信息行后跳轉(zhuǎn)到詳情頁，在詳情頁的顯示事件中調(diào)用服務(wù)獲取到詳情數(shù)據(jù)。

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

接著查看詳情頁的頁面響應(yīng)事件：

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

我們在獲取評論服務(wù)中看到，通過數(shù)據(jù)ID從評論數(shù)據(jù)中得到對應(yīng)的評論數(shù)據(jù)，那么就說明數(shù)據(jù)庫中肯定是以對應(yīng)的數(shù)據(jù)ID作為對應(yīng)內(nèi)容的索引，最終將會返回得到的數(shù)據(jù)：

隨后我們從評論數(shù)據(jù)庫中進(jìn)行查看，發(fā)現(xiàn)果然是以文章內(nèi)容數(shù)據(jù)ID作為數(shù)據(jù)評論的索引：

接著咱們查看詳情服務(wù)：

由此發(fā)現(xiàn)詳情服務(wù)也類似，均是以ID作為對應(yīng)數(shù)據(jù)的索引。

接下來咱們先查看評論服務(wù)：

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

三、發(fā)布頁

發(fā)布頁內(nèi)容也類似于其他頁，均是以內(nèi)容的增刪查改為主，相比其他頁面來說過于簡單，基本上是填入對應(yīng)的信息傳入服務(wù)即可：

其搜索內(nèi)容也類似：

總結(jié)

以上是生活随笔為你收集整理的【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。