CN112182464A - 一种动态页面生成方法及系统 - Google Patents

一种动态页面生成方法及系统 Download PDF

Info

Publication number
CN112182464A
CN112182464A CN202010960124.XA CN202010960124A CN112182464A CN 112182464 A CN112182464 A CN 112182464A CN 202010960124 A CN202010960124 A CN 202010960124A CN 112182464 A CN112182464 A CN 112182464A
Authority
CN
China
Prior art keywords
sql
javascript
html
program
xml file
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
CN202010960124.XA
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.)
Fangzheng Zhushi Wuhan Technology Development Co ltd
Original Assignee
Fangzheng Zhushi Wuhan Technology Development 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 Fangzheng Zhushi Wuhan Technology Development Co ltd filed Critical Fangzheng Zhushi Wuhan Technology Development Co ltd
Priority to CN202010960124.XA priority Critical patent/CN112182464A/zh
Publication of CN112182464A publication Critical patent/CN112182464A/zh
Pending legal-status Critical Current

Links

Images

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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • 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
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Abstract

本发明提供一种动态页面生成方法及系统，该方法包括：获取到用户上传的XML文件后，基于预定配置规则对XML文件的配置进行解析，得到HTML、JavaScript和SQL；分别将HTML代码、JavaScript、SQL以及资源数据存储到数据库中，通过调用HTML、JavaScript、SQL以及XML文件的资源数据生成对应的动态页面。通过该方案解决了现有修改xml页面时需要下线，难以持续提供web服务的问题，可以在服务系统持续运行的状态下，方便快捷地迭代动态页面，满足用户频繁变化的使用需求，提升用户使用体验。

Description

一种动态页面生成方法及系统
技术领域
本发明涉及web应用技术领域，尤其涉及一种动态页面生成方法及系统。
背景技术
通常web应用程序是在部署后持续运行，若要增加新的页面需要停止web服务，将修改好的程序发布后才能让新的页面上线，然后，对于web服务提供商而言，若用户需求频繁变化，则需要频繁下线修改程序停止服务，这样难以保障web服务的持续进行，降低用户使用体验。
发明内容
有鉴于此，本发明实施例提供了一种动态页面生成方法及系统，以解决在用户需求频繁变化，则需要频繁下线修改xml程序，难以保障web服务的持续进行的问题。
在本发明实施例的第一方面，提供了一种动态页面生成方法，包括：
获取到用户上传的XML文件后，基于预定配置规则对所述XML文件的配置进行解析，得到HTML代码、JavaScript和SQL程序；
分别将HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据存储到数据库中，通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面。
在本发明实施例的第二方面，提供了一种动态页面生成系统，包括：
解析模块，用于获取到用户上传的XML文件后，基于预定配置规则对所述XML文件的配置进行解析，得到HTML代码、JavaScript和SQL程序；
生成模块，用于分别将HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据存储到数据库中，通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面。
在本发明实施例的第三方面，提供了一种电子设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如本发明实施例第一方面所述方法的步骤。
本发明实施例的第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例第一方面提供的所述方法的步骤。
本发明实施例中，根据XML配置规则将XML页面解析为HTML、JavaScript和SQL，当需要修改或创建动态页面时，不必停止web服务，实现动态页面的热部署，可以实现在系统持续运行的状态下，方便快捷地迭代动态页面，从而满足用户频繁变化的使用需求，提升用户使用体验。同时，降低生成动态页面的技术门槛，只需根据预定的配置规则将页面逻辑在XML中设定。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单介绍，显而易见地，下面描述的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获取其他附图。
图1为本发明的一个实施例提供的动态页面生成方法的流程示意图；
图2为本发明的一个实施例提供的动态页面生成方法的另一流程示意图；
图3为本发明的一个实施例提供的动态页面生成方法的效果示意图；
图4为本发明的一个实施例提供的一种动态页面生成系统的结构示意图。
具体实施方式
为使得本发明的发明目的、特征、优点能够更加的明显和易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本发明一部分实施例，而非全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。
本发明的说明书或权利要求书及上述附图中的术语“包括”以及其他相近意思表述，意指覆盖不排他的包含，如包含一系列步骤或单元的过程、方法或系统、设备没有限定于已列出的步骤或单元。
请参阅图1，图1为本发明实施例提供的一种动态页面生成方法的流程示意图，包括：
S101、获取到用户上传的XML文件后，基于预定配置规则对所述XML文件的配置进行解析，得到HTML代码、JavaScript和SQL程序；
其中，所述XML文件可以是一种采用XML形式的模板文件，页面的UI、动态处理都通过XML中特定的节点进行配置。对模板文件的配置规则制定一套完整的配置规则，根据预定配置规则进行XML文件的解析。
S102、分别将HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据存储到数据库中，通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面。
经过管理页面解析后，无需停止停止web服务即可在系统菜单中出现相应动态页面的入口，实现了动态页面的自动生成。
需要说明的是，动态页面功能的复杂度，依赖于模板规则的复杂度。需要实现更复杂的动态页面，就需要设定更复杂的模板规则，同时模板文件的作成难度也会相应提高，因此，可以根据实际的应用场景平衡使用难易度和功能复杂度。
在一个实施例中，如图2所示，配置后的模板文件被称为SampleDataXML，将SampleDataXML上传后，解析XML，完成对页面文件的预处理。
通过解析SampleDataXML的配置，生成页面展示对应的HTML和JavaScript。需要说明的是，与现有的解析方案(基于XML的命名空间查找相应的JavaScript脚本文件路径，并将其引入HTML的头结点)不同的是，本申请预先设定JavaScript的处理逻辑，通过解析XML的内容生成相应的JavaScript处理逻辑。
示例性的，当动态显示效果为：在下拉框A选中某一个选项之后，输入框B中表示相应的略称。其规则如：
Figure BDA0002680236700000041
Figure BDA0002680236700000042
具体的，实现方法为：
首先，解析XML的<javascrip>
Figure BDA0002680236700000043
将<option>转换成HTML的<phidden>
<phiddentype＝"getShortName"name＝"巨人">巨</p>
<phiddentype＝"getShortName"name＝"阪神">神</p>
<phiddentype＝"getShortName"name＝"中日">中</p>
<phiddentype＝"getShortName"name＝"DeNA">D</p>
<phiddentype＝"getShortName"name＝"広島">広</p>
<phiddentype＝"getShortName"name＝"ヤクルト">ヤ</p>
通过XML中设定的mappingtype属性的值确定JS方法适用的对象画面项目，并通过XML中设定的mappingin，mappingout属性的值确定JS方法的参数。
对于XML：
Figure BDA0002680236700000051
其变换后的HTML为：
<selectfnpxtag＝'対戦チーム1'id＝'team-1'mappingtype＝'getShortName'mappingin＝'team_name1'alias＝'TEAM_1_NAME'onchange＝"getShortName('getShortName','team_name1','team_short1')">
<option>巨人</option>
<option>阪神</option>
<option>中日</option>
<option>DeNA</option>
<option>広島</option>
<option>ヤクルト</option>
</select>
<label>チーム名略称</label>
<inputfnpxtag＝'チーム名略称1'id＝'team-1-short'mappingtype＝'getShortName'mappingout＝'team_short1'type＝'text'maxlength＝'1'min＝'1'/>。
进一步的，通过type属性[getShortName]将js函数库中的共通方法引入到HTML的<script>。
Figure BDA0002680236700000061
getShortName通过读取生成的<phidden>来实现略称的关联表示功能。
其中，动态数据的自动生成包括：
通过解析SampleDataXML的配置，生成获取页面动态数据所需的SQL程序。下面举例说明解析XML生成查询SQL程序，并获取动态数据的实现方式
首先，解析XML的<join>生成对应规则的SQL
XML：
Figure BDA0002680236700000062
SQL：
SELECT
BASEBALL_RESULT.CARD_NUMASCARD_NUM
BASEBALL_RESULT.TEAM_1_NAMEASTEAM_1_NAME
BASEBALL_RESULT_TV.BREADCAST_NAMEASBREADCAST_NAME
BASEBALL_RESULT_TV.START_TIMEASSTART_TIME
FROM
BASEBALL_RESULTAStable1
LEFTJOIN
BASEBALL_RESULT_TVAStable2
ON
table1.STADIUM＝table2.STADIUM
AND
table1.DATE＝table2.DATE
WHERE
table1.STADIUM＝？
AND
table1.DATE＝？。
将生成的SQL保存在DB的指定位置，检测到动态页面上点击检索按钮的时，将画面上的输入值作为查询条件传给SQL，并执行SQL获取动态数据。SQL中返回的字段别名，通过XML中定义的alias属性绑定数据，从而实现动态数据的表示，如：<inputfnpxtag＝'対戦数'id＝'card-num'type＝'number'max＝'25'min＝'0'alias＝'CARD_NUM'/>。
通过管理页面将SampleDataXML文件上传到系统，通过菜单页面打开动态页面，SampleDataXML上传之后，菜单页面自动生成了动态页面的入口，通过页面入口即可访问到自动生成的动态页面，其效果如图3所示。整个过程无需停止服务，即可完成热部署。
本实施例中，降低了生成动态页面的技术门槛，用户无需掌握太多Web页面技术的知识即可快速生成一个动态页面。只需要根据SampleDataXML的配置规则将页面的业务逻辑在XML中设定即可。动态页面的发布可以实现热部署，当需要修改或者创建一个动态页面的时候，不需要停止生产环境。
应理解，上述实施例中各步骤的序号大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。
图4为本发明实施例提供的一种动态页面生成系统的结构示意图，该系统包括：
解析模块410，用于获取到用户上传的XML文件后，基于预定配置规则对所述XML文件的配置进行解析，得到HTML代码、JavaScript和SQL程序；
其中，通过HTML中type属性将JavaScript函数库中共通方法引入到HTML的script节点。
生成模块420，用于分别将HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据存储到数据库中，通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面。
将生成的SQL程序保存至数据库的指定位置，当获取到动态页面中的检索操作时，将文本框的输入值作为查询条件传递给SQL程序，执行SQL程序查询动态数据。
本领域普通技术人员可以理解的是，在一个实施例中，所述电子设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现步骤S101至S102以实现XML动态页面自动生成。
本领域技术人员还可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，包括步骤S101～S102，所述的存储介质包括如：ROM/RAM、磁碟、光盘等。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (8)

1.一种动态页面生成方法，其特征在于，包括：
获取到用户上传的XML文件后，基于预定配置规则对所述XML文件的配置进行解析，得到HTML代码、JavaScript和SQL程序；
分别将HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据存储到数据库中，通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面。
2.根据权利要求1所述的方法，其特征在于，所述基于预定配置规则对所述XML文件的配置进行解析包括：
通过HTML中type属性将JavaScript函数库中共通方法引入到HTML的script节点。
3.根据权利要求1所述的方法，其特征在于，所述通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面包括：
将生成的SQL程序保存至数据库的指定位置，当获取到动态页面中的检索操作时，将文本框的输入值作为查询条件传递给SQL程序，执行SQL程序查询动态数据。
4.一种动态页面生成系统，其特征在于，包括：
解析模块，用于获取到用户上传的XML文件后，基于预定配置规则对所述XML文件的配置进行解析，得到HTML代码、JavaScript和SQL程序；
生成模块，用于分别将HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据存储到数据库中，通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面。
5.根据权利要求4所述的系统，其特征在于，所述基于预定配置规则对所述XML文件的配置进行解析包括：
通过HTML中type属性将JavaScript函数库中共通方法引入到HTML的script节点。
6.根据权利要求4所述的系统，其特征在于，所述通过调用HTML代码、JavaScript、SQL程序以及所述XML文件的资源数据生成对应的动态页面包括：
将生成的SQL程序保存至数据库的指定位置，当获取到动态页面中的检索操作时，将文本框的输入值作为查询条件传递给SQL程序，执行SQL程序查询动态数据。
7.一种电子设备，包括处理器、存储器以及存储在所述存储器中并在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至3中任一项所述动态页面生成方法的步骤。
8.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至3任一项所述动态页面生成方法的步骤。
CN202010960124.XA 2020-09-14 2020-09-14 一种动态页面生成方法及系统 Pending CN112182464A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010960124.XA CN112182464A (zh) 2020-09-14 2020-09-14 一种动态页面生成方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010960124.XA CN112182464A (zh) 2020-09-14 2020-09-14 一种动态页面生成方法及系统

Publications (1)

Publication Number Publication Date
CN112182464A true CN112182464A (zh) 2021-01-05

Family

ID=73920868

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010960124.XA Pending CN112182464A (zh) 2020-09-14 2020-09-14 一种动态页面生成方法及系统

Country Status (1)

Country Link
CN (1) CN112182464A (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070214408A1 (en) * 2006-03-07 2007-09-13 Optimus Corporation Declarative web application for search and retrieval
CN104331295A (zh) * 2014-11-05 2015-02-04 北京中科辅龙信息技术有限公司 页面生成方法和系统
CN105426172A (zh) * 2015-10-30 2016-03-23 北京金海明天软件技术有限公司 基于xml解析技术和模板语言的动态web页面生成方法
CN108469953A (zh) * 2018-03-13 2018-08-31 深圳市易聆科信息技术股份有限公司 一种页面表单的生成方法、服务器及存储介质
CN109284103A (zh) * 2018-08-30 2019-01-29 长春玖佰软件技术有限公司 一种基于控件开发模式的Web应用开发及更新方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070214408A1 (en) * 2006-03-07 2007-09-13 Optimus Corporation Declarative web application for search and retrieval
CN104331295A (zh) * 2014-11-05 2015-02-04 北京中科辅龙信息技术有限公司 页面生成方法和系统
CN105426172A (zh) * 2015-10-30 2016-03-23 北京金海明天软件技术有限公司 基于xml解析技术和模板语言的动态web页面生成方法
CN108469953A (zh) * 2018-03-13 2018-08-31 深圳市易聆科信息技术股份有限公司 一种页面表单的生成方法、服务器及存储介质
CN109284103A (zh) * 2018-08-30 2019-01-29 长春玖佰软件技术有限公司 一种基于控件开发模式的Web应用开发及更新方法

Similar Documents

Publication Publication Date Title
CN106682219B (zh) 关联文档获取方法及装置
US7555707B1 (en) Method and system for data binding in a block structured user interface scripting language
US10318620B2 (en) General purpose annotation service for portal-based applications
CN109614424B (zh) 页面布局生成方法、装置、计算设备和介质
US11645345B2 (en) Systems and methods for issue tracking systems
US7210096B2 (en) Methods and apparatus for constructing semantic models for document authoring
US7325188B1 (en) Method and system for dynamically capturing HTML elements
US7373606B2 (en) Method for visualizing weblog social network communities
CN102929599B (zh) 移动终端浏览器界面的修改方法及装置、移动终端
US10691875B2 (en) Populating visual designs with web content
US11327964B2 (en) Integration query builder framework
US20050125419A1 (en) Search processing system, its search server, client, search processing method, program, and recording medium
CN109408764B (zh) 页面区域划分方法、装置、计算设备和介质
US20070016552A1 (en) Method and apparatus for managing imported or exported data
WO2009011837A1 (en) Extraction and reapplication of design information to existing websites
CN110955428A (zh) 一种页面显示方法、装置、电子设备及介质
US10572566B2 (en) Image quality independent searching of screenshots of web content
CN110515896B (zh) 模型资源管理方法、模型文件制作方法、装置和系统
CN110968314B (zh) 一种页面生成方法及装置
US10628526B2 (en) Providing suggested diagrammatic representations of user entered textual information
EP0977130A1 (en) Facility for selecting and printing web pages
CN112182464A (zh) 一种动态页面生成方法及系统
CN110928540A (zh) 一种页面生成方法及装置
US8230327B2 (en) Identifying statements requiring additional processing when forwarding a web page description
CN112825038A (zh) 基于通用组件语言规范的可视化页面制作方法和相关产品

Legal Events

Date Code Title Description
PB01 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: 20210105

RJ01 Rejection of invention patent application after publication