CN117389538A - 页面组件内容开发方法、装置、设备以及存储介质 - Google Patents

Abstract

本申请实施例提供了一种页面组件内容开发方法、装置、设备以及存储介质，该方法包括：获取页面组件的组件原始数据，基于预设解析规则将组件原始数据进行解析得到至少一个目标数据单元；然后将至少一个目标数据单元基于预设语法规则进行组织，得到与预设语法规则对应的数据结构相匹配的目标组件数据；最后基于组件内容信息生成页面组件的组件内容，并基于组件联动信息向页面组件添加值变化联动关系。本方案通过对该组件原始数据进行解析以及组织，可以将转换为与组件开发对应的数据结构相匹配的目标组件数据，并基于该目标组件数据可以自动生成页面组件的组件内容以及确定组件内容的值变化联动关系，无需额外的人工代码编写，提高页面开发效率。

Description

页面组件内容开发方法、装置、设备以及存储介质

技术领域

本申请实施例涉及计算机技术领域，尤其涉及一种页面组件内容开发方法、装置、设备以及存储介质。

背景技术

在页面组件开发过程中，开发人员需要根据页面组件的功能需求进行组件开发，在具体的开发过程中，开发人员可以通过复用UI组件来辅助组件内容的生成。

然而，由于不同页面的组件需求以及交互逻辑不同，通用UI组件无法适应于不同页面的定制化开发需求。开发人员需要对应于不同页面组件进行大量的组件代码和交互逻辑的编写，其中，对于不同数据格式的组件数据来源，需要分别进行数据结构的统一，导致开发效率低下，造成开发人员大量的重复劳动。

发明内容

本申请实施例提供了一种页面组件内容开发方法、装置、设备以及存储介质，解决开发人员仍需要编写大量的组件代码和交互逻辑，开发效率低下的问题，实现了在开发人员输入通用数据格式的组件原始数据后，通过对该组件原始数据进行解析以及组织，可以将转换为与组件开发对应的数据结构相匹配的目标组件数据，并基于该目标组件数据可以自动生成页面组件的组件内容以及确定组件内容的值变化联动关系，无需额外的人工代码编写，提高页面开发效率。

第一方面，本申请实施例提供了一种页面组件内容开发方法，该方法包括：

获取页面组件的组件原始数据，基于预设解析规则将所述组件原始数据进行解析得到至少一个目标数据单元；

将所述至少一个目标数据单元基于预设语法规则进行组织，得到与所述预设语法规则对应的数据结构相匹配的目标组件数据，所述目标组件数据包括组件内容信息以及组件联动信息；

基于所述组件内容信息生成所述页面组件的组件内容，并基于所述组件联动信息向所述页面组件添加值变化联动关系。

第二方面，本申请实施例还提供了一种页面组件内容开发装置，包括：

原始数据解析模块，配置为获取页面组件的组件原始数据，基于预设解析规则将所述组件原始数据进行解析得到至少一个目标数据单元；

组件数据生成模块，配置为将所述至少一个目标数据单元基于预设语法规则进行组织，得到与所述预设语法规则对应的数据结构相匹配的目标组件数据，所述目标组件数据包括组件内容信息以及组件联动信息；

组件内容确定模块，配置基于所述组件内容信息生成所述页面组件的组件内容，并基于所述组件联动信息向所述页面组件添加值变化联动关系。

第三方面，本申请实施例还提供了一种页面组件内容开发设备，该设备包括：

一个或多个处理器；

存储装置，配置为存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本申请实施例所述的页面组件内容开发方法。

第四方面，本申请实施例还提供了一种存储计算机可执行指令的非易失性存储介质，所述计算机可执行指令在由计算机处理器执行时配置为执行本申请实施例所述的页面组件内容开发方法。

本申请实施例中，通过获取页面组件的组件原始数据，基于预设解析规则将组件原始数据进行解析得到至少一个目标数据单元；然后将至少一个目标数据单元基于预设语法规则进行组织，得到与预设语法规则对应的数据结构相匹配的目标组件数据，目标组件数据包括组件内容信息以及组件联动信息；最后基于组件内容信息生成页面组件的组件内容，并基于组件联动信息向页面组件添加值变化联动关系。实现了在开发人员输入通用数据格式的组件原始数据后，通过对该组件原始数据进行解析以及组织，可以将转换为与组件开发对应的数据结构相匹配的目标组件数据，并基于该目标组件数据可以自动生成页面组件的组件内容以及确定组件内容的值变化联动关系，无需额外的人工代码编写，提高页面开发效率。

附图说明

图1为本申请实施例提供的一种页面组件内容开发方法的流程图；

图2为本申请实施例提供的一种将组件原始数据进行解析得到至少一个目标数据单元的方法的流程图；

图3为本申请实施例提供的一种基于预设语法规则将目标数据单元进行组织得到目标组件数据的方法的流程图；

图4为本申请实施例提供的一种生成页面组件的组件内容以及确定联动关系的方法的流程图；

图5为本申请实施例提供的一种页面组件内容开发装置的结构框图；

图6为本申请实施例提供的一种页面组件内容开发设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请实施例作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请实施例，而非对本申请实施例的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请实施例相关的部分而非全部结构。

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。

本申请实施例提供的页面组件内容开发方法，各步骤的执行主体可以是计算机设备，该计算机设备是指任何具备数据计算、处理和存储能力的电子设备，如手机、PC(Personal Computer，个人计算机)、平板电脑等终端设备，也可以是服务器等设备，本申请实施例对此不作限定。

图1为本申请实施例提供的一种页面组件内容开发方法的流程图，该页面组件内容开发方法可以以页面组件内容开发装置为执行主体实现。如图1所示，该页面组件内容开发方法具体包括如下步骤：

步骤S101、获取页面组件的组件原始数据，基于预设解析规则将组件原始数据进行解析得到至少一个目标数据单元。

其中，页面组件可以用户显示界面在不同应用场景下不同的UI元素或模块，不同页面组件之间为相对独立的单元，通过具有可配置的属性或选项，可以适应于不同的需求和样式，此外，页面组件还具备交互性，如按钮点击、表单提交等，能够响应于用户的操作并触发相应的事件或动作。示例的，页面组件可以包括筛选栏、表格数据栏、编辑栏以及菜单栏等，在不同应用场景下，可以在用户显示界面进行不同类别数据的展示，例如，在电商后台管理系统，页面组件可以基于不同的商品类别展示不同的筛选条件和表格数据，在社交媒体后台管理系统中，页面组件可以基于用户的地理位置展示不同的筛选条件和表格数据，当然，前述罗列的几种页面组件以及应用场景仅是示例性和解释性的，在实际应用中，还可以在其他场景下应用其他不同类型的页面组件，本申请实施例对此不作限定。此外，组件原始数据可以是开发人员通过预定义的通用数据格式对应生成的用于生成页面组件内容的数据，具体的，通过将类型、键、标签、是否必填、展示条件、默认值和值变化联动操作等页面组件通用的开发元素进行通用数据格式的定义，预设解析规则可以是将通用数据格式的组件原始数据进行最小的可操作数据单元的拆分，以JSON格式为例，数据单元可以是花括号、冒号、字符串、数字等，示例的，预设解析规则可以使用正则表达式来描述，开发人员可以通过编辑通用数据格式的数据内容作为组件原始数据，进而通过解析该组件原始数据来对应转换为相应的数据结构，进而满足不同页面的组件需求以及交互逻辑的开发，无需为适应于页面组件开发需求的不同数据结构来生成不同数据格式的组件原始数据，降低页面组件开发的复杂度，提高页面组件开发的便捷性。

在一个实施例中，图2为本申请实施例提供的一种将组件原始数据进行解析得到至少一个目标数据单元的方法的流程图，如图2所示，将组件原始数据进行解析得到至少一个目标数据单元的过程包括以下步骤：

步骤S1011、获取页面组件的组件原始数据。

步骤S1012、将组件原始数据进行逐字符拆分得到至少一个候选数据单元。

步骤S1013、从至少一个候选数据单元中确定与预设解析规则相匹配的至少一个目标数据单元。

其中，组件原始数据可能会包括无效字符，因而获取组件原始数据后，可以逐个字符进行扫描分割得到候选数据单元，对于候选数据单元，可以与预设解析规则进行匹配，并将匹配成功的候选数据单元作为目标数据单元输出，通常目标数据单元包括数据类型以及对应的值，例如，候选数据单元中可能包括无关字符，如空格、制表符和换行符等，可以不作为目标数据单元输出。由此，可以更加准确获取到与预设解析规则相符合的目标数据单元，有利于后续目标组件数据的生成。

步骤S102、将至少一个目标数据单元基于预设语法规则进行组织，得到与预设语法规则对应的数据结构相匹配的目标组件数据，目标组件数据包括组件内容信息以及组件联动信息。

其中，预设语法规则可以是使用形式化语言描述的定义数据格式的语法规则或文法。通过预设语法规则可以进行逐个输入的目标数据单元的识别，并组织为合适的数据结构，例如，可以通过自顶向下的递归下降分析、自底向上的移进-规约分析等算法来实现数据单元的识别和拆分，完成目标数据单元的识别后，可以通过上下文无关文法等来将数据单元进行组织以及结合，进而转换为符合语法规则的数据结构，通过该数据结构可以使得组件原始数据转换为被编程语言或系统所理解和操作的目标组件数据。此外，组件内容信息可以是用于生成页面组件的相关显示内容以及数据配置内容的参考信息，以用户显示界面的筛选栏为例，组件内容信息可以包括定义筛选栏的筛选条件形式，例如，下拉选择框、单选按钮、复选框、滑块等；定义选项数据源，例如，在下拉选择框中显示数据库查询结果、API返回的数据或静态的选项值；定义默认值，例如，对于某些筛选条件，可以在渲染时候设置预设的默认值；定义样式和布局，提供良好的可读性和可用性。另外，组件联动信息可以是用于定义页面组件内字段之间的值变化联动关系的参考信息，例如，一个字段的值变化引起另一个字段的值清空，或一个字段的值变化引起另一个字段进行值更新等。由此，可以满足于不同数据格式的组件原始数据的开发需求，自动进行满足系统开发的数据结构的目标组件数据的生成。

在一个实施例中，图3为本申请实施例提供的一种基于预设语法规则将目标数据单元进行组织得到目标组件数据的方法的流程图，如图3所示，基于预设语法规则将目标数据单元进行组织得到目标组件数据的过程包括以下步骤：

步骤S1021、基于预设语法规则对至少一个目标数据单元的语义信息进行识别，并基于识别结果确定每个目标数据单元对应的数据结构以及层次信息。

步骤S1022、根据每个目标数据单元对应的数据结构以及层次信息，将至少一个目标数据单元进行组织得到目标组件数据。

其中，通过对于目标数据单元的语义信息的确认可以得到每个目标数据单元对应的数据结构以及层次信息，其中数据结构以及层次信息可以作为后续代码生成的程序结构的参考信息。通过将目标数据单元基于对应的数据结构以及层次信息进行组织可以得到目标组件数据，目标组件数据可以是包括不同页面组件的功能需求以及设计需求的数据。由此，可以生成更加准确且有效的目标组件数据。

步骤S103、基于组件内容信息生成页面组件的组件内容，并基于组件联动信息向页面组件添加值变化联动关系。

其中，组件内容可以是页面组件的相关显示内容以及数据配置内容，例如，组件的文本内容，包括显示标题、描述以及标签等，组件的图像、图标或其他可视化元素，组件的样式属性，包括颜色、边框、字体大小等，组件的预定义选项列表、初始值等。值变化联动关系可以是包括值清空联动关系以及值更新联动关系，值清空联动关系用于基于第一组件字段的值变化清空与第一组件字段对应的目标组件字段的值，值更新联动关系用于基于第二组件字段的值变化通过接口请求更新与第二组件字段对应的目标组件字段的值，当然，还可以包括其他值变化联动关系，在此本申请不作限制。

上述，通过获取页面组件的组件原始数据，基于预设解析规则将组件原始数据进行解析得到至少一个目标数据单元；然后将至少一个目标数据单元基于预设语法规则进行组织，得到与预设语法规则对应的数据结构相匹配的目标组件数据，目标组件数据包括组件内容信息以及组件联动信息；最后基于组件内容信息生成页面组件的组件内容，并基于组件联动信息向页面组件添加值变化联动关系。实现了在开发人员输入通用数据格式的组件原始数据后，通过对该组件原始数据进行解析以及组织，可以将转换为与组件开发对应的数据结构相匹配的目标组件数据，并基于该目标组件数据可以自动生成页面组件的组件内容以及确定组件内容的值变化联动关系，无需额外的人工代码编写，提高页面开发效率。

在一个实施例中，图4为本申请实施例提供的一种生成页面组件的组件内容以及确定联动关系的方法的流程图，组件内容信息包括组件标识以及至少一个组件字段，如图4所示，生成页面组件的组件内容的过程包括以下步骤：

步骤S1031、根据组件标识确定至少一个组件字段对应的目标页面组件；

步骤S1032、根据每个组件字段的字段类型，生成目标页面组件的组件内容。

其中，组件标识可以用于区分不同类型组件的标识信息，例如筛选栏、表格数据栏、编辑栏等，组件字段可以用于生成不同组件内容的参考信息单元，不同组件字段可以对应于不同字段类型。示例的，若组件字段的字段类型为文本类型，在目标页面组件中生成文本输入框；若组件字段的字段类型为数值类型，在目标页面组件中生成数值输入框。此外，组件字段还包括对应的字段值，比如，对于下拉菜单而言可以包括不同的菜单选项等。

在一个实施例中，如图4所示，向页面组件添加值变化联动关系的过程包括以下步骤：

步骤S1033、确定每个联动类型对应的组件字段对应的值联动对象；

步骤S1034、基于每个联动类型对应的联动规则确定对应的值联动对象的值变化联动关系。

其中，值联动对象可以是对应建立值变化联动关系的组件内容对象，具体的，以字段更新为例，当某个字段的值发生变化时，会自动触发相关字段的更新，可以确保不同字段之间的数据保持一致和同步，例如，页面组件的表格数据栏，包含姓名、年龄和出生日期这三个字段，在用户输入姓名和年龄，根据值变化联动关系，出生日期应该根据年龄计算并自动填充，具体系统可以监听这两个字段的值变化事件。一旦检测到值的变化，系统会自动触发相应的逻辑来更新出生日期字段的值，以确保其与年龄字段保持一致。此外，当某个字段的值发生变化时，还可以触发相应字段进行接口请求以获取或更新相关数据。例如，在订单管理系统的页面中，当用户提交了新的订单后，系统会自动发起一个请求接口，将订单信息发送给后端服务器进行处理和保存。又例如，当用户在搜索框中输入关键词时，系统可以监测到输入值的变化，并自动发起接口请求，以获取匹配的搜索结果并实时显示在页面上。以字段值清空为例，当某个触发条件满足时，将相关字段或数据项的值清空或重置为初始状态。例如，页面组件的筛选栏，包括年龄字段以及出生日期字段，当用户选择了“无”或其他特定选项作为年龄字段的值时，系统可以自动将出生日期字段的值清空。由此，可以完成页面组件适应于不同应用场景的交互功能的实现，满足于不同类型的页面组件的开发需求。

图5为本申请实施例提供的一种页面组件内容开发装置的结构框图，该装置配置为执行上述实施例提供的页面组件内容开发方法，具备执行方法相应的功能模块和有益效果。如图5所示，该装置具体包括：

原始数据解析模块101，配置为获取页面组件的组件原始数据，基于预设解析规则将所述组件原始数据进行解析得到至少一个目标数据单元；

组件数据生成模块102，配置为将所述至少一个目标数据单元基于预设语法规则进行组织，得到与所述预设语法规则对应的数据结构相匹配的目标组件数据，所述目标组件数据包括组件内容信息以及组件联动信息；

组件内容确定模块103，配置基于所述组件内容信息生成所述页面组件的组件内容，并基于所述组件联动信息向所述页面组件添加值变化联动关系。

上述，通过获取页面组件的组件原始数据，基于预设解析规则将组件原始数据进行解析得到至少一个目标数据单元；然后将至少一个目标数据单元基于预设语法规则进行组织，得到与预设语法规则对应的数据结构相匹配的目标组件数据，目标组件数据包括组件内容信息以及组件联动信息；最后基于组件内容信息生成页面组件的组件内容，并基于组件联动信息向页面组件添加值变化联动关系。实现了在开发人员输入通用数据格式的组件原始数据后，通过对该组件原始数据进行解析以及组织，可以将转换为与组件开发对应的数据结构相匹配的目标组件数据，并基于该目标组件数据可以自动生成页面组件的组件内容以及确定组件内容的值变化联动关系，无需额外的人工代码编写，提高页面开发效率。

在一个可能的实施例中，原始数据解析模块101，配置为：

将所述组件原始数据进行逐字符拆分得到至少一个候选数据单元；

从所述至少一个候选数据单元中确定与预设解析规则相匹配的至少一个目标数据单元。

在一个可能的实施例中，组件数据生成模块102，配置为：

基于预设语法规则对所述至少一个目标数据单元的语义信息进行识别，并基于识别结果确定每个所述目标数据单元对应的数据结构以及层次信息；

根据每个所述目标数据单元对应的数据结构以及层次信息，将所述至少一个目标数据单元进行组织得到目标组件数据。

在一个可能的实施例中，所述组件内容信息包括组件标识以及至少一个组件字段；组件内容确定模块103，配置为

根据所述组件标识确定所述至少一个组件字段对应的目标页面组件；

根据每个所述组件字段的字段类型，生成所述目标页面组件的组件内容。

在一个可能的实施例中，所述字段类型包括文本类型和数值类型；组件内容确定模块103，配置为：

若所述组件字段的字段类型为文本类型，在所述目标页面组件中生成文本输入框；

若所述组件字段的字段类型为数值类型，在所述目标页面组件中生成数值输入框。

在一个可能的实施例中，所述组件联动信息包括至少一个联动类型以及每个所述联动类型对应的组件字段；

组件内容确定模块103，配置为：

确定每个所述联动类型对应的组件字段对应的值联动对象；

基于每个所述联动类型对应的联动规则确定对应的值联动对象的值变化联动关系。

在一个可能的实施例中，所述值变化联动关系包括值清空联动关系以及值更新联动关系，所述值清空联动关系用于基于第一组件字段的值变化清空与所述第一组件字段对应的目标组件字段的值，所述值更新联动关系用于基于第二组件字段的值变化通过接口请求更新与所述第二组件字段对应的目标组件字段的值。

图6为本申请实施例提供的一种页面组件内容开发设备的结构示意图，如图6所示，该设备包括处理器201、存储器202、输入装置203和输出装置204；设备中处理器201的数量可以是一个或多个，图6中以一个处理器201为例；设备中的处理器201、存储器202、输入装置203和输出装置204可以通过总线或其他方式连接，图6中以通过总线连接为例。存储器202作为一种计算机可读存储介质，可配置为存储软件程序、计算机可执行程序以及模块，如本申请实施例中的页面组件内容开发方法对应的程序指令/模块。处理器201通过运行存储在存储器202中的软件程序、指令以及模块，从而执行设备的各种功能应用以及数据处理，即实现上述的页面组件内容开发方法。输入装置203可配置为接收输入的数字或字符信息，以及产生与设备的用户设置以及功能控制有关的键信号输入。输出装置204可包括显示屏等显示设备。

上述提供的页面组件内容开发设备可用于执行上述任一实施例提供的页面组件内容开发方法，具备相应的功能和有益效果。

本申请实施例还提供一种包含计算机可执行指令的非易失性存储介质，所述计算机可执行指令在由计算机处理器执行时配置为执行一种上述实施例描述的页面组件内容开发方法，其中，包括：

存储介质——任何的各种类型的存储器设备或存储设备。术语“存储介质”旨在包括：安装介质，例如CD-ROM、软盘或磁带装置；计算机系统存储器或随机存取存储器，诸如DRAM、DDR RAM、SRAM、EDO RAM，兰巴斯(Rambus)RAM等；非易失性存储器，诸如闪存、磁介质(例如硬盘或光存储)；寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储器或其组合。另外，存储介质可以位于程序在其中被执行的第一计算机系统中，或者可以位于不同的第二计算机系统中，第二计算机系统通过网络(诸如因特网)连接到第一计算机系统。第二计算机系统可以提供程序指令给第一计算机用于执行。术语“存储介质”可以包括驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如具体实现为计算机程序)。

当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的页面组件内容开发方法，还可以执行本申请任意实施例所提供的页面组件内容开发方法中的相关操作。

值得注意的是，上述页面组件内容开发装系统的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不配置为限制本申请实施例的保护范围。

需要说明的是，本方案中对各步骤的编号仅用于描述本方案的整体设计框架，不表示步骤之间的必然先后关系。在整体实现过程符合本方案整体设计框架的基础上，均属于本方案的保护范围，描述时文字形式上的先后顺序不是对本方案具体实现过程的排他限定。本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (10)

1.页面组件内容开发方法，其特征在于，包括：

获取页面组件的组件原始数据，基于预设解析规则将所述组件原始数据进行解析得到至少一个目标数据单元；

将所述至少一个目标数据单元基于预设语法规则进行组织，得到与所述预设语法规则对应的数据结构相匹配的目标组件数据，所述目标组件数据包括组件内容信息以及组件联动信息；

基于所述组件内容信息生成所述页面组件的组件内容，并基于所述组件联动信息向所述页面组件添加值变化联动关系。

2.根据权利要求1所述的页面组件内容开发方法，其特征在于，所述基于预设解析规则将所述组件原始数据进行解析得到至少一个目标数据单元，包括：

将所述组件原始数据进行逐字符拆分得到至少一个候选数据单元；

从所述至少一个候选数据单元中确定与预设解析规则相匹配的至少一个目标数据单元。

3.根据权利要求1所述的页面组件内容开发方法，其特征在于，所述将所述至少一个目标数据单元基于预设语法规则进行组织，得到与所述预设语法规则对应的数据结构相匹配的目标组件数据，包括：

基于预设语法规则对所述至少一个目标数据单元的语义信息进行识别，并基于识别结果确定每个所述目标数据单元对应的数据结构以及层次信息；

根据每个所述目标数据单元对应的数据结构以及层次信息，将所述至少一个目标数据单元进行组织得到目标组件数据。

4.根据权利要求1所述的页面组件内容开发方法，其特征在于，所述组件内容信息包括组件标识以及至少一个组件字段；

所述基于所述组件内容信息生成所述页面组件的组件内容，包括：

根据所述组件标识确定所述至少一个组件字段对应的目标页面组件；

根据每个所述组件字段的字段类型，生成所述目标页面组件的组件内容。

5.根据权利要求4所述的页面组件内容开发方法，其特征在于，所述字段类型包括文本类型和数值类型；

所述根据每个所述组件字段的字段类型，生成所述目标页面组件的组件内容，包括：

若所述组件字段的字段类型为文本类型，在所述目标页面组件中生成文本输入框；

若所述组件字段的字段类型为数值类型，在所述目标页面组件中生成数值输入框。

6.根据权利要求1所述的页面组件内容开发方法，其特征在于，所述组件联动信息包括至少一个联动类型以及每个所述联动类型对应的组件字段；

所述基于所述组件联动信息向所述页面组件添加值变化联动关系，包括：

确定每个所述联动类型对应的组件字段对应的值联动对象；

基于每个所述联动类型对应的联动规则确定对应的值联动对象的值变化联动关系。

7.根据权利要求1所述的页面组件内容开发方法，其特征在于，所述值变化联动关系包括值清空联动关系以及值更新联动关系，所述值清空联动关系用于基于第一组件字段的值变化清空与所述第一组件字段对应的目标组件字段的值，所述值更新联动关系用于基于第二组件字段的值变化通过接口请求更新与所述第二组件字段对应的目标组件字段的值。

8.页面组件内容开发装置，其特征在于，包括：

原始数据解析模块，配置为获取页面组件的组件原始数据，基于预设解析规则将所述组件原始数据进行解析得到至少一个目标数据单元；

组件数据生成模块，配置为将所述至少一个目标数据单元基于预设语法规则进行组织，得到与所述预设语法规则对应的数据结构相匹配的目标组件数据，所述目标组件数据包括组件内容信息以及组件联动信息；

组件内容确定模块，配置基于所述组件内容信息生成所述页面组件的组件内容，并基于所述组件联动信息向所述页面组件添加值变化联动关系。

9.一种页面组件内容开发设备，所述设备包括：一个或多个处理器；存储装置，配置为存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现权利要求1-7中任一项所述的页面组件内容开发方法。

10.一种存储计算机可执行指令的非易失性存储介质，所述计算机可执行指令在由计算机处理器执行时配置为执行权利要求1-7中任一项所述的页面组件内容开发方法。