论坛首页 Web前端技术论坛

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

浏览 8702 次
精华帖 (0) :: 良好帖 (6) :: 新手帖 (11) :: 隐藏帖 (10)
作者 正文
   发表时间:2010-08-02   最后修改:2010-08-02
    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设计模式》(美)鲍尔斯 著。对于前台设计人员来说也是一本好书。
   发表时间:2010-08-02  
css250种设计模式。偶只会几种
0 请登录后投票
   发表时间:2010-08-03  
什么叫做“也”,就这么瞧不上设计师么?
0 请登录后投票
   发表时间:2010-08-03  
这贴是没写完还是怎么个意思?
0 请登录后投票
   发表时间:2010-08-03  
interjc 写道
什么叫做“也”,就这么瞧不上设计师么?

这本书很不错 出了设计模式了 再说作者是大师。。。
0 请登录后投票
   发表时间:2010-08-03  
leobluewing 写道
这贴是没写完还是怎么个意思?

页面复用 简单意见
0 请登录后投票
   发表时间:2010-08-03  
这些当然就不用说了 每个包含页面要共享数据就用<%@ include file="*.jsp"%> (最好用jsp动作指令去动态包含) 但是有些布局(特别是div)这样包含的话 布局就会乱套了 很不美观 所以呢 要哦好看的还是去叫你懂美工的朋友帮 你弄页面 代码自己写就OK了
0 请登录后投票
   发表时间:2010-08-05  
一步一步实践

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

sitemsh是基于 Decorator pattern 的。


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

当然还有更复杂的如portal

至于css,不停练习实践。
0 请登录后投票
   发表时间:2010-08-05  
iframe,复用的方法太多了
0 请登录后投票
   发表时间:2010-08-05  
本人做网站的时候用tiles多一些
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics