[发明专利]基于页面组件的应用系统快速开发平台

说明书

技术领域

本发明涉及一种应用系统开发平台，特别涉及一种基于页面组件的应用系统快速开发平台。

背景技术

随着基于WEB的应用系统越来越复杂，前台用户界面的展示，后台的业务逻辑也趋于复杂化。传统的开发平台存在下述的缺点：第一，前台展示层的开发没有很好地组件化，开发效率和质量无法得到保证；第二，前台展示方式无法满足用户需求；第三，在应用系统中，与前台界面相关的操作模式不能有效的整合、复用。

发明内容

本发明要解决的技术问题是提供一种基于页面组件的应用系统快速开发平台，实现静态页面到动态页面的转化，提供可扩展、可复用的页面组件；并将页面控制逻辑前移到客户端，改善了用户的操作体验；提供一种客户端和服务端数据交互的方式，简化、统一了服务端业务逻辑的实现方式；提供一种基于客户端(浏览器)的动态页面组件处理模块。

为解决上述技术问题，本发明提供的一种基于页面组件的应用系统快速开发平台，包括：

页面组件，一块动态的页面显示区域，所述开发平台中最小的页面处理单元，显示页面处理器的功能结果；

动态属性标识，一种在静态HTML页面上标识动态信息的扩展属性集合；

页面处理器，一种基于客户端(浏览器)的动态页面组件的处理模块；

页面组件控制器，用来控制页面组件；

数据封装器，提供基于客户端数据源的所有页面组件的数据封装；

页面全局控制器，控制和协调一个页面中多个页面组件控制器；

数据传输器，按照一定的规则(协议)实现数据封装器与后台服务端的数据交互。

其中的页面处理器，是一种基于客户端(浏览器)的动态页面组件的处理模块，将静态HTML页面结合动态属性标识转化为动态页面组件，包括以下步骤：

(1)当HTML页面加载到客户端(浏览器)之后，找到所有具有动态属性标识的页面元素节点的集合N；

(2)根据N中的每一个元素节点n，获取所有的动态属性标识集合A；

(3)根据集合A中页面组件标识tw，生成相对应的页面组件实例w，将集合A中的配置参数集合S应用到页面组件w上，根据页面组件w的不同，可能的效果如下：(1)添加若干子节点到节点n下；(2)修改节点n的若干子节点；(3)修改节点n的一些属性；(4)修改节点n的显示样式；(5)移动节点n；(6)其它可能；(7)上述变化的组合；

对于集合A中的页面组件控制器的标识tc，如果该页面控制器实例不存在则生成新的页面控制器实例c，否则获取对应的页面控制器c，然后将该页面控制器实例c和页面组件w建立关联；

对于集合A中的数据封装器的标识td，如果该数据封装器不存在则生成新的数据封装器的实例d，否则获取对应的数据封装器d，如果页面控制器c和数据封装器d没有建立关联，则建立c和d的关联；

对于集合A中的页面全局控制器的标识tg，如果该页面全局控制器实例不存在则生成新的页面全局控制器实例g，否则获取对应的页面全局控制器g，然后将该页面全局控制器实例g和页面组件w建立关联；

处理完毕。

本发明由于采用了上述技术方案，具有这样的有益效果：第一，开发人员可以在页面设计人员设计的静态原型页面中加上动态属性标识，使得开发和设计过程顺畅；第二，基于组件的开发模式，极大的减少了开发工作量；第三，基于客户端的控制器和数据交互模式，改善了用户的操作体验。

附图说明

下面结合附图与具体实施方式对本发明作进一步详细的说明：

图1是本发明所述基于页面组件快速开发平台的UML静态对象关系图；

图2是本发明所述页面处理器的处理方法流程图。

具体实施方式

如图1所示为本发明所述基于页面组件快速开发平台的结构框图，包括：

页面组件，一块动态的页面显示区域，本开发框架下最小的页面处理单元，是页面处理器处理HTML和动态属性标识得到的结果。例如文本输入，日期选择都可以作为一个页面组件。

动态属性标识，一种在静态HTML页面上标识动态信息的扩展属性集合。例如对于页面上的一个标签DIV：<div id＝myid></div>添加了动态属性标识后形如：<div id＝myid por:type＝Date></div>其中por是命名空间，Date标识这个节点将会被处理成为一个日期选择组件。