CN115114556A - 一种创建页面的方法和装置 - Google Patents
一种创建页面的方法和装置 Download PDFInfo
- Publication number
- CN115114556A CN115114556A CN202210846719.1A CN202210846719A CN115114556A CN 115114556 A CN115114556 A CN 115114556A CN 202210846719 A CN202210846719 A CN 202210846719A CN 115114556 A CN115114556 A CN 115114556A
- Authority
- CN
- China
- Prior art keywords
- configuration information
- component
- page
- document
- dynamic
- 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
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
-
- 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
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供了一种创建页面的方法和装置,页面的创建者在终端执行创建页面选择组件以及配置信息的操作,选择的组件中包括至少一个动态组件,实现创建动态页面,服务器根据该配置信息进行解析以及识别,即可得到网页可识别的第一文档,并通过将动态内容对应的动态数据块进一步转换即可得到网页可识别的第二文档,两个文档合并即可得得到针对该用创建者创建的动态页面,本方案中,创建者只需要在终端进行创建页面以及配置的操作,无需编辑代码,也无需学习代码所需的html技术,降低了对于创建者的要求。
Description
技术领域
本申请涉及信息技术领域,更具体的说,是涉及一种创建页面的方法和装置。
背景技术
动态页面是一种能够根据用户发出的不同请求,为其提供个性化的网页内容的页面。而且,动态页面内容是存在于数据库中,相对于静态页面存在于页面上,动态页面能够大大降低网站维护的工作量。
现有技术中,创建动态页面过程中,拖拽实现添加静态组件,通过配置或者编写代码实现调整组件样式,以及通过编写代码的方式实现添加动态内容。
该过程中,需要创建者学习代码所需的html技术,以及编写代码,对于创建者的要求较高。
发明内容
有鉴于此,本申请提供了一种创建页面的方法,如下:
一种创建页面的方法,应用于服务器,所述方法包括:
接收终端传递的配置信息,所述配置信息中至少包括待创建页面中至少一个组件以及配置信息,所述至少一个组件至少包括一个动态组件;
解析所述配置信息得到网页可识别的第一文档以及动态数据块;
将所述动态数据块转换为网页可识别的第二文档;
根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
上述的方法,可选的,所述解析所述配置信息得到网页可识别的第一文档以及动态数据块,包括:
基于预设的第一转换规则,将非动态组件以及配置信息转换为超文本标记语言格式的第一文档;
基于预设的第一转换规则,将动态组件以及配置信息转换为五星云的动态数据块。
上述的方法,可选的,将所述动态数据块转换为网页可识别的第二文档,包括:
基于第二转换规则,将所述五星云的动态数据块转换为网页可识别的第二文档。
上述的方法,可选的,所述接收终端传递的配置信息之后,解析所述配置信息得到网页可识别的第一文档以及动态数据块之前,还包括:
分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;
将所述排版组件的配置信息存储到第一数据表;
将所述非排版组件的配置信息存储到第二数据表。
上述的方法,可选的,所述解析所述配置信息得到网页可识别的第一文档以及动态数据块,包括:
按照表项内容,依次从所述第一数据表和第二数据表获取配置信息,所述第二数据表中第一表项存储的是动态组件以及配置信息;
基于预设的第一转换规则,将所述第一数据表中的表项内容转换为超文本标记语言格式,将所述第二数据表中除第一表项的其他表项的表项内容转换为超文本标记语言格式,得到的第一文档;
基于预设的第一转换规则,将所述第二数据表中第一表项的表项内容转换为五星云的动态数据块。
上述的方法,可选的,所述将所述动态数据块转换为网页可识别的第二文档,包括:
基于所述动态组件的配置信息,调取与所述动态数据块对应数据块模型的目标信息;
将所述目标信息转换为超文本标记语言格式的第二文档。
一种创建页面的方法,应用于终端,所述方法包括:
响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;
响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示,所述至少一个组件至少包括一个动态组件;
接收对于所述至少一个组件的配置信息;
将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。
一种创建页面的装置,应用于服务器,所述装置包括:
接收模块,用于接收终端传递的配置信息,所述配置信息中至少包括待创建页面中至少一个组件以及配置信息,所述至少一个组件至少包括一个动态组件;
解析模块,用于解析所述配置信息得到网页可识别的第一文档以及动态数据块;
转换模块,用于将所述动态数据块转换为网页可识别的第二文档;
合并模块,用于根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
上述的装置,可选的,还包括:
存储模块,用于分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;将所述排版组件的配置信息存储到第一数据表;将所述非排版组件的配置信息存储到第二数据表。
一种创建页面的装置,应用于终端,所述装置包括:
显示控制模块,用于响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;以及响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示,所述至少一个组件至少包括一个动态组件;
传输模块,用于接收对于所述至少一个组件选项的配置信息,并将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。
经由上述的技术方案可知,本申请提供了一种创建页面的方法,页面的创建者在终端执行创建页面选择组件以及配置信息的操作,选择的组件中包括至少一个动态组件,实现创建动态页面,服务器根据该配置信息进行解析以及识别,即可得到网页可识别的第一文档,并通过将动态内容对应的动态数据块进一步转换即可得到网页可识别的第二文档,两个文档合并即可得得到针对该用创建者创建的动态页面,本方案中,创建者只需要在终端进行创建页面以及配置的操作,无需编辑代码,也无需学习代码所需的html技术,降低了对于创建者的要求。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1是本申请提供的一种创建页面的方法实施例1的流程图;
图2是本申请提供的一种创建页面的方法实施例1中服务器与终端的连接示意图;
图3是本申请提供的一种创建页面的方法实施例1的终端中用户操作的示意图;
图4是本申请提供的一种创建页面的方法实施例2的流程图;
图5是本申请提供的一种创建页面的方法实施例3的流程图;
图6是本申请提供的一种创建页面的方法实施例4的流程图;
图7是本申请提供的一种创建页面的方法实施例5的流程图;
图8是本申请提供的一种创建页面的方法实施例6的流程图;
图9是本申请提供的一种创建页面的装置实施例1的结构示意图;
图10是本申请提供的一种创建页面的装置实施例2的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
如图1所示的,为本申请提供的一种创建页面的方法实施例1的流程图,该方法应用于一服务器,该方法包括以下步骤:
步骤S101:接收终端传递的配置信息;
其中,所述配置信息中至少包括待创建页面中至少一个组件以及配置信息,所述至少一个组件至少包括一个动态组件。
其中,该服务器与一个或者多个终端相连。
需要说明的是,该终端传递的配置信息,可以是分批次发送的,用户在终端执行创建页面的操作、在待创建的页面中每增加一个组件以及配置信息则发送一次配置信息。
需要说明的是,服务器中设置有vue动态渲染组件,在用户对组件进行配置的时候,实时渲染,呈现给用户组件配置的效果。
如图2所示的是服务器与终端的连接示意图,包括一个服务器201与多个终端202,终端接收用户操作生成配置信息,并将配置信息发送给服务器,以使得服务器执行本实施例中的方案。
需要说明的是,该图2中采用两个终端,具体实施中,不限制于此,可以是一个或者是更多个终端连接到一个服务器。
其中,用户在终端进行操作,执行创建页面以及进行配置页面中的组件的配置操作等。
具体的,服务器接收终端传递的配置信息,该配置信息中包括待创建页面以及其中的至少一个组件及其配置信息。
其中,该待创建页面中的组件至少包括一个动态组件,相应的,该页面为动态页面。
其中,该待创建页面中的组件包括基础组件、排版组件、业务组件、内容组件以及高级组件等。
其中,排版组件主要是负责页面的版式;基础组件是页面中的一个个元素,可以放置在排版组件中;业务组件主要是表单等;内容组件主要包含动态的模型分类数据块,模型信息数据块及静态的指定信息组成的数据块,此组件如果使用动态内容,该组件作为动态组件,其渲染的时候会动态渲染,实时更新。
例如,排版组件包括自由容器、通栏、横向选项卡、纵向选项卡等,基础组价包括文字、图片、按钮、视频等,高级组件包括导航,图片banner(网页导航图片)、面包屑导航、网站logo(徽标)、搜索等。
其中,不同的组件对应的配置信息也不同,例如作为基础组件的文字组件,主要配置的信息有文字内容、字号、字体、行高、颜色、加粗、倾斜、对齐方式等;如果是图片组件,主要的配置信息是选择图片、图片形状、不透明度、图片的alt描述、设置链接等。
步骤S102:解析所述配置信息得到网页可识别的第一文档以及动态数据块;
其中,服务器在接收到上述待创建页面的配置信息后,对于该配置信息进行初步解析,得到网页可识别的第一文档以及动态数据块。
其中,该网页可识别的文档是html(HyperText Markup Language,超文本标记语言)的文档。
具体的,该服务器对于配置信息进行的初步解析过程中,并不能够对于包含动态内容的动态组件解析得到网页可识别的文档。
步骤S103:将所述动态数据块转换为网页可识别的第二文档;
本实施例中,该服务器对于未解析完成的动态数据块进行进一步的转换,得到网页可识别的第二文档。
具体的,服务器中设置有Elasticsearch,该Elasticsearch的主要应用是对动态内容组件(动态数据块)的解析,依托其强大的搜索分析能力,更快更好的将动态数据块解析成html格式文档。
Elasticsearch是一个分布式可扩展的实时搜索和分析引擎,一个建立在全文搜索引擎Apache Lucene(TM)基础上的搜索引擎。
具体的,基于该Elasticsearch,服务器对于动态数据块进行进一步分析转换,得到html格式的第二文档。
步骤S104:根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
其中,将第一文档和第二文档进行组合得到该待创建页面对应的目标文档。
其中,该目标文档中包括了该创建页面中的所有组件的配置信息,该待创建页面是动态页面,相应的,该目标文档是该动态页面的html格式的文档。
其中,将该第二文档***第一文档中实现组合得到目标文档。
具体的,基于动态组件在页面中的设置位置,以及所述动态组件与该页面中其他组件的相对位置关系,将所述第二文档***所述第一文档中的相应位置。
本申请的方案中,用户在终端只需要进行在显示界面上进行拖拽组件选项,进行配置,无需进行编写代码的过程,该将组件进行转换成代码的过程是由服务器执行。
如图3所示的,为本实施例中涉及的终端中用户操作的示意图,其中,该终端显示页面301以及组件选项302-304,用户通过拖拽组件选项将组件增加至页面的目标位置305即可,图中采用虚线箭头表示拖拽的路线,无需进行编写代码。
需要说明的是,本实施例中创建的页面中包含有动态数据的动态组件,该页面作为动态页面,支持动态更新,实现了自动更新。
综上,本实施例提供的一种创建页面的方法,页面的创建者在终端执行创建页面选择组件以及配置信息的操作,选择的组件中包括至少一个动态组件,实现创建动态页面,服务器根据该配置信息进行解析以及识别,即可得到网页可识别的第一文档,并通过将动态内容对应的动态数据块进一步转换即可得到网页可识别的第二文档,两个文档合并即可得得到针对该用创建者创建的动态页面,本方案中,创建者只需要在终端进行创建页面以及配置的操作,无需编辑代码,也无需学习代码所需的html技术,降低了对于创建者的要求。
如图4所示的,为本申请提供的一种创建页面的方法实施例2的流程图,该方法应用于一服务器,该方法包括以下步骤:
步骤S401:接收终端传递的待创建页面的配置信息;
其中,步骤S401与实施例1中的步骤S101一致,本实施例中不做赘述。
步骤S402:基于预设的第一转换规则,将非动态组件以及配置信息转换为超文本标记语言格式的第一文档;
其中,服务器中设置有转换规则,其中第一转换规则用于对待创建页面的配置信息进行初步转换。
具体的,该第一转换规则能够对于非动态组件以及配置信息进行转换,得到超文本标记语言格式的第一文档。
其中,该第一转换规则对于基础组件、排版组件、业务组件、内容组件(仅包含非动态内容的内容组件)以及高级组件等进行转换。
其中,该第一文档中的包含有html元素的内容。
步骤S403:基于预设的第一转换规则,将动态组件以及配置信息转换为五星云的动态数据块;
其中,该动态组件中的内容是跟随后台数据变化而自动更新的。
例如,配置一个内容组件,规则是新闻的最新10条,当后台新发布一条新闻信息时,最新的新闻信息会自动显示出来。
具体的,将用户配置的内容转换成五星云插件可以解析的动态数据块标识,该动态数据块标识是可以根据五星云内部指定的语法规则,将该数据块进行转换为五星云插件可解析的标识。
比如:动态数据块标识是{{Materiel.id_617f9011c5d9593e86132dfa}}
步骤S404:基于第二转换规则,将所述动态数据块转换为网页可识别的第二文档;
其中,该第二转换规则是五星云内部制定的语法规则。
具体的,根据该五星云内部制定的语法规则,对于该五星云的动态数据块标识进行转换,转换html格式的内容。
例如,用户在页面里面配置了一个内容组件(内容组件为动态数据块),规则是调取新闻的最新10条进行展示,经过两次解析转换,具体的,第一次解析转换采用第一转换规则,第二次解析转换采用第二转换规则。
第一次解析后,这个组件被解析为:
{{Materiel.id_617f9011c5d9593e86132dfa}}。
第一次解析后的内容包括div、css等html元素和五星云的动态数据块(比如:{{Materiel.id_617f9011c5d9593e86132dfa}})(此时浏览器不能够读懂这行代码,浏览器能解析的是html文档)。
在第二次解析中,主要是将五星云的动态数据块标识,转换成html格式的内容,两次解析的规则不同。
步骤S405:根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
其中,步骤S405与实施例1中的步骤S104一致,本实施例中不做赘述。
综上,本实施例提供的一种创建页面的方法中,基于预设的第一转换规则,将非动态组件以及配置信息转换为超文本标记语言格式的第一文档,并且将动态组件以及配置信息转换为五星云的动态数据块;基于第二转换规则,将所述五星云的动态数据块转换为网页可识别的第二文档。本方案中,经过两次的转换,将待创建页面中包含动态组件的配置信息进行转换,得到网页可识别的文档,无需用户手动输入html文档。
如图5所示的,为本申请提供的一种创建页面的方法实施例3的流程图,该方法应用于一服务器,该方法包括以下步骤:
步骤S501:接收终端传递的配置信息;
其中,步骤S501与实施例1中的步骤S101一致,本实施例中不做赘述。
步骤S502:分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;
其中,在接收到终端传递的配置信息后,对于该配置信息进行初步的分析,得到待创建页面中的排版组件的配置数据以及其他组件的配置数据。
其中,每个页面的最外层(第一层)是排版组件,其他组件是设置于第一层排版组件内。
具体的,排版组件用于控制版式,是为了划分页面的一个个区域。版式里面可以放基础组件,内容组件,高级组件等。
步骤S503:将所述排版组件的配置信息存储到第一数据表;
步骤S504:将所述非排版组件的配置信息存储到第二数据表;
其中,在数据库中设置有第一数据表和第二数据表,将分析得到的配置信息存储到相应的数据表中。
首先,把一个页面中第一层排版组件的配置信息存入第一数据表,其次,对每个第一层排版组件内所有的各级组件(包含基础组件、内容组件、高级组件等)及其配置信息存入第二数据表中。
具体的,第一数据表中包括排版组件的各项配置信息,如自由容器、通栏、横向选项卡、纵向选项卡等的大小、位置等信息。
具体的,第二数据表中包括各级组件及其配置信息,如文字组件,其配置信息包括文字内容、字号、字体、行高等,按照不同组件的配置信息中不同的信息作为数据表的各个表项的内容。
如下表1所示的为第一数据表示例。
表1
如下表2所示的为第二数据表示例。
表2
需要说明的是,上述表1和表2仅是对于第一数据表和第二数据表进行示例,具体实施中,第一数据表和第二数据表的表项以及内容可以根据情况设置,并不限制于此。
步骤S505:解析所述配置信息得到网页可识别的第一文档以及动态数据块;
步骤S506:将所述动态数据块转换为网页可识别的第二文档;
步骤S507:根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
其中,步骤S505-507与实施例1中的步骤S102-104一致,本实施例中不做赘述。
综上,本实施例提供的一种创建页面的方法中,包括:分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;将所述排版组件的配置信息存储到第一数据表;将所述非排版组件的配置信息存储到第二数据表。本方案中,将待创建页面中的各个组件的配置信息,按照第一层和设置于第一层内部的组件的不同,分配将配置信息存储到不同的数据表中,以为后续进行解析处理提供依据,提高解析的效率。
如图6所示的,为本申请提供的一种创建页面的方法实施例4的流程图,该方法应用于一服务器,该方法包括以下步骤:
步骤S601:接收终端传递的配置信息;
步骤S602:分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;
步骤S603:将所述排版组件的配置信息存储到第一数据表;
步骤S604:将所述非排版组件的配置信息存储到第二数据表;
其中,不做S601-604与实施例3中的步骤S501-504一致,本实施例中不做赘述。
步骤S605:按照表项内容,依次从所述第一数据表和第二数据表获取配置信息;
其中,所述第二数据表中第一表项存储的是动态内容组件以及配置信息。
其中,该第一数据表中存储的是排版组件的配置信息,第二数据表中是除了排版组件的其他组件的配置信息。
具体的,按照第一数据表和第二数据表中的各个表项排列方式,依次从第一数据表和第二数据表的各个表项中获取相应的配置信息。
步骤S606:基于预设的第一转换规则,将所述第一数据表中的表项内容转换为超文本标记语言格式,将所述第二数据表中除第一表项的其他表项的表项内容转换为超文本标记语言格式,得到的第一文档;
其中,基于第一转换规则,将该第一数据表中的各个表项内容转换为html格式,将第二数据表中除了动态内容组件的其他组件对应的表项的内容转换为html,将上述两部分转换得到html内容得到第一文档。
具体的,该第一文档里面的内容是div和css,是浏览器可以识别的内容。
其中,该第一数据表和第二数据表中保存的配置是用户对于网页页面中组件进行配置的信息。
例如,用户在页面中添加了一个通栏排版,又添加了一个文字组件放入该通栏排版内,然后将文字组件的内容设置为“我是一个文字组件”,字号设置为20,颜色设置为红色。这些配置信息发送给后台服务器,将在后台服务器转换成html文档,html文档是浏览器可以识别的,html文档里面的内容是div和css。
步骤S607:基于预设的第一转换规则,将所述第二数据表中第一表项的表项内容转换为五星云的动态数据块;
其中,该第二数据表中第一表项中存储的是动态组件的配置信息,对于该第一表项中的内容进行转换。
其中,第一转换规则对该第一表项的表项内容进行转换,转换得到五星云的动态数据块,而该动态数据块是并不能够被浏览器解析的html文档,需要进一步在后续对于该动态数据块进行处理。
具体实施中,可以在第二数据表的第一表项中添加标识,将具有该标识的表项进行转换为五星云的动态数据块,其他不具有该标识的表项进行转换为html格式文档。
步骤S608:基于第二转换规则,将所述动态数据块转换为网页可识别的第二文档;
步骤S609:根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
其中,步骤S608-609与实施例3中的步骤S506-507一致,本实施例中不做赘述。
综上,本实施例提供的一种创建页面的方法中,包括:按照表项内容,依次从所述第一数据表和第二数据表获取配置信息,所述第二数据表中第一表项存储的是动态组件以及配置信息;基于预设的第一转换规则,将所述第一数据表中的表项内容转换为超文本标记语言格式,将所述第二数据表中除第一表项的其他表项的表项内容转换为超文本标记语言格式,得到的第一文档,并且将所述第二数据表中第一表项的表项内容转换为五星云的动态数据块。本方案中,基于预设的第一转换规则,将两个数据表中的各个表项的内容进行转换,其中,第二数据表中第一表项的表项内容转换为五星云的动态数据块,以便后续进行再次处理,该第二数据表中的其他表项以及第一数据表中的各项表项内容转换为html格式,得到第一文档,实现了将动态组件的配置信息和非动态组件的配置信息分别进行转换。
如图7所示的,为本申请提供的一种创建页面的方法实施例5的流程图,该方法应用于一服务器,该方法包括以下步骤:
步骤S701:接收终端传递的待创建页面的配置信息;
步骤S702:基于预设的第一转换规则,将非动态组件以及配置信息转换为超文本标记语言格式的第一文档;
步骤S703:基于预设的第一转换规则,将动态组件以及配置信息转换为五星云的动态数据块;
其中,步骤S701-703与实施例2中的步骤S401-403一致,本实施例中不做赘述。
步骤S704:基于所述动态组件的配置信息,调取与所述动态数据块对应数据块模型的目标信息;
其中,将该五星云的动态数据块进行转换得到第二文档的过程,结合该动态组件的实际情况。
具体的,服务器中设置有数据库,数据库中包含各种数据块模型,每个数据块模型对应的信息不同。
其中,根据该动态组件的配置信息从数据库中调取该动态数据块对应的数据块模型,并获取该数据块模型对应的目标信息。
例如,动态组件中,配置信息是最新的10条新闻,则基于该配置信息10条新闻,确定该配置信息对应的是10条新闻模型,从数据库中查询出最新的10条新闻。
步骤S705:将所述目标信息转换为超文本标记语言格式的第二文档;
其中,将上述步骤中从数据库中调取得到的目标信息进行转换为超文本标记语言格式,即可得到第二文档。
具体的,该转换的规则可以采用预设的第一转换规则。
需要说明的是,对于五星云的动态数据块转换为第二文档,主要是对配置的动态数据块进行数据查询和转换成html的两个步骤实现,该转换后的内容就是html文档。
步骤S706:根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
其中,步骤S706与实施例1中的步骤S405一致,本实施例中不做赘述。
综上,本实施例提供的一种创建页面的方法中,包括:基于所述动态组件的配置信息,调取与所述动态数据块对应数据块模型的目标信息;基于预设的第一转换规则,将所述目标信息转换为超文本标记语言格式的第二文档。本方案中,对于五星云的动态数据块转换为第二文档,通过对配置的动态数据块进行数据查询和转换成html的两个步骤实现,过程简单易实现。
如图8所示的,为本申请提供的一种创建页面的方法实施例6的流程图,该方法应用于一终端,该方法包括以下步骤:
步骤S801:响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;
其中,用户在终端的输入装置中输入创建页面的操作,终端响应该操作,控制在显示屏幕中显示待创建页面以及多个组件选项。
具体的,在显示屏幕中,该多个组件选项与该待创建的页面相邻排列。
步骤S802:响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示;
其中,所述至少一个组件至少包括一个动态组件;
其中,用户通过终端的输入装置执行拖动操作,以使实现控制显示屏幕中显示的组件选项拖动到页面所在区域。
具体的,终端分析用户执行的该拖动操作,确定拖动操作起始位置所属的区域对应显示的组件,确定该拖动操作结束位置对应显示的页面的目标区域,将该起始位置对应显示的组件,复制到页面中的目标区域。
其中,该拖动操作涉及的组件包括了动态组件和非动态组件,该创建的页面中设置了动态组件,该页面即为动态页面。
步骤S803:接收对于所述至少一个组件的配置信息;
其中,在控制某一个组件在页面中的目标区域显示后,终端的显示屏幕中还弹出配置信息的对话框,用户通过该对话框输入该组件的配置信息。
其中,不同的组件,其配置信息不同。
步骤S804:将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。
其中,终端将选择的至少一个组件以及其配置信息传输给服务器,服务器基于该组件以及配置信息进行转换处理,得到该页面对应的目标文档。
具体的,该服务器进行转换处理得到目标文档的过程,参考前述应用于服务器侧的页面创建方法的实施例。
例如,用户在页面中添加了一个通栏排版,又添加了一个文字组件放入该通栏排版内,然后将文字组件的内容设置为“我是一个文字组件”,字号设置为20,颜色设置为红色。这些配置信息发送给服务器,服务器会记录这些配置信息并进行转换,以实现将配置信息转换为html格式。而且在创建网页时,呈现给用户组件配置的效果,方便用户了解页面配置的情况,无需用户进行编程,降低用户的使用门槛。
需要说明的是,服务器中设置有vue动态渲染组件,在用户对组件进行配置的时候,实时渲染,呈现给用户组件配置的效果。
综上,本实施例提供的一种创建页面的方法,包括:响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示,所述至少一个组件至少包括一个动态组件;接收对于所述至少一个组件的配置信息;将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。本方案中,用户只需在终端的显示屏幕中显示内容中执行拖拽这种可视化形式的操作,无需进行代码编辑,降低用户的使用门槛,节省创建页面时间。
与上述本申请提供的一种创建页面的方法实施例相对应的,本申请还提供了应用该创建动态页面的方法的装置实施例。
如图9所示的为本申请提供的一种创建页面的装置实施例1的结构示意图,该装置应用于服务器,包括以下结构:接收模块901、解析模块902、转换模块903和合并模块904;
其中,该接收模块901,用于接收终端传递的配置信息,所述配置信息中至少包括待创建页面中至少一个组件以及配置信息,所述至少一个组件至少包括一个动态组件;
其中,该解析模块902,用于解析所述配置信息得到网页可识别的第一文档以及动态数据块;
其中,该转换模块903,用于将所述动态数据块转换为网页可识别的第二文档;
合其中,该并模块904,用于根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
可选的,所述解析模块,包括:
第一解析单元,用于基于预设的第一转换规则,将非动态组件以及配置信息转换为超文本标记语言格式的第一文档;
第二解析单元,用于基于预设的第一转换规则,将动态组件以及配置信息转换为五星云的动态数据块。
可选的,第二解析单元,具体用于:
基于第二转换规则,将所述五星云的动态数据块转换为网页可识别的第二文档。
可选的,还包括:
存储模块,用于分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;将所述排版组件的配置信息存储到第一数据表;将所述非排版组件的配置信息存储到第二数据表。
可选的,所述解析模块,具体用于:
按照表项内容,依次从所述第一数据表和第二数据表获取配置信息,所述第二数据表中第一表项存储的是动态组件以及配置信息;
基于预设的第一转换规则,将所述第一数据表中的表项内容转换为超文本标记语言格式,将所述第二数据表中除第一表项的其他表项的表项内容转换为超文本标记语言格式,得到的第一文档;
基于预设的第一转换规则,将所述第二数据表中第一表项的表项内容转换为五星云的动态数据块。
可选的,所述转换模块,具体用于:
基于所述动态组件的配置信息,调取与所述动态数据块对应数据块模型的目标信息;
将所述目标信息转换为超文本标记语言格式的第二文档。
其中,该创建页面的装置中各个结构功能参考前述创建页面的方法实施例中的解释即可,本实施例中不做赘述。
综上,本实施例提供的一种创建页面的装置,页面的创建者在终端执行创建页面选择组件以及配置信息的操作,选择的组件中包括至少一个动态组件,实现创建动态页面,服务器根据该配置信息进行解析以及识别,即可得到网页可识别的第一文档,并通过将动态内容对应的动态数据块进一步转换即可得到网页可识别的第二文档,两个文档合并即可得得到针对该用创建者创建的动态页面,本方案中,创建者只需要在终端进行创建页面以及配置的操作,无需编辑代码,也无需学习代码所需的html技术,降低了对于创建者的要求。
如图10所示的为本申请提供的一种创建页面的装置实施例2的结构示意图,该装置应用于终端,包括以下结构:显示控制模块1001和传输模块1002;
其中,该显示控制模块1001,用于响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;以及响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示,所述至少一个组件至少包括一个动态组件;
其中,该传输模块1002,用于接收对于所述至少一个组件选项的配置信息,并将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。
其中,该创建页面的装置中各个结构功能参考前述创建页面的方法实施例中的解释即可,本实施例中不做赘述。
综上,本实施例提供的一种创建页面的装置,用户只需在终端的显示屏幕中显示内容中执行拖拽这种可视化形式的操作,无需进行代码编辑,降低用户的使用门槛,节省创建页面时间。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例提供的装置而言,由于其与实施例提供的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
对所提供的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所提供的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种创建页面的方法,其特征在于,应用于服务器,所述方法包括:
接收终端传递的配置信息,所述配置信息中至少包括待创建页面中至少一个组件以及配置信息,所述至少一个组件至少包括一个动态组件;
解析所述配置信息得到网页可识别的第一文档以及动态数据块;
将所述动态数据块转换为网页可识别的第二文档;
根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
2.根据权利要求1所述的方法,其特征在于,所述解析所述配置信息得到网页可识别的第一文档以及动态数据块,包括:
基于预设的第一转换规则,将非动态组件以及配置信息转换为超文本标记语言格式的第一文档;
基于预设的第一转换规则,将动态组件以及配置信息转换为五星云的动态数据块。
3.根据权利要求2所述的方法,其特征在于,将所述动态数据块转换为网页可识别的第二文档,包括:
基于第二转换规则,将所述五星云的动态数据块转换为网页可识别的第二文档。
4.根据权利要求1所述的方法,其特征在于,所述接收终端传递的配置信息之后,解析所述配置信息得到网页可识别的第一文档以及动态数据块之前,还包括:
分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;
将所述排版组件的配置信息存储到第一数据表;
将所述非排版组件的配置信息存储到第二数据表。
5.根据权利要求4所述的方法,其特征在于,所述解析所述配置信息得到网页可识别的第一文档以及动态数据块,包括:
按照表项内容,依次从所述第一数据表和第二数据表获取配置信息,所述第二数据表中第一表项存储的是动态组件以及配置信息;
基于预设的第一转换规则,将所述第一数据表中的表项内容转换为超文本标记语言格式,将所述第二数据表中除第一表项的其他表项的表项内容转换为超文本标记语言格式,得到的第一文档;
基于预设的第一转换规则,将所述第二数据表中第一表项的表项内容转换为五星云的动态数据块。
6.根据权利要求2或5任一项所述的方法,其特征在于,所述将所述动态数据块转换为网页可识别的第二文档,包括:
基于所述动态组件的配置信息,调取与所述动态数据块对应数据块模型的目标信息;
将所述目标信息转换为超文本标记语言格式的第二文档。
7.一种创建页面的方法,其特征在于,应用于终端,所述方法包括:
响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;
响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示,所述至少一个组件至少包括一个动态组件;
接收对于所述至少一个组件的配置信息;
将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。
8.一种创建页面的装置,其特征在于,应用于服务器,所述装置包括:
接收模块,用于接收终端传递的配置信息,所述配置信息中至少包括待创建页面中至少一个组件以及配置信息,所述至少一个组件至少包括一个动态组件;
解析模块,用于解析所述配置信息得到网页可识别的第一文档以及动态数据块;
转换模块,用于将所述动态数据块转换为网页可识别的第二文档;
合并模块,用于根据所述第一文档和第二文档得到所述待创建页面对应的目标文档。
9.根据权利要求8所述的装置,其特征在于,还包括:
存储模块,用于分析所述配置信息,得到所述待创建页面中排版组件的配置信息以及非排版组件的配置信息;将所述排版组件的配置信息存储到第一数据表;将所述非排版组件的配置信息存储到第二数据表。
10.一种创建页面的装置,其特征在于,应用于终端,所述装置包括:
显示控制模块,用于响应于用户执行的创建页面的操作,控制在显示屏幕中显示待创建页面以及至少两个组件选项;以及响应于用户执行的拖动操作,选择至少一个组件在所述待创建页面中的目标区域显示,所述至少一个组件至少包括一个动态组件;
传输模块,用于接收对于所述至少一个组件选项的配置信息,并将所述组件以及配置信息传输至服务器,以使得服务器基于所述组件以及配置信息生成所述待创建页面对应的目标文档。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210846719.1A CN115114556A (zh) | 2022-07-06 | 2022-07-06 | 一种创建页面的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210846719.1A CN115114556A (zh) | 2022-07-06 | 2022-07-06 | 一种创建页面的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115114556A true CN115114556A (zh) | 2022-09-27 |
Family
ID=83332696
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210846719.1A Pending CN115114556A (zh) | 2022-07-06 | 2022-07-06 | 一种创建页面的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115114556A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116415089A (zh) * | 2023-06-05 | 2023-07-11 | 北京易二零环境股份有限公司 | 工业设备可视化管理方法、计算机设备和存储介质 |
-
2022
- 2022-07-06 CN CN202210846719.1A patent/CN115114556A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116415089A (zh) * | 2023-06-05 | 2023-07-11 | 北京易二零环境股份有限公司 | 工业设备可视化管理方法、计算机设备和存储介质 |
CN116415089B (zh) * | 2023-06-05 | 2023-08-08 | 北京易二零环境股份有限公司 | 工业设备可视化管理方法、计算机设备和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3518124A1 (en) | Webpage rendering method and related device | |
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
CN109863527B (zh) | 用于展现的本地内容的服务器侧渲染的方法和*** | |
JP4344693B2 (ja) | ブラウザの文書編集のためのシステムおよびその方法 | |
CN100568226C (zh) | 用于重新格式化具有混乱超链接的区域的方法 | |
US20130104027A1 (en) | Systems, methods, and interfaces for display of inline content and block level content on an access device | |
US20150033116A1 (en) | Systems, Methods, and Media for Generating Structured Documents | |
US20090112824A1 (en) | Method and apparatus for generating presentation configuration file of document content | |
CN103605502B (zh) | 表单页面显示方法及服务器 | |
CN101661506B (zh) | 在本地定制导航页的方法、***和浏览器 | |
US20220222310A1 (en) | Method and apparatus for generating web page | |
CN104899212B (zh) | 网页展示方法、服务器及*** | |
CN107590288B (zh) | 用于抽取网页图文块的方法和装置 | |
CN115114556A (zh) | 一种创建页面的方法和装置 | |
CN113360106A (zh) | 一种网页打印方法和装置 | |
US10157238B2 (en) | Transformation of marked-up content to a reversible file format for automated browser based pagination | |
CN115587075B (zh) | 版式文件处理方法、装置、终端设备及存储介质 | |
CN103034990A (zh) | 出版物校验的方法和装置 | |
CN115309476A (zh) | 一种基于浏览器的ofd文件显示和编辑方法 | |
EP2557505A1 (en) | Web display program conversion system, web display program conversion method, and program for web display program conversion | |
CN114489639A (zh) | 文件生成方法、装置、设备及存储介质 | |
CN104978181B (zh) | 一种页面显示方法、终端和装置 | |
US20170286378A1 (en) | Inserting text and graphics using hand markup | |
CN104182398A (zh) | 服务器和信息浏览方法 | |
CN104391829B (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 |