玩過樂高積木的都知道，運用積木可以拼裝成不同的模型。運用同樣的積木材料，有人可以搭建出房屋，有人可以搭建出埃菲爾鐵塔。具化來看，我們可以把頁面的動態配置比作樂高模型的拼裝過程，每一個模組元件就像一塊樂高積木，如同拼裝樂高模型一樣，頁面的動態配置就是將模組元件組合在一起、填充內容，最後組裝成不同的動態頁面。

如圖5-4所示，筆者將頁面的動態配置分為3步：從元件到位置和內容，再到動態頁面。具體來講，首先要選擇元件，然後放在合適的位置、填充內容，最後把這些元件按照排列組合起來就組裝成了動態頁面。

圖5-4 頁面動態配置

【基礎元件】

元件是動態頁面的基礎，提供給使用者編輯具體展示的資訊。元件有許多型別：圖片輪播、ICON、優惠券等。每種元件都可以有多個不同的樣式，可以選擇展示的內容或者自定義。

基礎元件的定義和解析是自定義頁面的核心，不同的元件有不同的功能，表示不同型別的內容。每個元件都需要單獨設計，定義其規則和樣式。例如圖片輪播就是簡單的圖片展示，上傳對應尺寸的圖片相應展示就行。商品展示模組對應的演算法規範就較為複雜，可以從分類中取商品，或對應的SPU，或動態資料（排名、推薦）等。

除了元件的展示效果，還有點選元件跳轉的位置，一般透過設定連結或根據元件內容（如商品）自動跳轉。元件顯示樣式雖然多樣，但是點選之後通往的頁面選擇庫卻是共通的，例如其他活動頁、商品詳情、商品聚合頁、店鋪主頁、購物車、線上客服、積分商城、購物券、外鏈等。

Loading...

未載入完，嘗試【重新整理網頁】or【關閉小說模式】or【關閉廣告遮蔽】。

使用【Firefox瀏覽器】or【Chrome谷歌瀏覽器】開啟並收藏！

移動流量偶爾打不開，可以切換電信、聯通網路。

收藏網址：www.peakbooks.cc

(＞人＜；)