目錄

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

高分提升請(qǐng)查看專欄：
iVX入門(mén)到精通
大話 IVX 實(shí)戰(zhàn)到精通

一、首頁(yè)制作

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

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

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

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

首先是首頁(yè)，首頁(yè)對(duì)象樹(shù)和頁(yè)面如下：

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

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

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

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


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

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

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

那么在此列出上下頁(yè)按鈕事件：

二、詳情頁(yè)

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

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

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

首先看一下詳情頁(yè)以及簡(jiǎn)要說(shuō)明：

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

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

我們?cè)讷@取評(píng)論服務(wù)中看到，通過(guò)數(shù)據(jù)ID從評(píng)論數(shù)據(jù)中得到對(duì)應(yīng)的評(píng)論數(shù)據(jù)，那么就說(shuō)明數(shù)據(jù)庫(kù)中肯定是以對(duì)應(yīng)的數(shù)據(jù)ID作為對(duì)應(yīng)內(nèi)容的索引，最終將會(huì)返回得到的數(shù)據(jù)：

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

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

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

接下來(lái)咱們先查看評(píng)論服務(wù)：

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

三、發(fā)布頁(yè)

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

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

總結(jié)

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

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