CN112818277A - 一种网页生成方法、装置、存储介质及电子设备 - Google Patents
一种网页生成方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN112818277A CN112818277A CN202110099029.XA CN202110099029A CN112818277A CN 112818277 A CN112818277 A CN 112818277A CN 202110099029 A CN202110099029 A CN 202110099029A CN 112818277 A CN112818277 A CN 112818277A
- Authority
- CN
- China
- Prior art keywords
- page
- html file
- data
- file
- webpage
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 230000003068 static effect Effects 0.000 claims abstract description 47
- 238000006243 chemical reaction Methods 0.000 claims description 25
- 238000004590 computer program Methods 0.000 claims description 22
- 238000012423 maintenance Methods 0.000 abstract description 5
- 230000008569 process Effects 0.000 description 15
- 238000010586 diagram Methods 0.000 description 11
- 238000012545 processing Methods 0.000 description 7
- 230000004075 alteration Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000013507 mapping Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
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/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/84—Mapping; Conversion
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开实施例提供了一种网页生成方法、装置、存储介质及电子设备,方法包括:将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,基础网页模板为HTML文件对应的模块化操作界面;在初级网页模板中添加用户为页面组件配置的页面内容信息;将全部页面组件及全部页面内容信息转换为json对象;根据json对象和预定文件转换器生成具有内容数据的HTML文件,并根据HTML文件的实际路径信息保存HTML文件,以得到静态网页。本公开实施例只需要将复杂的前端配置数据统一转换为json对象,无论前端配置数据变化有多复杂或网页模板变化多复杂,都只需要简单的操作即可实现网页的维护,用户体验较好。
Description
技术领域
本公开涉及互联网领域,特别涉及一种网页生成方法、装置、存储介质及电子设备。
背景技术
在相关技术中,网页内容管理通常包括后台维护的数据配合前端维护的网页展示模板来控制前端展示内容,或者,前端展示且由后台编辑存储的静态内容。
对于第一种方式,由于由前端维护网页展示模板,在更换网页展示模板时需要对前端页面进行编辑、重新打包、部署、上线,网页维护效率较低;对于第二种方式,数据均由后台编辑、存储,用户难以动态添加和修改(如标题等)展示属性,也难以实现内容跨站点复用。
上述网页维护较为繁琐,一旦更新网页,都需要较为复杂的网页创建过程重新更新网页内容,耗时较长,无法满足快速搭建及更新网站的需求。
发明内容
有鉴于此,本公开实施例提出了一种网页生成方法、装置、存储介质及电子设备,用以解决现有技术的如下问题:网页维护较为繁琐,一旦更新网页,都需要较为复杂的网页创建过程重新更新网页内容,耗时较长,无法满足快速搭建及更新网站的需求。
一方面,本公开实施例提出了一种网页生成方法,包括:将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,所述基础网页模板为HTML文件对应的模块化操作界面;在所述初级网页模板中添加用户为页面组件配置的页面内容信息;将全部所述页面组件及全部所述页面内容信息转换为json对象;根据所述json对象和预定文件转换器生成具有内容数据的HTML文件,并根据所述HTML文件的实际路径信息保存所述HTML文件,以得到静态网页。
在一些实施例中,所述将用户选择的页面组件添加至基础网页模板中的预定位置之前,还包括:响应于创建所述基础网页模板的触发操作,根据页面的结构信息确定待生成的所述HTML文件所在的同一级存储目录下是否存与在所述HTML文件的初始文件名称相同的名称;在存在与所述初始文件名称相同的名称的情况下,为待生成的所述HTML文件重新分配初始文件名称。
在一些实施例中,所述根据页面的结构信息确定待生成的所述HTML文件所在的同一级存储目录下是否存与在所述HTML文件的初始文件名称相同的名称之后,还包括:在不存在与所述初始文件名称相同的名称的情况下,根据所述初始文件名称为所述HTML文件命名,并确定所述HTML文件的所述实际路径信息,以存储所述HTML文件。
在一些实施例中,所述在所述初级网页模板中添加用户为页面组件配置的页面内容信息,包括:确定通过预定接口获取的预定页面数据对应各个数据源的数据类型;根据所述数据类型的种类配置对应的数据转换组件,以通过所述数据转换组件将来自不同数据源的数据转换为预定类型的所述预定页面数据。
另一方面,本公开实施例提出了一种网页生成装置,包括:第一添加模块,用于将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,所述基础网页模板为HTML文件对应的模块化操作界面;第二添加模块,用于在所述初级网页模板中添加用户为页面组件的页面内容信息;转换模块,用于将全部所述页面组件及全部所述页面内容信息转换为json对象;生成模块,用于根据所述json对象和预定文件转换器生成具有内容数据的HTML文件,并根据所述HTML文件的实际路径信息保存所述HTML文件,以得到静态网页。
在一些实施例中,还包括:确定模块,用于响应于创建所述基础网页模板的触发操作,根据页面的结构信息确定待生成的所述HTML文件所在的同一级存储目录下是否存与在所述HTML文件的初始文件名称相同的名称;重命名模块,用于在存在与所述初始文件名称相同的名称的情况下,为待生成的所述HTML文件重新分配初始文件名称。
在一些实施例中,还包括:创建模块,用于在不存在与所述初始文件名称相同的名称的情况下,根据所述初始文件名称为所述HTML文件命名,并确定所述HTML文件的所述实际路径信息,以存储所述HTML文件。
在一些实施例中,所述第二添加模块,具体用于:确定通过预定接口获取的预定页面数据对应各个数据源的数据类型;根据所述数据类型的种类配置对应的数据转换组件,以通过所述数据转换组件将来自不同数据源的数据转换为预定类型的所述预定页面数据。
另一方面,本公开实施例提出了一种存储介质,存储有计算机程序,计算机程序被处理器执行时实现本公开任意实施例提供的方法。
另一方面,本公开实施例提出了一种电子设备,至少包括存储器、处理器,存储器上存储有计算机程序,处理器在执行存储器上的计算机程序时实现本公开任意实施例提供的方法。
本公开实施例用户可以通过基础网页模板配置想要得到的静态页面,并在配置得到了初级网页模板后,为初级网页模板配置相应的数据,并将模块化得到的前端配置数据统一转换为json对象,使前端配置数据能够被识别,进而生成HTML文件,以得到能够使用的静态网页。本公开实施例整个网页创建过程较为简单,只需要将复杂的前端配置数据统一转换为json对象,无论前端配置数据变化有多复杂或网页模板变化多复杂,都只需要简单的操作即可实现网页的维护,用户体验较好。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开第一实施例提供的网页生成方法的流程图;
图2为本公开第一实施例提供的基础网页模板设置有页面组件的界面示意图;
图3为本公开第一实施例提供的不同数据源的数据的转换过程图;
图4为本公开第一实施例提供的具有初始文件名称的HTML文件的生成过程图;
图5为本公开第二实施例提供的网页生成装置的结构示意图;
图6为本公开第四实施例提供的电子设备的结构示意图。
具体实施方式
为了使得本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例的附图,对本公开实施例的技术方案进行清楚、完整地描述。显然,所描述的实施例是本公开的一部分实施例,而不是全部的实施例。基于所描述的本公开的实施例,本领域普通技术人员在无需创造性劳动的前提下所获得的所有其他实施例,都属于本公开保护的范围。
除非另外定义,本公开使用的技术术语或者科学术语应当为本公开所属领域内具有一般技能的人士所理解的通常意义。本公开中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性,而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同,而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接,而是可以包括电性的连接,不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系,当被描述对象的绝对位置改变后,则该相对位置关系也可能相应地改变。
为了保持本公开实施例的以下说明清楚且简明,本公开省略了已知功能和已知部件的详细说明。
本公开第一实施例提供了一种网页生成方法,该方法的流程如图1所示,包括步骤S101至S104:
S101,将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,基础网页模板为HTML文件对应的模块化操作界面。
在创建静态网页时,都需要一个基础网页模板,进而才能在该基础网页模板上搭建想要看到的静态网页布局;该基础网页模板可以是不包括任何布局的空白模板,即空白页,也可以是具有一定布局的模板,即已经设置了一些页面组件的空白页,无论是哪种形式的基础网页模板,用户都可以在该基础网页模板中调整布局,即增加、删除页面组件,或者调整页面组件的位置。该基础网页模板是与HTML文件对应的模块化操作界面,该基础网页模板建立时,HTML文件就已经存在,但由于基础网页模板没有被编辑以增加新的内容,因此,此时的HTML文件与可能是空白的,基础网页模板与HTML文件类似于映射形式,即HTML文件为用户看不到且无法编辑的文件,基础网页模板用户可视且可以编辑。
上述页面组件又称为web组件,不同的页面组件具有不同的功能,例如可以在基础网页模板中插入表格、下拉框、视频、图片等内容对应的页面组件,则可以在最终形成的网页中呈现对应的内容。
当用户将需要的页面组件选择完成并添加至基础网页模板中对应的位置后,就形成了初级网页模板,该初级网页模板的布局就是用户想要得到的静态网页的视觉状态。该静态网页是指HTML文件对应的web网页,该静态网页上的数据可以是动态的,也可以是静态的,并非指该网页的数据内容一成不变,也并非是指该网页是无法和网页使用者交互的页面。
例如图2所示,图中示出的界面为一种基础网页模板,且已经将一部分页面组件添加至该基础网页模板后的状态,基础网页模板的上部分设置了支持视频显示的页面组件,左下角为支持动态显示A图表的页面组件,右下角为支持文字显示的页面组件。当然,图2仅是一种简单的示例,用户在创建静态网页时不局限于此。上述图2中的各个页面组件都是未配置页面内容信息的状态。
S102,在初级网页模板中添加用户为页面组件配置的页面内容信息。
初级网页模板已经建立,接下来需要在各个页面组件中添加静态网页中网页使用者能够看到的内容,该内容即页面内容信息,该页面内容信息由用户配置。对于页面内容信息,其可以是图片、视频、文字等不同内容,只要是用户想要展示在网页界面上的均可。
上述页面内容信息可以是图片、文字等内容,也可能是需要动态生成的表格或图表类内容,对于需要动态生成的表格或图表,现有技术只能以某种固定的格式传输某种特定的数据,无法满足数据源多样性的要求,因此,本公开实施例在初级网页模板中添加用户为页面组件配置的页面内容信息时,设置了数据转换组件,进而让表格或图表类动态生成内容可以从不同数据源获取数据,具体的,可以先确定通过预定接口获取的预定页面数据对应各个数据源的数据类型,再根据数据类型的种类配置对应的数据转换组件,以通过数据转换组件将来自不同数据源的数据转换为预定类型的预定页面数据。
图3示出了不同数据源的数据的转换过程示意,假设图3为一个动态折线图中某个数据的数据源,该数据源可以来自图3中所示的四个业务系统,业务系统1能够直接以静态数据的方式给出该数据的具体数值,即直接给出X坐标、Y坐标、Z坐标的具体数值;业务系统2则是以文本的方式给出X坐标、Y坐标、Z坐标的具体数值,例如是“X坐标的具体数值为……”这种具有文字的文本数据,则需要从文本数据中提取出X坐标的具体数据;业务系统3是通过API接口的方式提供具体数值,例如通过某个API接口获取X坐标的具体数值;业务系统4是以数据库的方式获取X坐标的具体数值,例如一旦需要X坐标的具体数值则需要去某个数据库中获取。图3中四个业务系统下分别对应的括号内的内容是其在获取具体数值时需要用到的参数,例如,在通过业务系统3的API接口获取数据时,需要知晓请求路径、请求参数、请求头及调用的请求方法,进而获取到具体数值。当然,图3仅是一种示例,本领域技术人员可以根据实际需求为需要动态生成的表格或图表类内容配置对应的数据源。
当页面内容信息配置完成后,为了加快网页使用者在搜索网页时搜到该网页的速度,还可以为整个网页设置TDK信息(即网站的标题title、描述description和关键词keyword)。
S103,将全部页面组件及全部页面内容信息转换为json对象。
由于已经为整个页面配置了页面组件及页面内容信息,则整个静态网页的基本数据都已经具备。但模块化的前端配置数据(即页面组件及页面内容信息)无法直接生成HTML文件,因此,本公开实施例采用json对象作为中间媒介,即将页面组件及页面内容信息转换为json对象,通过json格式的统一数据生成HTML文件,进而实现模块化配置数据到真正静态网页的转换。
S104,根据json对象和预定文件转换器生成具有内容数据的HTML文件,并根据HTML文件的实际路径信息保存HTML文件,以得到静态网页。
json对象为具有json数据格式,其可以被系统识别,因此使用按照预定要求设置的预定文件转换器就可以将json对象转换为HTML文件的内容数据,进而更新HTML文件的内容数据。由于HTML文件的实际路径信息在创建基础网页模板的时候就已经生成,因此,就可以将已经生成的具有内容数据的HTML文件进行保存,进而得到用户可以使用的静态网页。
本公开实施例用户可以通过基础网页模板配置想要得到的静态页面,并在配置得到了初级网页模板后,为初级网页模板配置相应的数据,并将模块化得到的前端配置数据统一转换为json对象,使前端配置数据能够被识别,进而生成HTML文件,以得到能够使用的静态网页。本公开实施例整个网页创建过程较为简单,只需要将复杂的前端配置数据统一转换为json对象,无论前端配置数据变化有多复杂或网页模板变化多复杂,都只需要简单的操作即可实现网页的维护,用户体验较好。
基础网页模板对应一个HTML文件,对基础网页模板的编辑操作即是生成HTML文件内容数据的过程,当基础网页模板的编辑操作完成,得到初级网页模板后,就相当于已经完成了HTML文件的一部分,后续再配置具体的页面内容信息即可完成整个HTML文件的另一部分;将先前得到的一部分和另一部分共同进行数据处理即可生成最终具有内容数据的HTML文件。在生成最终的HTML文件时,会直接将最初确定的初始文件名称设置为HTML文件的文件名称,该文件名称是在最初建立基础网页模板时就生成了。具体的,在将用户选择的页面组件添加至基础网页模板中的预定位置之前,响应于创建基础网页模板的触发操作,根据页面的结构信息(即树状结构信息)确定待生成的HTML文件所在的同一级存储目录下是否存与在HTML文件的初始文件名称相同的名称;在存在与初始文件名称相同的名称的情况下,为待生成的HTML文件重新分配初始文件名称,以重新确定一个HTML文件的初始文件名称;在不存在与初始文件名称相同的名称的情况下,根据初始文件名称为HTML文件命名,并确定HTML文件的实际路径信息(即层级关系,从属于哪个文件或文件夹),以存储HTML文件。
当然,如果在根据HTML文件的实际路径信息保存HTML文件时,也可以对HTML文件的文件名称进行修改,只要在HTML文件所在的同一级存储目录下不存在重复名称即可。
如图4所示,为上述具有初始文件名称的HTML文件的生成过程。图4所示的流程在具体实现时,可以分为前端和后端,前端即用户能够看到的网页模板所在界面,后端即用户看不到的操作;其过程如下:
前端创建基础网页模板,在创建后,前端根据实际需求在基础网页模板内完成页面组件及页面内容的搭建、设计和编排等,前端将设计好的页面内容信息以及页面组件以json格式传输到后端。后端记录前端创建基础网页模板时页面的结构信息确定初始文件名称,并检测是否有重命名情况,无重命名则可以确定HTML文件的文件名称;基于实际路径信息将根据json对象生成的具有内容数据的HTML文件进行存储。
本公开实施例将页面按照层级结构分别管理,页面内部按照模块管理;不同层次的页面可以分别设置页面的状态,如显示方式、跳转方式等。
本公开第二实施例提供了一种网页生成装置,该装置的结构示意如图5所示,包括:
第一添加模块10,用于将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,基础网页模板为HTML文件对应的模块化操作界面;第二添加模块20,与第一添加模块10耦合,用于在初级网页模板中添加用户为页面组件的页面内容信息;转换模块30,与第二添加模块20耦合,用于将全部页面组件及全部页面内容信息转换为json对象;生成模块40,与转换模块30耦合,用于根据json对象和预定文件转换器生成具有内容数据的HTML文件,并根据HTML文件的实际路径信息保存HTML文件,以得到静态网页。
在创建静态网页时,都需要一个基础网页模板,进而才能在该基础网页模板上搭建想要看到的静态网页布局;该基础网页模板可以是不包括任何布局的空白模板,即空白页,也可以是具有一定布局的模板,即已经设置了一些页面组件的空白页,无论是哪种形式的基础网页模板,用户都可以在该基础网页模板中调整布局,即增加、删除页面组件,或者调整页面组件的位置。该基础网页模板是与HTML文件对应的模块化操作界面,该基础网页模板建立时,HTML文件就已经存在,但由于基础网页模板没有被编辑以增加新的内容,因此,此时的HTML文件与可能是空白的,基础网页模板与HTML文件类似于映射形式,即HTML文件为用户看不到且无法编辑的文件,基础网页模板用户可视且可以编辑。
上述页面组件又称为web组件,不同的页面组件具有不同的功能,例如可以在基础网页模板中插入表格、下拉框、视频、图片等内容对应的页面组件,则可以在最终形成的网页中呈现对应的内容。
当用户将需要的页面组件选择完成并添加至基础网页模板中对应的位置后,就形成了初级网页模板,该初级网页模板的布局就是用户想要得到的静态网页的视觉状态。该静态网页是指HTML文件对应的web网页,该静态网页上的数据可以是动态的,也可以是静态的,并非指该网页的数据内容一成不变,也并非是指该网页是无法和网页使用者交互的页面。
初级网页模板已经建立,接下来需要在各个页面组件中添加静态网页中网页使用者能够看到的内容,该内容即页面内容信息,该页面内容信息由用户配置。对于页面内容信息,其可以是图片、视频、文字等不同内容,只要是用户想要展示在网页界面上的均可。
上述页面内容信息可以是图片、文字等内容,也可能是需要动态生成的表格或图表类内容,对于需要动态生成的表格或图表,现有技术只能以某种固定的格式传输某种特定的数据,无法满足数据源多样性的要求,因此,本公开实施例在初级网页模板中添加用户为页面组件配置的页面内容信息时,设置了数据转换组件,进而让表格或图表类动态生成内容可以从不同数据源获取数据,具体的,第二添加模块可以用于:确定通过预定接口获取的预定页面数据对应各个数据源的数据类型,根据数据类型的种类配置对应的数据转换组件,以通过数据转换组件将来自不同数据源的数据转换为预定类型的预定页面数据。
当页面内容信息配置完成后,为了加快网页使用者在搜索网页时搜到该网页的速度,还可以为整个网页设置TDK信息。
由于已经为整个页面配置了页面组件及页面内容信息,则整个静态网页的基本数据都已经具备。但模块化的前端配置数据无法直接生成HTML文件,因此,本公开实施例采用json对象作为中间媒介,即将页面组件及页面内容信息转换为json对象,通过json格式的统一数据生成HTML文件,进而实现模块化配置数据到真正静态网页的转换。
json对象为具有json数据格式,其可以被系统识别,因此使用按照预定要求设置的预定文件转换器就可以将json对象转换为HTML文件的内容数据,进而更新HTML文件的内容数据。由于HTML文件的实际路径信息在创建基础网页模板的时候就已经生成,因此,就可以将已经生成的具有内容数据的HTML文件进行保存,进而得到用户可以使用的静态网页。
本公开实施例用户可以通过基础网页模板配置想要得到的静态页面,并在配置得到了初级网页模板后,为初级网页模板配置相应的数据,并将模块化得到的前端配置数据统一转换为json对象,使前端配置数据能够被识别,进而生成HTML文件,以得到能够使用的静态网页。本公开实施例整个网页创建过程较为简单,只需要将复杂的前端配置数据统一转换为json对象,无论前端配置数据变化有多复杂或网页模板变化多复杂,都只需要简单的操作即可实现网页的维护,用户体验较好。
基础网页模板对应一个HTML文件,对基础网页模板的编辑操作即是生成HTML文件内容数据的过程,当基础网页模板的编辑操作完成,得到初级网页模板后,就相当于已经完成了HTML文件的一部分,后续再配置具体的页面内容信息即可完成整个HTML文件的另一部分;将先前得到的一部分和另一部分共同进行数据处理即可生成最终具有内容数据的HTML文件。在生成最终的HTML文件时,会直接将最初确定的初始文件名称设置为HTML文件的文件名称,该文件名称是在最初建立基础网页模板时就生成了。具体的,本公开实施例还可以包括:确定模块,用于响应于创建基础网页模板的触发操作,根据页面的结构信息确定待生成的HTML文件所在的同一级存储目录下是否存与在HTML文件的初始文件名称相同的名称;重命名模块,与确定模块耦合,用于在存在与初始文件名称相同的名称的情况下,为待生成的HTML文件重新分配初始文件名称;创建模块,与确定模块和第一添加模块耦合,用于在不存在与初始文件名称相同的名称的情况下,根据初始文件名称为HTML文件命名,并确定HTML文件的实际路径信息,以存储HTML文件。
当然,如果在根据HTML文件的实际路径信息保存HTML文件时,也可以对HTML文件的文件名称进行修改,只要在HTML文件所在的同一级存储目录下不存在重复名称即可。
本公开第三实施例提供了一种存储介质,该存储介质为计算机可读介质,存储有计算机程序,该计算机程序被处理器执行时实现本公开任意实施例提供的方法,包括如下步骤S11至S14:
S11,将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,基础网页模板为HTML文件对应的模块化操作界面;
S12,在初级网页模板中添加用户为页面组件配置的页面内容信息;
S13,将全部页面组件及全部页面内容信息转换为json对象;
S14,根据json对象和预定文件转换器生成具有内容数据的HTML文件,并根据HTML文件的实际路径信息保存HTML文件,以得到静态网页。
计算机程序被处理器执行将用户选择的页面组件添加至基础网页模板中的预定位置的步骤之前,还被处理器执行如下步骤:响应于创建基础网页模板的触发操作,根据页面的结构信息确定待生成的HTML文件所在的同一级存储目录下是否存与在HTML文件的初始文件名称相同的名称;
在存在与初始文件名称相同的名称的情况下,为待生成的HTML文件重新分配初始文件名称。
计算机程序被处理器执行根据页面的结构信息确定待生成的HTML文件所在的同一级存储目录下是否存与在HTML文件的初始文件名称相同的名称的步骤之后,还被处理器执行如下步骤:在不存在与初始文件名称相同的名称的情况下,根据初始文件名称为HTML文件命名,并确定HTML文件的实际路径信息,以存储HTML文件。
计算机程序被处理器执行在初级网页模板中添加用户为页面组件配置的页面内容信息的步骤时,具体被处理器执行如下步骤:确定通过预定接口获取的预定页面数据对应各个数据源的数据类型;根据数据类型的种类配置对应的数据转换组件,以通过数据转换组件将来自不同数据源的数据转换为预定类型的预定页面数据。
本公开实施例用户可以通过基础网页模板配置想要得到的静态页面,并在配置得到了初级网页模板后,为初级网页模板配置相应的数据,并将模块化得到的前端配置数据统一转换为json对象,使前端配置数据能够被识别,进而生成HTML文件,以得到能够使用的静态网页。本公开实施例整个网页创建过程较为简单,只需要将复杂的前端配置数据统一转换为json对象,无论前端配置数据变化有多复杂或网页模板变化多复杂,都只需要简单的操作即可实现网页的维护,用户体验较好。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。可选地,在本实施例中,处理器根据存储介质中已存储的程序代码执行上述实施例记载的方法步骤。可选地,本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例,本实施例在此不再赘述。显然,本领域的技术人员应该明白,上述的本公开的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本公开不限制于任何特定的硬件和软件结合。
本公开第四实施例提供了一种电子设备,该电子设备的结构示意图可以如图6所示,至少包括存储器901和处理器902,存储器901上存储有计算机程序,处理器902在执行存储器901上的计算机程序时实现本公开任意实施例提供的方法。示例性的,电子设备计算机程序步骤如下S21至S24:
S21,将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,基础网页模板为HTML文件对应的模块化操作界面;
S22,在初级网页模板中添加用户为页面组件配置的页面内容信息;
S23,将全部页面组件及全部页面内容信息转换为json对象;
S24,根据json对象和预定文件转换器生成具有内容数据的HTML文件,并根据HTML文件的实际路径信息保存HTML文件,以得到静态网页。
处理器在执行存储器上存储的将用户选择的页面组件添加至基础网页模板中的预定位置的计算机程序之前,还执行如下计算机程序:响应于创建基础网页模板的触发操作,根据页面的结构信息确定待生成的HTML文件所在的同一级存储目录下是否存与在HTML文件的初始文件名称相同的名称;在存在与初始文件名称相同的名称的情况下,为待生成的HTML文件重新分配初始文件名称。
处理器在执行存储器上存储的根据页面的结构信息确定待生成的HTML文件所在的同一级存储目录下是否存与在HTML文件的初始文件名称相同的名称的计算机程序之后,还执行如下计算机程序:在不存在与初始文件名称相同的名称的情况下,根据初始文件名称为HTML文件命名,并确定HTML文件的实际路径信息,以存储HTML文件。
处理器在执行存储器上存储的在初级网页模板中添加用户为页面组件配置的页面内容信息的计算机程序时,具体执行如下计算机程序:确定通过预定接口获取的预定页面数据对应各个数据源的数据类型;根据数据类型的种类配置对应的数据转换组件,以通过数据转换组件将来自不同数据源的数据转换为预定类型的预定页面数据。
本公开实施例用户可以通过基础网页模板配置想要得到的静态页面,并在配置得到了初级网页模板后,为初级网页模板配置相应的数据,并将模块化得到的前端配置数据统一转换为json对象,使前端配置数据能够被识别,进而生成HTML文件,以得到能够使用的静态网页。本公开实施例整个网页创建过程较为简单,只需要将复杂的前端配置数据统一转换为json对象,无论前端配置数据变化有多复杂或网页模板变化多复杂,都只需要简单的操作即可实现网页的维护,用户体验较好。
此外,尽管已经在本文中描述了示例性实施例,其范围包括任何和所有基于本公开的具有等同元件、修改、省略、组合(例如,各种实施例交叉的方案)、改编或改变的实施例。权利要求书中的元件将被基于权利要求中采用的语言宽泛地解释,并不限于在本说明书中或本申请的实施期间所描述的示例,其示例将被解释为非排他性的。因此,本说明书和示例旨在仅被认为是示例,真正的范围和精神由以下权利要求以及其等同物的全部范围所指示。
以上描述旨在是说明性的而不是限制性的。例如,上述示例(或其一个或更多方案)可以彼此组合使用。例如本领域普通技术人员在阅读上述描述时可以使用其它实施例。另外,在上述具体实施方式中,各种特征可以被分组在一起以简单化本公开。这不应解释为一种不要求保护的公开的特征对于任一权利要求是必要的意图。相反,本公开的主题可以少于特定的公开的实施例的全部特征。从而,以下权利要求书作为示例或实施例在此并入具体实施方式中,其中每个权利要求独立地作为单独的实施例,并且考虑这些实施例可以以各种组合或排列彼此组合。本公开的范围应参照所附权利要求以及这些权利要求赋权的等同形式的全部范围来确定。
以上对本公开多个实施例进行了详细说明,但本公开不限于这些具体的实施例,本领域技术人员在本公开构思的基础上,能够做出多种变型和修改实施例,这些变型和修改都应落入本公开所要求保护的范围之内。
Claims (10)
1.一种网页生成方法,其特征在于,包括:
将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,所述基础网页模板为HTML文件对应的模块化操作界面;
在所述初级网页模板中添加用户为页面组件配置的页面内容信息;
将全部所述页面组件及全部所述页面内容信息转换为json对象;
根据所述json对象和预定文件转换器生成具有内容数据的HTML文件,并根据所述HTML文件的实际路径信息保存所述HTML文件,以得到静态网页。
2.如权利要求1所述的网页生成方法,其特征在于,所述将用户选择的页面组件添加至基础网页模板中的预定位置之前,还包括:
响应于创建所述基础网页模板的触发操作,根据页面的结构信息确定待生成的所述HTML文件所在的同一级存储目录下是否存与在所述HTML文件的初始文件名称相同的名称;
在存在与所述初始文件名称相同的名称的情况下,为待生成的所述HTML文件重新分配初始文件名称。
3.如权利要求2所述的网页生成方法,其特征在于,所述根据页面的结构信息确定待生成的所述HTML文件所在的同一级存储目录下是否存与在所述HTML文件的初始文件名称相同的名称之后,还包括:
在不存在与所述初始文件名称相同的名称的情况下,根据所述初始文件名称为所述HTML文件命名,并确定所述HTML文件的所述实际路径信息,以存储所述HTML文件。
4.如权利要求1至3中任一项所述的网页生成方法,其特征在于,所述在所述初级网页模板中添加用户为页面组件配置的页面内容信息,包括:
确定通过预定接口获取的预定页面数据对应各个数据源的数据类型;
根据所述数据类型的种类配置对应的数据转换组件,以通过所述数据转换组件将来自不同数据源的数据转换为预定类型的所述预定页面数据。
5.一种网页生成装置,其特征在于,包括:
第一添加模块,用于将用户选择的页面组件添加至基础网页模板中的预定位置,以得到初级网页模板,其中,所述基础网页模板为HTML文件对应的模块化操作界面;
第二添加模块,用于在所述初级网页模板中添加用户为页面组件的页面内容信息;
转换模块,用于将全部所述页面组件及全部所述页面内容信息转换为json对象;
生成模块,用于根据所述json对象和预定文件转换器生成具有内容数据的HTML文件,并根据所述HTML文件的实际路径信息保存所述HTML文件,以得到静态网页。
6.如权利要求5所述的网页生成装置,其特征在于,还包括:
确定模块,用于响应于创建所述基础网页模板的触发操作,根据页面的结构信息确定待生成的所述HTML文件所在的同一级存储目录下是否存与在所述HTML文件的初始文件名称相同的名称;
重命名模块,用于在存在与所述初始文件名称相同的名称的情况下,为待生成的所述HTML文件重新分配初始文件名称。
7.如权利要求6所述的网页生成装置,其特征在于,还包括:
创建模块,用于在不存在与所述初始文件名称相同的名称的情况下,根据所述初始文件名称为所述HTML文件命名,并确定所述HTML文件的所述实际路径信息,以存储所述HTML文件。
8.如权利要求5至7中任一项所述的网页生成装置,其特征在于,所述第二添加模块,具体用于:
确定通过预定接口获取的预定页面数据对应各个数据源的数据类型;
根据所述数据类型的种类配置对应的数据转换组件,以通过所述数据转换组件将来自不同数据源的数据转换为预定类型的所述预定页面数据。
9.一种存储介质,存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至4中任一项所述方法的步骤。
10.一种电子设备,至少包括存储器、处理器,所述存储器上存储有计算机程序,其特征在于,所述处理器在执行所述存储器上的计算机程序时实现权利要求1至4中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110099029.XA CN112818277A (zh) | 2021-01-25 | 2021-01-25 | 一种网页生成方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110099029.XA CN112818277A (zh) | 2021-01-25 | 2021-01-25 | 一种网页生成方法、装置、存储介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112818277A true CN112818277A (zh) | 2021-05-18 |
Family
ID=75859152
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110099029.XA Pending CN112818277A (zh) | 2021-01-25 | 2021-01-25 | 一种网页生成方法、装置、存储介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112818277A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113254830A (zh) * | 2021-05-25 | 2021-08-13 | 京东科技控股股份有限公司 | 网页配置方法、装置、电子设备与存储介质 |
CN113704655A (zh) * | 2021-08-05 | 2021-11-26 | 上海硬通网络科技有限公司 | 页面操作控件设置方法、装置及存储介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6732332B1 (en) * | 2000-08-28 | 2004-05-04 | Und Aerospace Foundation | Automated web site creation system |
JP2010170453A (ja) * | 2009-01-26 | 2010-08-05 | Nippon Business Engineering:Kk | 静的Webサイト構築方法及び静的Webサイト構築サービス提供方法及び動的/静的変換処理装置及び動的/静的変換処理プログラム |
US20150067473A1 (en) * | 2013-08-30 | 2015-03-05 | Wal-Mart Stores, Inc. | Web application framework |
CN107357817A (zh) * | 2017-06-08 | 2017-11-17 | 长安大学 | 一种面向json的网页模块化设计及其异步加载方法 |
CN109190078A (zh) * | 2018-09-06 | 2019-01-11 | 深圳市东微智能科技股份有限公司 | 网页构建方法、装置和存储介质 |
CN109582909A (zh) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技(上海)有限公司 | 网页自动生成方法、装置、电子设备和存储介质 |
CN109918607A (zh) * | 2019-03-20 | 2019-06-21 | 杭州网易再顾科技有限公司 | 页面搭建方法及装置、介质和计算设备 |
CN110263279A (zh) * | 2019-05-08 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 页面生成方法、装置、电子设备和计算机可读存储介质 |
CN111552903A (zh) * | 2020-04-09 | 2020-08-18 | 深圳壹账通智能科技有限公司 | 基于html模板的页面生成方法、装置和计算机设备 |
-
2021
- 2021-01-25 CN CN202110099029.XA patent/CN112818277A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6732332B1 (en) * | 2000-08-28 | 2004-05-04 | Und Aerospace Foundation | Automated web site creation system |
JP2010170453A (ja) * | 2009-01-26 | 2010-08-05 | Nippon Business Engineering:Kk | 静的Webサイト構築方法及び静的Webサイト構築サービス提供方法及び動的/静的変換処理装置及び動的/静的変換処理プログラム |
US20150067473A1 (en) * | 2013-08-30 | 2015-03-05 | Wal-Mart Stores, Inc. | Web application framework |
CN107357817A (zh) * | 2017-06-08 | 2017-11-17 | 长安大学 | 一种面向json的网页模块化设计及其异步加载方法 |
CN109190078A (zh) * | 2018-09-06 | 2019-01-11 | 深圳市东微智能科技股份有限公司 | 网页构建方法、装置和存储介质 |
CN109582909A (zh) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技(上海)有限公司 | 网页自动生成方法、装置、电子设备和存储介质 |
CN109918607A (zh) * | 2019-03-20 | 2019-06-21 | 杭州网易再顾科技有限公司 | 页面搭建方法及装置、介质和计算设备 |
CN110263279A (zh) * | 2019-05-08 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 页面生成方法、装置、电子设备和计算机可读存储介质 |
CN111552903A (zh) * | 2020-04-09 | 2020-08-18 | 深圳壹账通智能科技有限公司 | 基于html模板的页面生成方法、装置和计算机设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113254830A (zh) * | 2021-05-25 | 2021-08-13 | 京东科技控股股份有限公司 | 网页配置方法、装置、电子设备与存储介质 |
CN113704655A (zh) * | 2021-08-05 | 2021-11-26 | 上海硬通网络科技有限公司 | 页面操作控件设置方法、装置及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101676910B (zh) | 一种面向Web应用系统的页面生成方法 | |
US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
CN102455913B (zh) | 显示模板的定制 | |
EP2819035B1 (en) | Systems and methods for presentations with live application integration | |
KR100843828B1 (ko) | 포탈 서버에서 포틀릿들의 집합을 관리하기 위한 방법 및장치 | |
US7765464B2 (en) | Method and system for dynamically assembling presentations of web pages | |
CN108415702A (zh) | 一种移动终端应用界面动态渲染方法和装置 | |
CN104035754A (zh) | 一种基于xml的自定义代码生成方法及生成器 | |
CN102236544B (zh) | 一种皮肤设计方法及装置 | |
US20150066977A1 (en) | Method and system for managing digital resources | |
CN103699674A (zh) | 网页保存、网页打开方法及装置和网页浏览系统 | |
CN110705237A (zh) | 文档的自动生成方法、数据处理设备及存储介质 | |
CN113158619B (zh) | 文档处理方法、装置、计算机可读存储介质及计算机设备 | |
CN112818277A (zh) | 一种网页生成方法、装置、存储介质及电子设备 | |
JP5002729B2 (ja) | データビューア管理 | |
IES20030062A2 (en) | Document transformation | |
CN114564922A (zh) | 一种文档编辑方法、装置、计算机设备和存储介质 | |
US11151216B2 (en) | Caching of a site model in a hierarchical modeling system for network sites | |
CN116048517B (zh) | 基于b/s架构应用系统的api接口生成方法、系统和装置 | |
CN104461893A (zh) | 数据处理方法与数据处理装置 | |
CN111930888A (zh) | 一种基于协同理念的多语言支持方法、服务器系统和储存介质 | |
US9514099B1 (en) | Documentation system | |
CN114281463B (zh) | 一种表单界面格式配置及界面展示方法及设备、介质 | |
CN112817590A (zh) | 批量生成页面卡片的方法、存储介质及电子设备 | |
US20160103806A1 (en) | Hierarchical modeling for network sites |
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 |