一种拖拽式布局配置的门户综合管理系统的制作方法
【技术领域】
[0001]本发明属于WEB门户技术领域，涉及一种拖拽式布局配置的门户综合管理系统。
【背景技术】
[0002]在当前互联网应用和WEB信息系统高速发展的时代，越来越多的WEB门户系统应运而生，目前大量的门户定制界面都需要前端程序员繁重的代码开发来实现，并且需要在开发过程中人工地来保证界面风格的一致性和浏览器的兼容性，这很大程度上降低了工程项目的开发效率。因而有如下问题目前亟需解决:(1)能够摒弃传统的代码开发模式，直接通过简单的框架拖拽布局和属性配置的方法来自定义和自动生成门户界面。(2)将门户界面的界面展示和门户互操作分离开来，允许用户通过实现规定的JavaScript接口代码来完成对门户Portal的互操作。(3)门户系统可以通过Ajax请求直接和后端进行数据交互，并且同样支持门户系统直接采用SOAP报文形式与第三方系统进行集成，以此实现前端门户展示和后端数据服务间的解耦分离。
【发明内容】
[0003]本发明为克服上述不足和缺陷，目的在于提供通过框架拖拽布局和模块元素的属性配置来完成门户界面的自定义的方法。该方法能够实现前后端数据的自动加载和门户界面的自动化渲染展示。该方法既增强了代码的可复用性，提高了开发效率，又极大地扩展了门户定制展示的灵活程度。
[0004]所述系统包括前端门户展示层和后端模块，所述前端门户展示层包含两个以上框架单元和模块元素，所述后端模块包括表现层、业务层、持久层和Oracle数据库；
[0005]所述框架单元的每个分隔区域内必须并且只能填充模块元素，模块元素按照从上向下的顺序在对应的分隔区域内放置，每个模块元素占满其对应分隔的宽度；
[0006]所述表现层用于接收并管理所述前端门户展示层的请求和响应，并展示前端门户展示层;
[0007]业务层用于接收并处理所述表现层提交的请求和响应，业务层处理所述表现层提交的请求和响应包括:处理门户综合管理系统的处理逻辑和数据检验，门户数据的抽取、转换和规整，数据存储的处理；
[0008]Oracle数据库用于存储前端门户展示层的数据；
[0009]持久层采用Hibernate方式对Oracle数据库中的数据进行增加、删除、修改操作。
[0010]所述前端门户展示层的框架单元包含1列、2列、3列、4列这4种区域分隔形式，框架单元采用12等分栅格化横向布局，默认自适应计算机屏幕宽度，在编辑制作前端门户展示层时对各框架单元按照其列数对宽度等分比进行设置，对框架单元中各模块元素的高度以像素单位进行设置。
[0011]所述框架单元采用其列数和1个HTML标签组合而成，模块元素对应一个标准的HTML标签。
[0012]所述模块元素绑定具体的UI组件，UI组件按照MVC模式定义属性配置规范，用户通过界面导航式操作实现具体UI组件属性的配置，并最终在Oracle数据库进行持久化存储，组件属性配置内容包含:
[0013](1)对前端门户展示层加载数据的结构模型配置:其配置规范为〈modelld’modelMc, modelLx, modelDes〉，其中modelld为数据模型编号，modelMc为数据模型字段标识，modelLx为数据模型字段的数据类型，modelDes为数据模型的属性描述；
[0014](2)对UI组件展示属性进行实例化配置，不同类型的组件按照自身的要求对应不同的展示属性；UI组件展示属性规范格式为〈viewld, zjlx, viewMc, viewDes〉，其中viewld为UI组件属性编号，zjlx为组件类型，viewMc为UI组件展示属性标识，viewDes为UI组件展示属性的描述信息，一种UI组件类型关联一条或两条以上UI组件展示属性数据；
[0015](3)对组件数据请求控制参数的配置(本发明支持Ajax和S0AP数据请求)。
[0016]所述前端门户展示层由用户编辑生成，在编辑过程中，模块元素每绑定一个UI组件，则对该组件按照UI组件展示属性规范创建一条或两条以上UI组件属性实例化数据，并在Oracle数据库进行实例化存储，UI组件实例化数据的格式为<eid, zjlx, viewld, rqid, mb id, val>，其中eid为组件实例化数据编号，zjlx为组件类型，viewld为组件属性规范中的UI组件属性编号，rqid为容器编号，mbid为模板编号，val为UI组件属性的配置值。用户同样可以在工程实际部署中根据组件规范，可选择第三方UI组件库，通过预定义UI组件展示属性进行和门户框架的集成。
[0017]用户在编辑前端门代码；HTML代码转换成对象列表形式的数据；框架单元和模块元素的属性数据；编辑前户展示层时，在WEB界面的每一步操作所关联的数据，都通过HTML5提供的localstorage方法(即浏览器数据本地方法)在前端完成浏览器本地化存储，本地存储的数据包括:前端门户展示层的HTML端门户展示层的操作当前步骤和最大步骤(如果没有撤销，所执行的步骤为最大步骤。如果对步骤进行撤销，最大步骤为撤销前的步骤，当前步骤为支撑当前展示的步骤)。
[0018]所述后端模块采用Struts框架来实现前端界面和表现层之间数据的请求和响应。
[0019]所述后端模块将前端门户展示层对应HTML格式标签树自动解析为对象列表数据，并且按照对象列表格式在Oracle数据库进行持久化存储。
[0020]所述对象列表数据格式为:〈id,pid, row, col, children, leaf, Attr>，其中 id 为框架单元或模块元素的节点编号，pid为父级节点编号，row为该模块元素在其兄弟模块元素排序的行号，col为模块元素在其兄弟元素排序的列号，children为框架单元内模块元素的数目，leaf判断该节点是否为模块元素，Attr表示框架单元内的分隔比率。
[0021]以下是本发明中的一些名词解释，其使用范围仅限于本发明:
[0022]1、门户模板:制作编辑门户展示页面的设计方案和固定格式。门户模板包含了模板自身基本的描述信息，同时门户模板关联了一个完整的门户展示界面的入口索引关系。
[0023]2、门户框架布局:构建出整个门户界面的布局形式，通过界面布局可以将一个门户界面分成多个区域。
[0024]3、框架单元:门户框架的最小单元，一个门户框架由若干的框架单元组合而成。框架单元是构成整个门户展示界面的重要组成部分。
[0025]4、模块元素:门户界面被分成多个区域，每个区域内绑定的展示元素即为模块元素。模块元素是构成整个门户展示界面的重要组成部分。
[0026]5、UI组件:用户界面组件，基于Web富客户端用户界面展示的需求下对数据和方法的简单封装，屏蔽了底层复杂的属性设置、数据解析和浏览器兼容，为WEB界面提供了透明的调用接口。
[0027]6、MVC:MVC是三个单词的缩写，分别为:模型(Model)，视图(View)和控制(Controller)。MVC模式的目的就是实现Web系统的职能分工。Model层实现系统中的业务逻辑，通常可以用JavaBean。View用于与用户的交互，通常用JSP来实现。Controller层是Model与View之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图以用于显示，同时它也可以解释用户的输入并将它们映射为模型层可执行的操作。
[0028]7、Struts2:采用拦截器的机制来处理用户的请求，实现了基于JavaEEWeb应用的MVC设计模式的应用框架，是MVC经典设计模式中的一个经典产品。
[0029]8、Hibernate:Hibernate是一个开放源代码的对象关系映射框架，它对JDBC进行了非常轻量级的对象封装，使得程序员可以随心所欲的使用对象编程思维来操纵数据库。
[0030]9、JSP:即 Java Server Pages，是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm，*.html)中插入Java程序段(Scriptlet)和JSP标