天天看點

關于頁面動态布局實作方案(一)

 1.關于Web頁面動态布局的簡單聲明

(1)此處介紹的動态布局類似于QQ空間或者Google首頁的自定義頁面

(2)每個使用者可以定制自己的頁面,可以自由選擇布局方式,自由選擇子產品

2.關于布局和子產品的聲明

(1)布局是服務端定制的,比如左分欄布局、右分欄布局、通欄布局等

(2)子產品也是服務端定制的,使用者隻能從這些子產品中選擇,比如QQ空間裡面的日志子產品、視訊子產品等

(3)布局和子產品的樣式可以開放給第三方開發者,但是布局和子產品的功能不能開放                             

關于頁面動态布局實作方案(一)
關于頁面動态布局實作方案(一)

通過以上圖示說明,可知使用者定制頁面的過程:先選擇布局,然後在布局裡面添加子產品

可以看出來,布局包含子產品,但并非所有子產品都能随意添加到某種布局中

比如:輪播廣告子產品,就不能添加到“左分欄”的左側。很顯然,寬度沒法适應 

以下通過圖示說明使用者定制的某個頁面

關于頁面動态布局實作方案(一)

3.其他說明

(1)頁面使用者其實也可以建立多個,這根布局與子產品的關系一個道理

(2)布局和子產品,可以作為類似于“字典”資訊一樣維護到背景