页面组件构建方法、装置、页面生成设备及可读存储介质制造方法及图纸

本申请实施例提供一种页面组件构建方法、装置、页面生成设备及可读存储介质。本申请通过页面生成设备向组件配置服务器发送与待构建组件对应的配置信息获取请求，并向组件脚本服务器发送与该待构建组件对应的脚本资源获取请求，以从所述组件配置服务器获取到对应的目标配置信息，并从所述组件脚本服务器获取到对应的目标组件依赖包，从而在所述页面生成设备当前的页面环境下，基于与该待构建组件对应的目标配置信息、目标组件依赖包及业务数据快速地渲染生成对应的页面组件，进而确保生成的页面组件均属于在所述页面生成设备处的本地化组件，避免出现嵌套Web页面间通信困难的问题，提高网页开发搭建效率。

Page Component Construction Method, Device, Page Generating Device and Readable Storage Media

【技术实现步骤摘要】
页面组件构建方法、装置、页面生成设备及可读存储介质
本申请涉及网页开发
，具体而言，涉及一种页面组件构建方法、装置、页面生成设备及可读存储介质。
技术介绍
随着互联网技术的不断发展，网络服务已逐渐成为人们日常生活中不可缺少的一部分，其中网络服务通常需要通过网页开发来实现，而对网页开发而言，如何快速地构建出合适的页面组件边是网页开发过程中的一个极为重要的实现因素。目前，市面上通常采用可视化厂商提供的可视化产品在网页系统中嵌套配置出对应页面中的组件，或引用Web前端可视化开源脚本库进行组件开发，以在页面中构建出对应的组件。其中，在前一种方式中，通常因浏览器同源策略规定而存在嵌套Web页面间通信困难的问题；在后一种方式中，需要网页开发者人工地根据需求对组件的属性及应用进行不断摸索，并进行代码调整，从而使得组件的构建效率不高，进而导致整体的网页开发搭建效率不高。
技术实现思路
为了克服现有技术中的上述不足，本申请的目的在于提供一种页面组件构建方法、装置、页面生成设备及可读存储介质，其能够快速地构建出合适的页面组件，并避免出现嵌套Web页面间通信困难的问题，提高网页开发搭建效率。就方法而言，本申请实施例提供一种页面组件构建方法，所述方法应用于包括页面生成设备、组件配置服务器及组件脚本服务器的网页开发系统，所述方法包括：所述页面生成设备向所述组件配置服务器发送用于获取待构建组件的配置信息的配置信息获取请求；所述组件配置服务器根据所述配置信息获取请求包括的组件种类信息及组件特征信息得到对应的目标配置信息，并将所述目标配置信息发送给所述页面生成设备；所述页面生成设备向所述组件脚本服务器发送用于获取所述待构建组件所对应的依赖包脚本的脚本资源获取请求；所述组件脚本服务器根据所述脚本资源获取请求包括的组件种类信息获取对应的目标组件依赖包，并将所述目标组件依赖包发送给所述页面生成设备；所述页面生成设备根据所述目标配置信息、所述目标组件依赖包及与所述待构建组件对应的业务数据，在当前页面环境中渲染生成与所述待构建组件对应的页面组件。就方法而言，本申请实施例还提供一种页面组件构建方法，所述方法应用于网页开发系统包括的页面生成设备，其中所述系统还包括组件配置服务器及组件脚本服务器，所述方法包括：向所述组件配置服务器发送用于获取待构建组件的配置信息的配置信息获取请求，使所述组件配置服务器反馈对应的目标配置信息，其中所述配置信息获取请求包括所述待构建组件对应的组件种类信息及组件特征信息；向所述组件脚本服务器发送用于获取所述待构建组件所对应的依赖包脚本的脚本资源获取请求，使所述组件脚本服务器反馈对应的目标组件依赖包，其中所述脚本资源获取请求包括所述待构建组件对应的组件种类信息；根据所述目标配置信息、所述目标组件依赖包及与所述待构建组件对应的业务数据，在当前页面环境中渲染生成与所述待构建组件对应的页面组件。就装置而言，本申请实施例提供一种页面组件构建装置，所述装置应用于网页开发系统包括的页面生成设备，其中所述系统还包括组件配置服务器及组件脚本服务器，所述装置包括：配置获取模块，用于向所述组件配置服务器发送用于获取待构建组件的配置信息的配置信息获取请求，使所述组件配置服务器反馈对应的目标配置信息，其中所述配置信息获取请求包括所述待构建组件对应的组件种类信息及组件特征信息；脚本获取模块，用于向所述组件脚本服务器发送用于获取所述待构建组件所对应的依赖包脚本的脚本资源获取请求，使所述组件脚本服务器反馈对应的目标组件依赖包，其中所述脚本资源获取请求包括所述待构建组件对应的组件种类信息；组件生成模块，用于根据所述目标配置信息、所述目标组件依赖包及与所述待构建组件对应的业务数据，在当前页面环境中渲染生成与所述待构建组件对应的页面组件。就设备而言，本申请实施例提供一种页面生成设备，所述设备应用于包括组件配置服务器及组件脚本服务器的网页开发系统，所述页面生成设备包括处理器及存储有计算机指令的非易失性存储器，所述计算机指令被所述处理器执行时，所述页面生成设备执行上述的页面组件构建方法。就存储介质而言，本申请实施例提供一种可读存储介质，所述可读存储介质包括计算机程序，所述计算机程序运行时控制所述可读存储介质所在页面生成设备执行上述的页面组件构建方法。相对于现有技术而言，本申请具有以下有益效果：本申请通过页面生成设备向组件配置服务器发送与待构建组件对应的配置信息获取请求，并向组件脚本服务器发送与该待构建组件对应的脚本资源获取请求，以从所述组件配置服务器获取到对应的目标配置信息，从所述组件脚本服务器获取到对应的目标组件依赖包，从而在所述页面生成设备当前的页面环境下，基于与该待构建组件对应的目标配置信息、目标组件依赖包及业务数据快速地渲染生成对应的页面组件，进而确保生成的页面组件均属于在所述页面生成设备处的本地化组件，避免出现嵌套Web页面间通信困难的问题，提高网页开发搭建效率。为使本申请的上述目的、特征和优点能更明显易懂，下文特举本申请较佳实施例，并配合所附附图，作详细说明如下。附图说明为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对本申请保护范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。图1为本申请实施例提供的网页开发系统的组成示意图；图2为本申请实施例提供的页面生成设备的方框示意图；图3为本申请实施例提供的页面组件构建方法的第一种流程示意图；图4为本申请实施例提供的页面组件构建方法的第二种流程示意图；图5为本申请实施例提供的页面组件构建装置的方框示意图。图标：10-网页开发系统；11-页面生成设备；12-组件配置服务器；13-组件脚本服务器；111-存储器；112-处理器；113-通信单元；200-页面组件构建装置；210-配置获取模块；220-脚本获取模块；230-组件生成模块。具体实施方式为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。下面结合附图，对本申请的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。请参照图1，图1是本申请实施例提供的网页开发系统10的组成示意图。在本申请实施例中，所述网页开发系统10可用于进行网页开发及网页搭建，其中所述网页开发系统10包括页面生成设备11、组件配置服务器12及组件脚本服务器13。在本实施例中，所述组件配置服务器12上运行有We本文档来自技高网...

【技术保护点】
1.一种页面组件构建方法，其特征在于，应用于包括页面生成设备、组件配置服务器及组件脚本服务器的网页开发系统，所述方法包括：所述页面生成设备向所述组件配置服务器发送用于获取待构建组件的配置信息的配置信息获取请求；所述组件配置服务器根据所述配置信息获取请求包括的组件种类信息及组件特征信息得到对应的目标配置信息，并将所述目标配置信息发送给所述页面生成设备；所述页面生成设备向所述组件脚本服务器发送用于获取所述待构建组件所对应的依赖包脚本的脚本资源获取请求；所述组件脚本服务器根据所述脚本资源获取请求包括的组件种类信息获取对应的目标组件依赖包，并将所述目标组件依赖包发送给所述页面生成设备；所述页面生成设备根据所述目标配置信息、所述目标组件依赖包及与所述待构建组件对应的业务数据，在当前页面环境中渲染生成与所述待构建组件对应的页面组件。

【技术特征摘要】
1.一种页面组件构建方法，其特征在于，应用于包括页面生成设备、组件配置服务器及组件脚本服务器的网页开发系统，所述方法包括：所述页面生成设备向所述组件配置服务器发送用于获取待构建组件的配置信息的配置信息获取请求；所述组件配置服务器根据所述配置信息获取请求包括的组件种类信息及组件特征信息得到对应的目标配置信息，并将所述目标配置信息发送给所述页面生成设备；所述页面生成设备向所述组件脚本服务器发送用于获取所述待构建组件所对应的依赖包脚本的脚本资源获取请求；所述组件脚本服务器根据所述脚本资源获取请求包括的组件种类信息获取对应的目标组件依赖包，并将所述目标组件依赖包发送给所述页面生成设备；所述页面生成设备根据所述目标配置信息、所述目标组件依赖包及与所述待构建组件对应的业务数据，在当前页面环境中渲染生成与所述待构建组件对应的页面组件。2.根据权利要求1所述的方法，其特征在于，所述组件配置服务器根据所述配置信息获取请求包括的组件种类信息及组件特征信息得到对应的目标配置信息，包括：在存储的多个标准化组件中选取与所述组件种类信息对应的标准化组件；按照所述组件特征信息对选取到的所述标准化组件的组件属性进行调整；对调整后的所述标准化组件进行组件解耦，并以解耦得到的组件配置信息作为所述目标配置信息。3.根据权利要求1所述的方法，其特征在于，所述组件脚本服务器根据所述脚本资源获取请求包括的组件种类信息获取对应的目标组件依赖包，包括：在存储的各个组件种类所对应的网页Web前端依赖包中，查找与所述组件种类信息对应的Web前端依赖包，并以查找到的Web前端依赖包作为所述目标组件依赖包。4.根据权利要求1-3中任意一项所述的方法，其特征在于，所述页面生成设备根据所述目标配置信息、所述目标组件依赖包及与所述待构建组件对应的业务数据，在当前页面环境中渲染生成与所述待构建组件对应的页面组件，包括：在当前页面环境中创建与所述组件种类信息对应的标准化组件，并将所述业务数据加载到所述标准化组件上；以所述目标配置信息及所述目标组件依赖包对加载完所述业务数据的所述标准化组件进行本地渲染，并以渲染得到的组件作为与所述待构建组件对应的页面组件。5.一种页面组件构建方法，其特征在于，应用于网页开发系统包括的页面生成设备，其中所述系统还包括组件配置服务器及组件脚本服务器，所述方法包括：向所述组件配置服务器发送用于获取待构建组件的配置信息的配置信息获取请求，使所述组件配置服务器反馈对应的目标配置信息，其中所述配置信息获取请求包括所述待构建组件对应的组件种类信息及组件特征信息；向所述...

【专利技术属性】
技术研发人员：徐祥，段小波，王国玉，戴春兰，
申请(专利权)人：成都四方伟业软件股份有限公司，
类型：发明
国别省市：四川,51