一种动态生成Web系统页面的方法及装置与流程

本发明涉及Web系统中的页面开发领域技术领域，具体地，涉及一种动态生成Web系统页面的方法及装置。

背景技术：

目前的Web系统的页面的开发都是通过手工创建页面布局，样式以及页面上的控件。这种方式开发效率很低，并且由于开发人员的能力的差异，开发出的界面风格和功能很难保证。现有技术中，文件CN200810222829.0公开了一种面向Web应用系统的页面自动生成方法，该方法借助统一建模语言(UML)建模技术和扩展标记语言(XML)技术，采用FMDP模型，其步骤包括：生成Web应用系统的功能模型、内部模型、数据库接口模型、表示模型；根据所述模型生成系统可定制信息并以XML格式的文档集中保存于系统服务器端；并提供客户端用户根据定制需要方便地修改原定制信息的功能。采用本发明实现了真正意义上的Web应用系统的可定制，而且利用本发明能够快速地生成可定制的web应用系统，且能在避免重新编译整个系统的前提下实现系统需求的调整，提高了Web软件的开发效率。但是该发明只支持xml形式的文件布局，如果要动态调整，需要调整xml文件。

在实现本发明的过程中，发明人发现现有技术中至少存在Web页面开发效率低下，开发灵活度差，页面风格不统一，用户体验差等缺陷。

技术实现要素：

本发明的目的在于，针对上述问题，提出一种动态生成Web系统页面的方法及装置，以实现最大程度的提高Web页面开发效率，提供统一的页面风格，大大降低了对Web开发人员前端技术的能力要求，提升用户体验优点。

为实现上述目的，本发明采用的技术方案是：一种动态生成Web系统页面的方法及装置，主要包括：

步骤1：创建可视化页面布局；

步骤2：动态生成Web页面。

进一步地，步骤1包括：

步骤11：根据页面需求选择系统预制的布局模板；

步骤12：手工调整页面布局；

步骤13：通过代码生成方式生成页面对应的C#代码并编译成DLL；

步骤14：将步骤13编译的DLL进行页面装配生成页面装配信息，将页面装配信息发布到系统的元数据库中。

进一步地，步骤12中，手工调整页面布局为通过拖拽的形式创建页面布局

进一步地，步骤2包括：

步骤21：根据URL中的pageID从元数据库中加载页面装配信息；

步骤22；从页面装配信息中获取页面布局对应的DLL信息；

步骤33：通过发射技术执行页面布局中的DLL动态生成页面布局。

进一步地，所述步骤33中，具体包括通过.Net反射技术动态创建页面类，生成页面布局。

动态生成Web系统页面的装置，包括可视化页面布局创建模块和动态生成Web页面模块，通过所述可视化页面布局创建模块，根据界面需要创建好对应的页面布局，所述可视化页面布局创建模块预制了常用的页面布局，所述动态生成Web系统页面模块在运行期根据页面不均元数据动态生成相应的Web页面。

进一步地，所述可视化页面布局创建模块包括：

页面布局模板创建模块，为系统创建预制的布局模板；

页面布局调整模块，通过拖拽的方式调整页面布局；

页面对应代码生成模块，通过代码生成工具生成页面对应的C#代码并编译生成页面动态DLL；

页面装配模块，将编译生成的DLL进行系统菜单的装配，即将编译生成的页面动态DLL进行页面装配并发布到系统的元数据库中。

进一步地，所述动态生成Web页面模块包括：

页面装配信息加载模块，根据选择的菜单中的URL加载页面装配信息，并根据装配信息中的PageID获取生成的页面动态DLL；

生成页面布局模块，通过.NET反射技术动态创建页面类，生成页面布局。

本发明各实施例的一种动态生成Web系统页面的方法及装置，由于主要包括：可视化的页面布局的创建和Web页面的动态生成，开发人员通过可视化的页面布局，根据界面需求创建好对应的页面布局，在运行期根据页面布局元数据动态生成最终需要的Web页面；从而可以克服现有技术中Web系统的页面的开发都是通过手工创建页面布局，样式以及页面上的控件，这种方式开发效率很低，并且由于开发人员的能力的差异，开发出的界面风格和功能很难保证的缺陷。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明具体实施方式所述的一种动态生成Web系统页面的方法及装置的可视化页面布局创建原理流程图；

图2为本发明具体实施方式所述的一种动态生成Web系统页面的方法及装置的动态生成Web页面原理流程图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

具体地，一种动态生成Web系统页面的方法及装置，主要包括：

步骤1：创建可视化页面布局；

步骤2：动态生成Web页面。步骤1包括：

步骤1包括，步骤11：根据页面需求选择系统预制的布局模板；步骤12：手工调整页面布局；步骤13：通过代码生成方式生成页面对应的C#代码并编译成DLL；步骤14：将步骤13编译的DLL进行页面装配生成页面装配信息，将页面装配信息发布到系统的元数据库中。步骤12中，手工调整页面布局为通过拖拽的形式创建页面布局

步骤2包括：步骤21：根据URL中的pageID从元数据库中加载页面装配信息；步骤22；从页面装配信息中获取页面布局对应的DLL信息；步骤33：通过发射技术执行页面布局中的DLL动态生成页面布局。所述步骤33中，具体包括通过.Net反射技术动态创建页面类，生成页面布局。

动态生成Web系统页面的装置，包括可视化页面布局创建模块和动态生成Web页面模块，通过所述可视化页面布局创建模块，根据界面需要创建好对应的页面布局，所述可视化页面布局创建模块预制了常用的页面布局，所述动态生成Web系统页面模块在运行期根据页面不均元数据动态生成相应的Web页面。

所述可视化页面布局创建模块包括：页面布局模板创建模块，为系统创建预制的布局模板；页面布局调整模块，通过拖拽的方式调整页面布局；页面对应代码生成模块，通过代码生成工具生成页面对应的C#代码并编译生成页面动态DLL；

页面装配模块，将编译生成的DLL进行系统菜单的装配，即将编译生成的页面动态DLL进行页面装配并发布到系统的元数据库中。

所述动态生成Web页面模块包括：页面装配信息加载模块，根据选择的菜单中的URL加载页面装配信息，并根据装配信息中的PageID获取生成的页面动态DLL；生成页面布局模块，通过.NET反射技术动态创建页面类，生成页面布局。

通过可视化的页面布局设计器，通过比较简单的拖拽的方式来快速的进行页面的创建，开发人员不需要关心具体的细节，然后将创建好的布局文件发布成系统的布局元数据信息，运行期解析该布局元数据动态的生成Web系统的页面。大大降低了Web页面的开发难度，提高了开发效率和灵活度。

结合图1，具体步骤：根据页面需求选择相似的页面布局模板；开发人员在布局设计装置中通过拖拽的形式来创建页面布局；通过设计好的页面布局自动生成对应布局的C#代码,并将之编译成DLL文件；将设计好的DLL进行页面装配并发布到系统的元数据库中。

结合图2，具体步骤：运行期根据用户选择的菜单中的URL加载页面装配信息；根据装配信息中的PageID来获取设计器生成的页面动态DLL；通过.Net反射技术来动态创建页面类，并生成页面布局。

本发明主要由两个装置组成：可视化的页面布局创建装置，动态生成Web页面装置。开发人员通过可视化的页面布局装置，根据界面需求创建好对应的页面布局。该装置预制了常用的页面布局，可以满足大部分页面需求。动态生成Web页面装置在运行期根据页面布局元数据动态生成最终需要的Web页面。

至少可以达到以下有益效果：使用本发明可以最大程度的提高Web页面开发效率，提供统一的页面风格，大大降低了对Web开发人员前端技术的能力要求，提升了用户体验。

最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。