专利名称：三位一体页面开发系统的制作方法
技术领域：
本发明属于页面开发技术领域，具体涉及一种三位一体页面开发系统。
背景技术：
现有技术中页面开发一般都是基于ajax技术开发的动态页面，用ajax的方式进行前后台交互。然后单纯的ajax进行交互的话编码非常复杂。同时这种方式进行开发如果想要再扩展编码会非常困难。如果是前台写js的话会导致事务失效，如果是后台编码的·话会要求开发人员至少懂得两种语言。传统的表单开发对于业务开发人员来说比较费时费力。因为业务开发人员大多都是比较了解后台逻辑的开发。对于页面是否好看这种涉及到特殊层面的因素不甚敏感。采用模版加配置的方式开发可以节省下调整页面样式的时间。因为模版只有一个，样式颜色什么的只要调整模版即可，甚至在项目过程中做大的样式变更也不需要重新编码。另一方面，html页面无法和后台代码紧密结合，而JSP页面又面临高并发乏力的问题。本发明因此而来。
发明内容
本发明目的在于提供一种三位一体页面开发系统，解决了现有技术中页面开发时难以满足高效开发、开发过程繁琐等问题。为了解决现有技术中的这些问题，本发明提供的技术方案是—种三位一体页面开发系统，其特征在于所述系统包括页面展示交互模块、配置模块、控制模块和页面调整模块；所述页面展示交互模块用于展示页面内容和与用户交互进行提交表单数据；所述配置模块用于进行用户提交的表单数据进行验证，配置用户表单数据的提交方向和表单数据的来源，配置与表单相关的事件事项；所述页面调整模块通过实现配置模块配置的事件事项的相关行为进行页面的调整；所述控制模块负责接受页面的请求，并根据配置模块的配置调用页面调整模块进行页面表单的处理。优选的，所述配置模块配置的事件事项包括表单载入前事件事项、表单载入后事件事项、表单提交前事件事项、表单提交后事件事项。优选的，所述页面调整模块包括表单载入前行为接口、表单载入后行为接口、表单提交前行为接口、表单提交后行为接口。本发明能够解决纯HTML页面其扩展性不足的问题，同时也能改变开发页面需要进行编码的状况，可以完全以配置的方式进行页面开发。由于是将服务器端压力分担到客户端，假如客户端的性能非常有限的话会比较影响性能。因此，本发明使用一套三位一体的页面模型，保证了展示、配置、编码三方面的需求，以保证开发人员可以以更高的效率开发代码。单纯的HTML+AJAX页面运行效率很高，但是却有着难以扩展的问题，并且编写一个这样的应用，其成本比之动态页面要高的多。而动态页面技术如JSP、ASP等虽然解决了动态扩展问题，可是这种技术在高并发下会带来性能瓶颈。该模型将展示部分(如HTML页面)置于中心的位置，后台部分有一个配置文件和一份java代码与其对应。通过配置配置文件和编写java代码让HTML显著解决了 HTML页面难以与后台交互的问题。同时由于后台有一份配置文件与页面对应，可以通过配置的方式进行也没开发。可以通过配置页面上有哪些文本框，使用什么组件，该页面的数据从何而来，要提交到什么地方去都可以以配置的方式进行。用这种 办法可以显著提高页面的开发效率。而且这种方式也解决了系统页面统一换肤的问题，因为所有的页面都来自于同一模版，只要更换一个也没既可以把整个页面的样式全部换掉。本发明用了一个统一的方式予以解决,用类似html+xml+java这样三位一体的方式做到了快速开发的目的。具体的，本发明的页面开发模型有三部分组成页面部分担任展示工作和前台组织工作，他也是操作的发起人，页面发起请求以请求数据，页面发起数据提交来提交数据。配置部分配置部分代表表单的配置部分，现在的表单的配置只有一个验证，之后要可以配置从哪里获取数据、从哪里联动获取数据，涉及业务对象的保存方法，前后事件的配置。代码部分代码部分是新加入的一个部分，这个部分就代表着页面的代码部分。现在打算加入页面的前事件、后事件、提交前事件、提交后事件这些编码的接口部分来弥补高扩展带来的聚合性下降。相对于现有技术中的方案，本发明的优点是单纯的ajax进行交互的话编码非常复杂，而且这种方式进行开发如果想要再扩展编码会非常困难。如果是前台写js的话会导致事务失效，如果是后台编码的话会要求开发人员至少懂得两种语言。本发明技术方案开发人员只用熟悉自己的领域，解决了开发效率低下的问题。传统的表单开发对于业务开发人员来说比较费时费力。因为业务开发人员大多都是比较了解后台逻辑的开发。对于页面是否好看这种涉及到特殊层面的因素不甚敏感。采用模版加配置的方式开发可以节省下调整页面样式的时间。因为模版只有一个，样式颜色什么的只要调整模版即可，甚至在项目过程中做大的样式变更也不需要重新编码。本发明解决了开发人员不善于表单开发的问题，同时也解决了变更网站样式需要全部重新开发页面的问题。传统html页面无法和后台代码紧密结合，而JSP页面又面临高并发乏力的问题。本发明技术方案解决了 html页面无法与后台代码结合的问题。
下面结合附图及实施例对本发明作进一步描述图I为三位一体页面开发系统的系统架构图；图2为本发明系统打开页面的工作流程图；图3为本发明系统打开页面的工作流程图。
具体实施例方式以下结合具体实施例对上述方案做进一步说明。应理解，这些实施例是用于说明本发明而不限于限制本发明的范围。实施例中采用的实施条件可以根据具体厂家的条件做进一步调整，未注明的实施条件通常为常规实验中的条件。实施例本实施例得到的三位一体页面开发系统，包括页面展示交互模块、配置模块、控制模块和页面调整模块；所述页面展示交互模块用于展示页面内容和与用户交互进行提交表单数据；所述配置模块用于进行用户提交的表单数据进行验证，配置用户表单数据的提交方向和表单数据的来源，配置与表单相关的事件事项；所述页面调整模块通过实现配置模块配置的事件事项的相关行为进行页面的调整；所述控制模块负责接受页面的请求，并根据配置模块的配置调用页面调整模块进行页面表单的处理。
具体的页面展示交互模块包括页面部分，页面部分由前台负责，前台指的是在前后台体系中的前台角色，以及这个角色所负责的功能。页面展示交互模块的功能包括I、发起请求以请求数据通过配置特定的后台方法来决定调用什么来填充页面。2、提交数据表单的工作其实就两个，展示数据和提交数据。表单页面上组件是组件自己负责，这里不讨论。对于表单本身来说，他就是一个提交数据。数据提交给固定的目标，由控制器来决定把数据交给哪个服务。控制器依照配置文件来决定如何转发。在体系里页面扮演的角色很单纯，就是数据展示和提交。二、配置模块配置模块是该系统的依托，之所以是配置，而不是代码，是为了保证其易扩展性，如果使用了代码的话，在进行维护项目时会因为代码的不易扩展性而受到阻碍，而且配置模块也便于设计器进行管理。配置模块要管理的部分包括I、验证部分表单的验证体系，这里和以前没有变化。2、表单toolbar :toolbar是表单提交的配置，在这里需要配置提交的方向，是直接进行form提交、走自己的服务、亦或是改变form提交所执行的内容。3、数据来源表单的数据来源配置，设定配置走那个后台方法，这个来源和表单绑定是息息相关的。4、数据提交数据提交就是我们可以配置表单的提交方向。默认情况下表单提交的服务都是同一个，都是“控制部分”。但是随着后台配置的不同，他将执行不同的增、删、改服务。这些都是可配置的，包括其明细表的这些东西都是可以配置的。如果toolbar上配置了提交按钮，也可以在toolbar上配置。如果不配置就走表单本身的提交，这样既保证了扩展性，也保证了特殊性。5、事件配置事件配置分为表单载入前事件、载入后事件、提交前事件、提交后事件。载入时间是表单统一的，如果没有在toolbar上单独配置的话，提交事件是走表单的统一事件，如果单独配置了，则走单独配置的部分。配置模块是中转点，该部分将由表单后台驱动来驱动起来，这个驱动就是控制模块。三、页面调整模块页面调整模块通过代码部分实现，该部分是是页面的补充，新建了一个基类作为后台表单的实现。现有的扩展点有4个，载入前、载入后、提交前、提交后。这4个部分是代码实现。这里默认的代码就是调用默认事件，如果希望加入自己的事件代码就可以在这里实现，如果没有实现或没有代码就直接走表单配置的部分。四、控制模块控制模块是将前三者串联在一起的引擎，在打开页面时由页面向他提出请求，他负责根据配置模块提供给页面展示交互模块数据。在也没提交时也是他根据页面的配置来将结果提交到事先配置好的部分去。五、工作流程为了更清晰的讲述各个环节是如何协作的，这里以流程图的方式详细说明。 这里分成两块来说，一块是打开页面,一块是提交页面。图2为打开页面的工作流程图。包括以下步骤I、从打开一个页面开始，页面主动向后台发起请求,获取这个页面需要得知的相
关信息。2、到达后台首先到达控制模块，控制模块向配置模块获取相关配置信息，并根据这些信息开始组织信息。3、之后开始将调整模块实例化，同时执行注册在调整模块里的加载前事件。4、此时开始执行页面的初始化逻辑，也许是获取数据，也许是执行一段逻辑。5、在执行完毕后开始执行调整模块的加载后事件。6、将执行的结果和之前从页面配置里的数据打包返回给页面展示交互模块。7、页面拿到数据开始构建页面，并完成页面的打开。下面是页面提交流程，如图3所示，提交其实和加载本质上是同一套引擎，这里为了清楚起见，所以分成两个来说。I、从页面向后台提交开始，页面向后台提交信息，需要后台完成一个业务逻辑。2、到达后台首先到达控制模块，控制模块向配置模块获取相关提交配置信息，并根据这些提交信息开始进行提交操作。3、之后开始将调整模块实例化，同时执行注册在调整模块里的提交前事件。4、此时根据页面提交配置和配置模块的配置来进行提交业务逻辑操作。5、在执行完毕后开始执行调整模块的提交后事件。6、将执行的结果打包返回给页面展示交互模块。7、页面拿到数据相关信息提示出来。上述实例只为说明本发明的技术构思及特点，其目的在于让熟悉此项技术的人是能够了解本发明的内容并据以实施，并不能以此限制本发明的保护范围。凡根据本发明精神实质所做的等效变换或修饰，都应涵盖在本发明的保护范围之内。
权利要求
1.一种三位一体页面开发系统，其特征在于所述系统包括页面展示交互模块、配置模块、控制模块和页面调整模块；所述页面展示交互模块用于展示页面内容和与用户交互进行提交表单数据；所述配置模块用于进行用户提交的表单数据进行验证，配置用户表单数据的提交方向和表单数据的来源，配置与表单相关的事件事项；所述页面调整模块通过实现配置模块配置的事件事项的相关行为进行页面的调整；所述控制模块负责接受页面的请求，并根据配置模块的配置调用页面调整模块进行页面表单的处理。
2.根据权利要求I所述的三位一体页面开发系统，其特征在于所述配置模块配置的事件事项包括表单载入前事件事项、表单载入后事件事项、表单提交前事件事项、表单提交后事件事项。
3.根据权利要求I所述的三位一体页面开发系统，其特征在于所述页面调整模块包括表单载入前行为接口、表单载入后行为接口、表单提交前行为接口、表单提交后行为接口。
全文摘要
本发明公开了一种三位一体页面开发系统，其特征在于所述系统包括页面展示交互模块、配置模块、控制模块和页面调整模块；所述页面展示交互模块用于展示页面内容和与用户交互进行提交表单数据；所述配置模块用于进行用户提交的表单数据进行验证，配置用户表单数据的提交方向和表单数据的来源，配置与表单相关的事件事项；所述页面调整模块通过实现配置模块配置的事件事项的相关行为进行页面的调整；所述控制模块负责接受页面的请求，并根据配置模块的配置调用页面调整模块进行页面表单的处理。该系统解决了开发人员不善于表单开发的问题，同时也解决了变更网站样式需要全部重新开发页面的问题。
文档编号G06F17/30GK102915244SQ201210371630
公开日2013年2月6日 申请日期2012年9月28日 优先权日2012年9月28日
发明者邵帅, 夏帮国, 王长尧 申请人:方正国际软件有限公司