下圖顯示了我從淘寶和京東上獲取的兩個(gè)活動(dòng)頁(yè)面?？梢钥闯觯@一頁(yè)是高度定制和美麗的。另一種方法稱(chēng)為shop decoration或page configuration。所以問(wèn)題是，如何配置這樣一個(gè)自定義頁(yè)面？如何系統(tǒng)地實(shí)現(xiàn)頁(yè)面的動(dòng)態(tài)配置。

由于頁(yè)面動(dòng)態(tài)配置的內(nèi)容很多，計(jì)劃在兩篇長(zhǎng)文章中介紹。第一章首先介紹了頁(yè)面動(dòng)態(tài)配置的總體產(chǎn)品邏輯，第二章詳細(xì)描述了各個(gè)組件的功能，一直到組裝后的分析。

頁(yè)面動(dòng)態(tài)配置是內(nèi)容管理系統(tǒng)（CMS）的一部分。在電子商務(wù)中，CMS有時(shí)僅限于頁(yè)面動(dòng)態(tài)配置的功能。有時(shí)稱(chēng)為“裝修”，店鋪裝修，頁(yè)面裝修，定制新頁(yè)面。在平臺(tái)上看到的主頁(yè)管理和新的活動(dòng)頁(yè)面都屬于這一類(lèi)。

在PC電子商務(wù)時(shí)代，頁(yè)面定制被比作建房，增加一層樓，每層樓都可以定制商品、優(yōu)惠券、商品排名等內(nèi)容，“淘寶王鋪”是一項(xiàng)從店鋪裝修發(fā)展而來(lái)的業(yè)務(wù)。淘寶店主可以選擇基本模塊的內(nèi)容，編輯主頁(yè)或創(chuàng)建新頁(yè)面，并動(dòng)態(tài)配置頁(yè)面。

在移動(dòng)互聯(lián)網(wǎng)時(shí)代，隨著頁(yè)面動(dòng)態(tài)配置功能的升級(jí)，可以定制的元素越來(lái)越多，頁(yè)面布局也更加靈活。您可以選擇添加圖標(biāo)、橫幅、商品等模塊。

頁(yè)面的動(dòng)態(tài)配置可以與樂(lè)高玩具進(jìn)行比較，每個(gè)組件就像樂(lè)高積木，可以用來(lái)構(gòu)建不同的樂(lè)高玩具，類(lèi)似于組裝不同的動(dòng)態(tài)頁(yè)面。我將頁(yè)面的動(dòng)態(tài)配置分為三個(gè)步驟：組件→位置+內(nèi)容→動(dòng)態(tài)頁(yè)面，如下所示。

組件是動(dòng)態(tài)頁(yè)面的基礎(chǔ)，它為用戶(hù)提供特定的顯示信息。組件有多種類(lèi)型：圖片轉(zhuǎn)盤(pán)、圖標(biāo)、優(yōu)惠券等。每個(gè)組件可以有多種不同的樣式，您可以選擇內(nèi)部顯示內(nèi)容或自定義。最常見(jiàn)的是鏈接。盡管組件的顯示樣式多種多樣，但單擊后生成的頁(yè)面選擇庫(kù)是常見(jiàn)的。例如：新建活動(dòng)頁(yè)面、產(chǎn)品詳細(xì)信息頁(yè)面、產(chǎn)品聚合頁(yè)面、購(gòu)物車(chē)、客戶(hù)服務(wù)等。

基本組件的定義和解析是定制頁(yè)面的核心。不同的組件有不同的功能，代表不同類(lèi)型的內(nèi)容。每個(gè)組件都需要單獨(dú)設(shè)計(jì)，定義其規(guī)則和樣式。比如圖標(biāo)和圖像旋轉(zhuǎn)都是簡(jiǎn)單的圖像顯示，對(duì)應(yīng)商品排序的算法比較復(fù)雜，需要實(shí)時(shí)動(dòng)態(tài)排序。

對(duì)于組件，用戶(hù)在設(shè)置或系統(tǒng)分析時(shí)應(yīng)首先確定組件在自定義頁(yè)中的位置。位置可以稱(chēng)為“樓層”。每個(gè)頁(yè)面的每一層都可以定義名稱(chēng)、設(shè)置背景和配置內(nèi)容。目前最流行的交互方式是將組件拖到相應(yīng)的位置，設(shè)置內(nèi)容后實(shí)時(shí)預(yù)覽，定制頁(yè)面的動(dòng)態(tài)可視化。

對(duì)于整個(gè)動(dòng)態(tài)頁(yè)面，需要定義有效時(shí)間、結(jié)束時(shí)間、活動(dòng)頁(yè)面名稱(chēng)等基本信息。設(shè)置后，可以生成相應(yīng)的鏈接進(jìn)行預(yù)覽。

動(dòng)態(tài)頁(yè)面由不同的組件內(nèi)容組成。首先，根據(jù)每個(gè)組件的位置進(jìn)行分析，然后分析組件的內(nèi)容（樣式、圖片/產(chǎn)品、背景、鏈接等）。按照上圖所示的相反過(guò)程來(lái)解析相應(yīng)的自定義頁(yè)面內(nèi)容。

主頁(yè)的設(shè)置相同。與自定義頁(yè)面類(lèi)似，主頁(yè)的內(nèi)容可以動(dòng)態(tài)設(shè)置，自定義組件可以動(dòng)態(tài)添加。目前，大多數(shù)電子商務(wù)主頁(yè)都是動(dòng)態(tài)配置的，具有豐富的自定義內(nèi)容。

有許多配置組件，如圖像旋轉(zhuǎn)、產(chǎn)品推薦、產(chǎn)品分類(lèi)、嬰兒排名和圖標(biāo)。實(shí)際上，它們是富文本、客戶(hù)服務(wù)、優(yōu)惠券、全減活動(dòng)、全禮品活動(dòng)、自定義區(qū)域、產(chǎn)品搜索、文本、公告、倒計(jì)時(shí)和選項(xiàng)卡組件。

豐富的自定義組件可以實(shí)現(xiàn)各種活動(dòng)頁(yè)面。前面的京東和淘寶活動(dòng)頁(yè)面示例是通過(guò)CMS配置實(shí)現(xiàn)的。

對(duì)于不同的組件設(shè)計(jì)和功能，下一部分將詳細(xì)說(shuō)明。

組件之間有一些常見(jiàn)的自定義元素：

基本介紹了頁(yè)面動(dòng)態(tài)配置的總體產(chǎn)品邏輯。可以看出，頁(yè)面動(dòng)態(tài)配置似乎很復(fù)雜。校直后發(fā)現(xiàn)，其實(shí)分為三個(gè)步驟。復(fù)雜性的增加主要是基本配置組件的豐富。

雖然CMS系統(tǒng)的產(chǎn)品邏輯簡(jiǎn)單，但頁(yè)面的高層次定制配置要求技術(shù)框架的高效性和強(qiáng)大的可擴(kuò)展性。瀏覽自定義頁(yè)面時(shí)，系統(tǒng)會(huì)逐步分析頁(yè)面下自定義組件的內(nèi)容和元素，需要大量計(jì)算。

目前，大多數(shù)電子商務(wù)企業(yè)的定制頁(yè)面還處于初級(jí)階段，僅限于主頁(yè)和少數(shù)特殊頁(yè)面的定制配置，定制程度較低。提出了CMS系統(tǒng)的產(chǎn)品設(shè)計(jì)思想。在實(shí)際項(xiàng)目中，還需要權(quán)衡實(shí)際需求與定制配置程度的關(guān)系。

如果你想詳細(xì)了解每一個(gè)組件的功能，并在組裝后進(jìn)行分析，你可以關(guān)注我，下一部分將重點(diǎn)關(guān)注它。

分享題目：頁(yè)面動(dòng)態(tài)配置（CMS系統(tǒng)）
分享網(wǎng)址：http://m.rwnh.cn/news/74338.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有做網(wǎng)站、動(dòng)態(tài)網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)