天天看点

关于页面动态布局实现方案(一)

 1.关于Web页面动态布局的简单声明

(1)此处介绍的动态布局类似于QQ空间或者Google首页的自定义页面

(2)每个用户可以定制自己的页面,可以自由选择布局方式,自由选择模块

2.关于布局和模块的声明

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

(2)模块也是服务端定制的,用户只能从这些模块中选择,比如QQ空间里面的日志模块、视频模块等

(3)布局和模块的样式可以开放给第三方开发者,但是布局和模块的功能不能开放                             

关于页面动态布局实现方案(一)
关于页面动态布局实现方案(一)

通过以上图示说明,可知用户定制页面的过程:先选择布局,然后在布局里面添加模块

可以看出来,布局包含模块,但并非所有模块都能随意添加到某种布局中

比如:轮播广告模块,就不能添加到“左分栏”的左侧。很显然,宽度没法适应 

以下通过图示说明用户定制的某个页面

关于页面动态布局实现方案(一)

3.其他说明

(1)页面用户其实也可以创建多个,这根布局与模块的关系一个道理

(2)布局和模块,可以作为类似于“字典”信息一样维护到后台