CN106484898A - 一种动态生成Web系统页面的方法及装置 - Google Patents

一种动态生成Web系统页面的方法及装置 Download PDF

Info

Publication number
CN106484898A
CN106484898A CN201610918848.1A CN201610918848A CN106484898A CN 106484898 A CN106484898 A CN 106484898A CN 201610918848 A CN201610918848 A CN 201610918848A CN 106484898 A CN106484898 A CN 106484898A
Authority
CN
China
Prior art keywords
page
layout
page layout
dynamic
module
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201610918848.1A
Other languages
English (en)
Inventor
康晓龙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yonyou Network Technology Co Ltd
Original Assignee
Yonyou Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yonyou Network Technology Co Ltd filed Critical Yonyou Network Technology Co Ltd
Priority to CN201610918848.1A priority Critical patent/CN106484898A/zh
Publication of CN106484898A publication Critical patent/CN106484898A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code

Abstract

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

Description

一种动态生成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开发人员前端技术的能力要求，提升了用户体验。
最后应说明的是：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (8)

1.一种动态生成Web系统页面的方法，其特征在于，包括
步骤1：创建可视化页面布局；
步骤2：动态生成Web页面。
2.根据权利要求1所述的动态生成Web系统页面的方法，其特征在于，步骤1包括：
步骤11：根据页面需求选择系统预制的布局模板；
步骤12：手工调整页面布局；
步骤13：通过代码生成方式生成页面对应的C#代码并编译成DLL；
步骤14：将步骤13编译的DLL进行页面装配生成页面装配信息，将页面装配信息发布到系统的元数据库中。
3.根据权利要求2所述的动态生成Web系统页面的方法，其特征在于，步骤12中，手工调整页面布局为通过拖拽的形式创建页面布局。
4.根据权利要求3所述的动态生成Web系统页面的方法，其特征在于，步骤2包括：
步骤21：根据URL中的pageID从元数据库中加载页面装配信息；
步骤22；从页面装配信息中获取页面布局对应的DLL信息；
步骤33：通过发射技术执行页面布局中的DLL动态生成页面布局。
5.根据权利要求4所述的动态生成Web系统页面的方法，其特征在于，所述步骤33中，具体包括通过.Net反射技术动态创建页面类，生成页面布局。
6.一种动态生成Web系统页面的装置，其特征在于，包括可视化页面布局创建模块和动态生成Web页面模块，通过所述可视化页面布局创建模块，根据界面需要创建好对应的页面布局，所述可视化页面布局创建模块预制了常用的页面布局，所述动态生成Web系统页面模块在运行期根据页面布局元数据动态生成相应的Web页面。
7.根据权利要求6所述的动态生成Web系统页面的装置，其特征在于，所述可视化页面布局创建模块包括：
页面布局模板创建模块，为系统创建预制的布局模板；
页面布局调整模块，通过拖拽的方式调整页面布局；
页面对应代码生成模块，通过代码生成工具生成页面对应的C#代码并编译生成页面动态DLL；
页面装配模块，将编译生成的DLL进行系统菜单的装配，即将编译生成的页面动态DLL进行页面装配并发布到系统的元数据库中。
8.根据权利要求7所述的动态生成Web系统页面的装置，其特征在于，所述动态生成Web页面模块包括：
页面装配信息加载模块，根据选择的菜单中的URL加载页面装配信息，并根据装配信息中的PageID获取生成的页面动态DLL；
生成页面布局模块，通过.NET反射技术动态创建页面类，生成页面布局。
CN201610918848.1A 2016-10-21 2016-10-21 一种动态生成Web系统页面的方法及装置 Pending CN106484898A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610918848.1A CN106484898A (zh) 2016-10-21 2016-10-21 一种动态生成Web系统页面的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610918848.1A CN106484898A (zh) 2016-10-21 2016-10-21 一种动态生成Web系统页面的方法及装置

Publications (1)

Publication Number Publication Date
CN106484898A true CN106484898A (zh) 2017-03-08

Family

ID=58270320

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610918848.1A Pending CN106484898A (zh) 2016-10-21 2016-10-21 一种动态生成Web系统页面的方法及装置

Country Status (1)

Country Link
CN (1) CN106484898A (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107463421A (zh) * 2017-07-14 2017-12-12 清华大学 一种静态流程模型的编译执行方法及系统
CN108595167A (zh) * 2018-03-16 2018-09-28 深圳极智联合科技股份有限公司 一种基于SQL Server的程序管理方法和系统
CN109344352A (zh) * 2018-08-09 2019-02-15 广州优视网络科技有限公司 页面加载方法、装置及电子设备
CN109815435A (zh) * 2019-01-24 2019-05-28 中国人民解放军战略支援部队航天工程大学 一种网站页面生成方法、装置及电子设备
CN112214236A (zh) * 2019-07-10 2021-01-12 杭州龙牛网络科技有限公司 一种软件快速开发平台应用架构搭建管理系统的方法
CN112528191A (zh) * 2020-12-28 2021-03-19 山东鲁能软件技术有限公司 用于Web数据可视化的动态布局引擎装置及使用方法
CN114356472A (zh) * 2021-12-03 2022-04-15 浙江臻善科技股份有限公司 一种系统界面差别化动态渲染的方法

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102866880A (zh) * 2011-07-08 2013-01-09 北京亿赞普网络技术有限公司 移动用户自行设计手机页面布局的系统及方法
CN104102428A (zh) * 2014-07-15 2014-10-15 深圳市同洲电子股份有限公司 一种页面布局控制方法及播放终端
US20150020004A1 (en) * 2013-07-10 2015-01-15 Internet Brands, Inc. Simplified website creation, configuration, and customization system

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102866880A (zh) * 2011-07-08 2013-01-09 北京亿赞普网络技术有限公司 移动用户自行设计手机页面布局的系统及方法
US20150020004A1 (en) * 2013-07-10 2015-01-15 Internet Brands, Inc. Simplified website creation, configuration, and customization system
CN104102428A (zh) * 2014-07-15 2014-10-15 深圳市同洲电子股份有限公司 一种页面布局控制方法及播放终端

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107463421A (zh) * 2017-07-14 2017-12-12 清华大学 一种静态流程模型的编译执行方法及系统
CN107463421B (zh) * 2017-07-14 2020-03-31 清华大学 一种静态流程模型的编译执行方法及系统
CN108595167A (zh) * 2018-03-16 2018-09-28 深圳极智联合科技股份有限公司 一种基于SQL Server的程序管理方法和系统
CN109344352A (zh) * 2018-08-09 2019-02-15 广州优视网络科技有限公司 页面加载方法、装置及电子设备
CN109815435A (zh) * 2019-01-24 2019-05-28 中国人民解放军战略支援部队航天工程大学 一种网站页面生成方法、装置及电子设备
CN112214236A (zh) * 2019-07-10 2021-01-12 杭州龙牛网络科技有限公司 一种软件快速开发平台应用架构搭建管理系统的方法
CN112214236B (zh) * 2019-07-10 2023-04-07 杭州龙牛网络科技有限公司 一种软件快速开发平台应用架构搭建管理系统的方法
CN112528191A (zh) * 2020-12-28 2021-03-19 山东鲁能软件技术有限公司 用于Web数据可视化的动态布局引擎装置及使用方法
CN112528191B (zh) * 2020-12-28 2022-12-16 山东鲁能软件技术有限公司 用于Web数据可视化的动态布局引擎装置及使用方法
CN114356472A (zh) * 2021-12-03 2022-04-15 浙江臻善科技股份有限公司 一种系统界面差别化动态渲染的方法

Similar Documents

Publication Publication Date Title
CN106484898A (zh) 一种动态生成Web系统页面的方法及装置
Vaupel et al. Model-driven development of mobile applications for Android and iOS supporting role-based app variability
CN101840334B (zh) 一种软件构件服务化封装方法
CN102981855A (zh) 基于模板的界面自动生成的方法及系统
CN101676910B (zh) 一种面向Web应用系统的页面生成方法
CN103631597B (zh) 基于xml的web表单引擎装置及方法
CN103383645A (zh) 代码生成方法及系统
CN104424338A (zh) web系统的自动生成装置和自动生成方法
CN106557314A (zh) 应用软件开发方法及装置
CN104731589A (zh) 用户界面的自动生成方法及自动生成装置
CN110419024A (zh) 用于在开发环境中自动生成和合并代码的方法和设备
Popp et al. Tool support for automated multi-device GUI generation from discourse-based communication models
US8615708B1 (en) Techniques for live styling a web page
CN107122173A (zh) 一种适配activiti、可拖拽的表单生成方法
CN104679932A (zh) 智能化电力工程设计方法及系统
CN103823793A (zh) 基于Excel模板的动态报表实现方法
CN102306102A (zh) 程序文件自动生成方法及装置
CN106598620A (zh) 代码生成方法及代码生成器
CN101833458A (zh) 基于模板的用户应用界面自动生成的方法
US9665981B2 (en) System and method for generating 3-D models from 2-D views
Dunkel et al. Model-driven architecture for mobile applications
CN105302558A (zh) 一种用于多客户端的内容展现系统及方法
Luyten et al. Designing distributed user interfaces for ambient intelligent environments using models and simulations
Märtin et al. Patterns and models for automated user interface construction–in search of the missing links
Fujima Building a meme media platform with a JavaScript MVC framework and HTML5

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20170308

RJ01 Rejection of invention patent application after publication