前台页面布局复用一点建议

    web前台的页面设计者也能设计出复用性很高的页面布局来。
    比如，传统的页面布局更完美的被沿袭下来，不外乎上下左右中的分割布局。一个页面
可以被分割成header,left,center,right板块。各板块的内容布置都已经很清晰。

  于是，在JSP页面里，抽出共有的页面来。
  比如，

header.jsp 头部区域
        leftMenu.jsp 左部区域
        footer.jsp 页脚

  再比如，共有组件
      

 cutePage.jsp 分页
        publicUL.jsp 公有标签
        publicTable.jsp 公有表格显示标签
        ...

  其他网页里简单组装即可。遇到公有页面直接包含进来。
 

<%@ include file="*.jsp"%>

  当然，css也可以简单复用。其实，css+div html还是有其设计模式的。有本好书《精通CSS与HTML设计模式》（美）鲍尔斯 著。对于前台设计人员来说也是一本好书。

评论

9 楼 aws 2010-08-05  

本人做网站的时候用tiles多一些

8 楼 volking 2010-08-05  

iframe,复用的方法太多了

7 楼 zzsczz 2010-08-05  

一步一步实践

用jsp的include指令  设计模式上讲就是 Composite View pattern。apache 的tiles就是基于此模式

sitemsh是基于 Decorator pattern 的。

见
http://tiles.apache.org/framework/tutorial/pattern.html

当然还有更复杂的如portal

至于css，不停练习实践。

6 楼 梦中有你 2010-08-03  

这些当然就不用说了 每个包含页面要共享数据就用<%@ include file="*.jsp"%> (最好用jsp动作指令去动态包含) 但是有些布局（特别是div）这样包含的话 布局就会乱套了 很不美观 所以呢 要哦好看的还是去叫你懂美工的朋友帮 你弄页面 代码自己写就OK了

5 楼 maozj 2010-08-03  

leobluewing 写道

这贴是没写完还是怎么个意思？

页面复用 简单意见

4 楼 maozj 2010-08-03  

interjc 写道

什么叫做“也”，就这么瞧不上设计师么？

这本书很不错 出了设计模式了 再说作者是大师。。。

3 楼 leobluewing 2010-08-03  

这贴是没写完还是怎么个意思？

2 楼 interjc 2010-08-03  

什么叫做“也”，就这么瞧不上设计师么？

1 楼 select*from爱 2010-08-02  

css250种设计模式。偶只会几种