分享：运用模板模式整合多个业务意义相近的页面

lvjun106

浏览: 438239 次
性别:
来自: 芜湖

最近访客更多访客>>

jeffrey0411

meteor_shower

一直撸狗

gf_project

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

架构
WEB开发
JAVA

产品升级。在现有产品中增加了一个新的模块，模块主要是把发票功能集成到现有的系统中。
我负责发票上的基础数据的操作，由于基础数据非常多，且每一个基础数据都要用一个页面去设置。
起初把一些业务意义相近，操作相近的功能集中起来，整合后还是出现了10+的页面。
对于10+的页面中有些查询字段，录入字段都是相近的，而且页面排版都相似，所以决定用模板模式，整合当前页面。
1.在模板页面上定义共用区域，共用区域内放字段，字段的校验等。
2.在模板页面上定义定制区域，定制区域交给子页面去处理。

我们现有的前台技术是JSF，所以再加上FACELETS很符合上述思想。
共用区域：
    1.整合了查询页面的共用查询字段和查询字段的检验逻辑。
    2.整合了查询页面的列表显示区域，列表内的显示内容交给子页处理。
    3.整合了编辑页面的共用录入字段和录入字段的检验逻辑。(我们的UI设计中编辑页面其实是和查询页面在一起，即点击列表中一行，出现“对话框”层。层中显示了编辑字段。)
对于上述三点。技术上作出如下处理：
1.定义模板查询页面的显示框架。
    <html>
    <head>
    <script>
        <common-script />--交给模板页面处理
        <custom-script />--留给子页面添加,在FACELETS中用<ui:insert name="customScripts"></ui:insert>
    </script>
    <style />同script一样。
    <body>
        DIV层定义各个显示区域。依然用<ui:inert />定义子页面的内容。其实这就是facelets的强大之处了。
    </body>
    </html>
2.定义模板查询页面的JS框架
    在页面初始化时定义页面上各个区域的初始化动作。
例如
$(document).ready(function(){
    queryTemplate = new QueryTemplate();
    queryTemplate.registerSection(); //把页面中的各个部分注册进去。
    queryTemplate.init();//页面初始化
})

QueryTemplate.prototype = {
    init:function() {
        //遍历所有section,并调用section的初始化工作(包括页面元素的检验，注册按钮事件等)
    }

    registerSection:function() {
        this.addCommonSection();
        this.addCustomSection();//子页面重载此方法，加入子页面的内容。
    }
.......
}
注：页面中使用了一个JS VALIDATION的框架，基本原理是页面加载时有一个ValidationManager,对于某个控件加入检验的话，就直接注册一个Validation到ValidationManager即可。
调用检验时，直接用validationManager的valiateAll。
3.后台V,C层设计
VO,PO:定义CommonCriteria,CommonDTO,CommonSearchResult,CommonJavaBean。
        子页面中涉及到的对象都继承以上类。
    service层定义CommonService处理一些公用的逻辑。比如查询，校验时间等。
    DAO层定义通用查询的sql。用JAVA泛型处理CommonJavaBean

在这里分享一下自己的一些理念和作法。希望大家喷饭，扔砖。也希望大家也能分享自己的一些经验。

分享到：

回顾《JAVA编程思想》第四版第十章内部 ... | 回顾《JAVA编程思想》第四版第二章一切 ...

2012-02-13 15:38
浏览 1034
评论(0)
分类:企业架构
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论