前端页面的渲染方法、渲染装置和可读存储介质与流程

1.本发明涉及页面渲染技术领域，具体而言，涉及一种前端页面的渲染方法、渲染装置和可读存储介质。


背景技术：

2.前端开发是构建界面并将界面呈现给用户的过程，但现今阶段，前端页面的开发过程中存在代码逻辑复杂等问题，使前端页面中的显示数据被多次渲染，进而导致前端页面的渲染效率较低。


技术实现要素：

3.本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。
4.为此，本发明的第一个方面在于提出一种前端页面的渲染方法。
5.本发明的第二个方面在于提出一种前端页面的渲染装置。
6.本发明的第三个方面在于提出一种前端页面的渲染装置。
7.本发明的第四个方面在于提出一种可读存储介质。
8.有鉴于此，根据本发明的第一个方面，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：建立前端页面中的数据表单，确定数据表单对应的数据处理流程；根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；根据显示数据集合，更新数据表单。
9.本发明提供的前端页面的渲染方法的技术方案的执行主体可以为渲染装置，还可以根据实际使用需求进行确定，在此不作具体限定。为了更加清楚地描述本发明提供的前端页面的渲染方法，下面以渲染装置为执行主体进行说明。
10.在该技术方案中，提供了一种前端页面的渲染方法，前端页面为用于展示数据信息的页面，渲染装置在前端页面上建立数据表单，并针对数据表单确定数据处理流程。
11.需要说明的是，数据表单为表单结构的数据，数据表单对应的区域包括多个信息项，信息项为能够显示信息的数据单元，数据处理流程为数据表单中多个信息项之间的数据处理过程。
12.示例性地，数据表单可以具体为用于展示财务数据的表单，可以包括日期、金额、业务等信息项，数据表单对应的数据处理过程可以具体为先更新业务信息项，再更新金额信息项，最后更新日期信息项的流程。
13.示例性地，数据表单可以具体包括字段a、字段b和字段c等信息项，数据表单对应的数据处理过程可以具体为先更新字段a，再更新字段b，最后更新字段c的流程。
14.渲染装置在数据表单中挑选出数据处理流程涉及的信息项，并将上述信息项组合为信息项组合，其中，信息项组合为存储有信息项的数据组合。
15.示例性地，信息项组合可以包括日期、金额、业务等信息项。
16.示例性地，信息项组合可以存储有字段a、字段b和字段c等信息项。
17.渲染装置根据信息项组合，确定出信息项组合内部信息项的信息处理顺序，其中，信息处理顺序为信息项组合内部信息项显示数据的更新顺序。
18.需要说明的是，通过信息处理顺序，保证在渲染前端页面的过程中，信息项组合中的信息项只被渲染一次。
19.示例性地，信息处理顺序可以具体为：(1)业务信息项、(2)金额信息项、(3)日期信息项。
20.示例性地，信息处理顺序可以具体为：(1)字段a、(2)字段b、(3)字段c。
21.渲染装置能够接收用户的输入数据，进而根据输入数据和信息处理顺序，依次确定信息项组合内部信息项对应的显示数据，再将上述显示数据组合为显示数据集合，渲染装置根据显示数据集合，更新数据表单中的数据。
22.其中，输入数据为用户通过前端页面编辑输入的数据，显示数据为数据表单中信息项显示的信息数据，显示数据集合为显示数据的数据集合。
23.示例性地，输入数据可以具体为用户通过数据表单中金额信息项输入的金额数据，显示数据集合可以具体包括用户名、日期、金额等数据。
24.本技术方案中的前端页面的渲染方法通过数据表单对应的数据处理流程，确定数据表单中的信息项组合，再确定信息项组合对应的信息处理顺序，根据输入数据和信息处理顺序，确定信息项组合对应的显示数据集合，进而更新数据表单，通过数据表单数据处理流程，简化了数据表单中信息项的数据更新逻辑，并保证了在渲染前端页面的过程中，数据表单中的信息项只被渲染一次，进而保证了前端页面的渲染效率。
25.根据本发明的上述前端页面的渲染方法，还可以具有以下附加技术特征：
26.在上述技术方案中，确定信息项组合对应的数据处理流程，具体包括：设定信息项组合中任一信息项的数据更新规则、编辑前规则和编辑后规则；根据数据更新规则、编辑前规则和编辑后规则，确定任一信息项的权重数值和依赖信息；根据权重数值和依赖信息，确定数据处理流程。
27.本技术方案中的前端页面的渲染方法通过设定数据表单中信息项的数据更新规则、编辑前规则和编辑后规则，确定信息项的权重数值和依赖信息，进而确定数据表单的信息处理顺序，保证了信息处理顺序的逻辑准确性，进而保证了数据表单的数据准确性。
28.在上述技术方案中，根据数据处理流程，确定数据表单中的信息项组合，具体包括：根据数据处理流程，确定数据表单中目标信息项；根据目标信息项，获取数据表单中的多个关联信息项；对目标信息项和多个关联信息项进行组合，以得到信息项组合。
29.本技术方案中的前端页面的渲染方法根据数据处理流程，获取数据表单中目标信息项，再通过目标信息项，获取多个关联信息项，进而将目标信息项和多个关联信息项组合为信息项组合，保证了信息项组合的数据完整性，进而保证了数据表单的数据完整性。
30.在上述技术方案中，确定信息项组合的信息处理顺序，具体包括：获取信息项组合中多个信息项对应的多个权重数值；根据多个权重数值，确定多个信息项的信息处理顺序。
31.本技术方案中的前端页面的渲染方法通过获取多个信息项对应的多个权重数值，确定多个信息项的信息处理顺序，保证了信息处理顺序的逻辑准确性，避免了在信息项组合的渲染过程中出现渲染顺序错误的问题，进而提升了数据表单的渲染效率。
32.在上述技术方案中，根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合，具体包括：根据输入数据和信息处理顺序，确定信息项组合中多个信息项对应的多个显示数据；对多个显示数据进行数据组合，以得到显示数据集合。
33.本技术方案中的前端页面的渲染方法根据输入数据和信息处理顺序，确定信息项组合中多个信息项对应的多个显示数据，再将多个显示数据组合为显示数据集合，保证了显示数据集合的数据完整性，进而保证了前端页面中数据表单的数据完整性。
34.在上述技术方案中，更新数据表单之后，还包括：对数据表单进行数据渲染，将数据表单显示在前端页面上。
35.本技术方案中的前端页面的渲染方法通过渲染数据表单，在前端页面上显示更新后的数据表单，保证了数据表单的实时显示性能，进而提升了前端页面的显示性能。
36.在上述技术方案中，前端页面的渲染方法，还包括：获取数据表单的数据更新事件；通过监听数据更新事件，接收数据更新事件对应的输入数据。
37.本技术方案中的前端页面的渲染方法通过监听数据更新事件，接收用户的输入数据，保证了输入数据的实时性，进而提升了前端页面的实时显示效果。
38.根据本发明的第二个方面，提出了一种前端页面的渲染装置，前端页面的渲染包括：处理模块，用于建立前端页面中的数据表单，确定数据表单对应的数据处理流程；处理模块，还用于根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；处理模块，还用于根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；处理模块，还用于根据显示数据集合，更新数据表单。
39.在该技术方案中，提供了一种前端页面的渲染装置，前端页面为用于展示数据信息的页面，渲染装置在前端页面上建立数据表单，并针对数据表单确定数据处理流程。
40.需要说明的是，数据表单为表单结构的数据，数据表单对应的区域包括多个信息项，信息项为能够显示信息的数据单元，数据处理流程为数据表单中多个信息项之间的数据处理过程。
41.示例性地，数据表单可以具体为用于展示财务数据的表单，可以包括日期、金额、业务等信息项，数据表单对应的数据处理过程可以具体为先更新业务信息项，再更新金额信息项，最后更新日期信息项的流程。
42.示例性地，数据表单可以具体包括字段a、字段b和字段c等信息项，数据表单对应的数据处理过程可以具体为先更新字段a，再更新字段b，最后更新字段c的流程。
43.处理模块在数据表单中挑选出数据处理流程涉及的信息项，并将上述信息项组合为信息项组合，其中，信息项组合为存储有信息项的数据组合。
44.示例性地，信息项组合可以包括日期、金额、业务等信息项。
45.示例性地，信息项组合可以存储有字段a、字段b和字段c等信息项。
46.处理模块根据信息项组合，确定出信息项组合内部信息项的信息处理顺序，其中，信息处理顺序为信息项组合内部信息项显示数据的更新顺序。
47.需要说明的是，通过信息处理顺序，保证在渲染前端页面的过程中，信息项组合中的信息项只被渲染一次。
48.示例性地，信息处理顺序可以具体为：(1)业务信息项、(2)金额信息项、(3)日期信息项。
49.示例性地，信息处理顺序可以具体为：(1)字段a、(2)字段b、(3)字段c。
50.处理模块能够接收用户的输入数据，进而根据输入数据和信息处理顺序，依次确定信息项组合内部信息项对应的显示数据，再将上述显示数据组合为显示数据集合，渲染装置根据显示数据集合，更新数据表单中的数据。
51.其中，输入数据为用户通过前端页面编辑输入的数据，显示数据为数据表单中信息项显示的信息数据，显示数据集合为显示数据的数据集合。
52.示例性地，输入数据可以具体为用户通过数据表单中金额信息项输入的金额数据，显示数据集合可以具体包括用户名、日期、金额等数据。
53.本技术方案中的前端页面的渲染装置通过数据表单对应的数据处理流程，确定数据表单中的信息项组合，再确定信息项组合对应的信息处理顺序，根据输入数据和信息处理顺序，确定信息项组合对应的显示数据集合，进而更新数据表单，通过数据表单数据处理流程，简化了数据表单中信息项的数据更新逻辑，并保证了在渲染前端页面的过程中，数据表单中的信息项只被渲染一次，进而保证了前端页面的渲染效率。
54.根据本发明的第三个方面，提出了一种前端页面的渲染装置，包括处理器和存储器，存储器中存储有程序或指令，该程序或指令被处理器执行时实现如上述任一技术方案中的前端页面的渲染方法的步骤。因此，该前端页面的渲染装置具备上述任一技术方案中的前端页面的渲染方法的全部有益效果，在此不再赘述。
55.根据本发明的第四个方面，提出了一种可读存储介质，其上存储有程序或指令，程序或指令被处理器执行时实现如上述任一技术方案中的前端页面的渲染方法。因此，该可读存储介质具备上述任一技术方案中的前端页面的渲染方法的全部有益效果，在此不再赘述。
56.本发明的附加方面和优点将在下面的描述部分中变得明显，或通过本发明的实践了解到。
附图说明
57.本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中：
58.图1示出了本发明的实施例中的前端页面的渲染方法的流程示意图之一；
59.图2示出了本发明的实施例中的前端页面的渲染方法的流程示意图之二；
60.图3示出了本发明的实施例中的前端页面的渲染方法的流程示意图之三；
61.图4示出了本发明的实施例中的前端页面的渲染方法的流程示意图之四；
62.图5示出了本发明的实施例中的前端页面的渲染方法的流程示意图之五；
63.图6示出了本发明的实施例中的前端页面的渲染方法的流程示意图之六；
64.图7示出了本发明的实施例中的前端页面的渲染方法的流程示意图之七；
65.图8示出了本发明的实施例中的前端页面的渲染装置的结构框图之一；
66.图9示出了本发明的实施例中的前端页面的渲染装置的示意图之一；
67.图10示出了本发明的实施例中的前端页面的渲染装置的示意图之二；
68.图11示出了本发明的实施例中的前端页面的渲染装置的示意图之三；
69.图12示出了本发明的实施例中的前端页面的渲染装置的示意图之四；
70.图13示出了本发明的实施例中的前端页面的渲染装置的结构框图之二。
具体实施方式
71.为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本发明的实施例及实施例中的特征可以相互组合。
72.在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明的保护范围并不限于下面公开的具体实施例的限制。
73.下面结合图1至图13，通过具体的实施例及其应用场景对本技术实施例提供的前端页面的渲染方法、渲染装置和可读存储介质进行详细地说明。
74.本发明提供的前端页面的渲染方法的技术方案的执行主体可以为渲染装置，还可以根据实际使用需求进行确定，在此不作具体限定。为了更加清楚地描述本发明提供的前端页面的渲染方法，下面以渲染装置为执行主体进行说明。
75.在根据本技术的一个实施例中，如图1所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
76.步骤102，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
77.步骤104，根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；
78.步骤106，根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
79.步骤108，根据显示数据集合，更新数据表单。
80.在该实施例中，提供了一种前端页面的渲染方法，前端页面为用于展示数据信息的页面，渲染装置在前端页面上建立数据表单，并针对数据表单确定数据处理流程。
81.需要说明的是，数据表单为表单结构的数据，数据表单对应的区域包括多个信息项，信息项为能够显示信息的数据单元，数据处理流程为数据表单中多个信息项之间的数据处理过程。
82.示例性地，数据表单可以具体为用于展示财务数据的表单，可以包括日期、金额、业务等信息项，数据表单对应的数据处理过程可以具体为先更新业务信息项，再更新金额信息项，最后更新日期信息项的流程。
83.示例性地，数据表单可以具体包括字段a、字段b和字段c等信息项，数据表单对应的数据处理过程可以具体为先更新字段a，再更新字段b，最后更新字段c的流程。
84.渲染装置在数据表单中挑选出数据处理流程涉及的信息项，并将上述信息项组合为信息项组合，其中，信息项组合为存储有信息项的数据组合。
85.示例性地，信息项组合可以包括日期、金额、业务等信息项。
86.示例性地，信息项组合可以存储有字段a、字段b和字段c等信息项。
87.渲染装置根据信息项组合，确定出信息项组合内部信息项的信息处理顺序，其中，信息处理顺序为信息项组合内部信息项显示数据的更新顺序。
88.需要说明的是，通过信息处理顺序，保证在渲染前端页面的过程中，信息项组合中
的信息项只被渲染一次。
89.示例性地，信息处理顺序可以具体为：(1)业务信息项、(2)金额信息项、(3)日期信息项。
90.示例性地，信息处理顺序可以具体为：(1)字段a、(2)字段b、(3)字段c。
91.渲染装置能够接收用户的输入数据，进而根据输入数据和信息处理顺序，依次确定信息项组合内部信息项对应的显示数据，再将上述显示数据组合为显示数据集合，渲染装置根据显示数据集合，更新数据表单中的数据。
92.其中，输入数据为用户通过前端页面编辑输入的数据，显示数据为数据表单中信息项显示的信息数据，显示数据集合为显示数据的数据集合。
93.示例性地，输入数据可以具体为用户通过数据表单中金额信息项输入的金额数据，显示数据集合可以具体包括用户名、日期、金额等数据。
94.本实施例中的前端页面的渲染方法通过数据表单对应的数据处理流程，确定数据表单中的信息项组合，再确定信息项组合对应的信息处理顺序，根据输入数据和信息处理顺序，确定信息项组合对应的显示数据集合，进而更新数据表单，通过数据表单数据处理流程，简化了数据表单中信息项的数据更新逻辑，并保证了在渲染前端页面的过程中，数据表单中的信息项只被渲染一次，进而保证了前端页面的渲染效率。
95.在根据本技术的一个实施例中，如图2所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
96.步骤202，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
97.步骤204，根据数据处理流程，确定数据表单中的信息项组合；
98.步骤206，设定信息项组合中任一信息项的数据更新规则、编辑前规则和编辑后规则；
99.步骤208，根据数据更新规则、编辑前规则和编辑后规则，确定任一信息项的权重数值和依赖信息；
100.步骤210，根据权重数值和依赖信息，确定数据处理流程；
101.步骤212，根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
102.步骤214，根据显示数据集合，更新数据表单。
103.在该实施例中，针对信息项组合中的多个信息项，渲染装置依次信息项的数据更新规则、编辑前规则和编辑后规则，其中，数据更新规则为更新信息项的显示数据的处理规则，编辑前规则为对于输入信息项的数据进行处理的规则，编辑后规则为对于信息项输出数据进行处理的规则。
104.示例性地，数据更新规则可以具体为给字段a的赋值的规则，编辑前规则可以具体为对于输入字段a的数据进行有效性验证的规则，编辑后规则可以具体为对于字段a输出数据传输至字段b的规则。
105.渲染装置根据上述的数据更新规则、编辑前规则和编辑后规则，推导出信息项的权重数值和依赖信息，其中，权重数值为表示信息项优先级的数值，依赖信息为信息项之间的依赖关系信息。
106.示例性地，权重数值可以具体为字段a的权重值(1)，依赖信息可以具体为字段a关
联的信息项的信息。
107.渲染装置将上述权重数值和依赖信息进行数据重组，能够得到数据处理流程。
108.示例性地，渲染装置根据字段a、字段b和字段c的权重数值和依赖信息，确定数据表单的信息处理顺序。
109.本实施例中的前端页面的渲染方法通过设定数据表单中信息项的数据更新规则、编辑前规则和编辑后规则，确定信息项的权重数值和依赖信息，进而确定数据表单的信息处理顺序，保证了信息处理顺序的逻辑准确性，进而保证了数据表单的数据准确性。
110.在根据本技术的一个实施例中，如图3所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
111.步骤302，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
112.步骤304，根据数据处理流程，确定数据表单中目标信息项；
113.步骤306，根据目标信息项，获取数据表单中的多个关联信息项；
114.步骤308，对目标信息项和多个关联信息项进行组合，以得到信息项组合，并确定信息项组合的信息处理顺序；
115.步骤310，根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
116.步骤312，根据显示数据集合，更新数据表单。
117.在该实施例中，渲染装置根据数据处理流程，查找到数据表单中目标信息项，其中，目标信息项为数据处理流程的开始点对应的信息项。
118.渲染装置获取数据表单中与目标信息项关联的多个关联信息项，其中，关联信息项为与目标信息关联的信息项。
119.示例性地，信息处理顺序可以具体为：(1)字段a、(2)字段b、(3)字段c，目标信息项可以具体为字段a，多个关联信息项可以具体包括字段b和字段c。
120.渲染装置将目标信息项和多个关联信息项组合为信息项组合。
121.本实施例中的前端页面的渲染方法根据数据处理流程，获取数据表单中目标信息项，再通过目标信息项，获取多个关联信息项，进而将目标信息项和多个关联信息项组合为信息项组合，保证了信息项组合的数据完整性，进而保证了数据表单的数据完整性。
122.在根据本技术的一个实施例中，如图4所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
123.步骤402，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
124.步骤404，根据数据处理流程，确定数据表单中的信息项组合；
125.步骤406，获取信息项组合中多个信息项对应的多个权重数值；
126.步骤408，根据多个权重数值，确定多个信息项的信息处理顺序；
127.步骤410，根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
128.步骤412，根据显示数据集合，更新数据表单。
129.在该实施例中，针对信息项组合中多个信息项，渲染装置能够获取多个信息项对应的多个权重数值，渲染装置对多个权重数值进行排序，进而确定多个信息项的信息处理顺序。
130.示例性地，信息项组合可以具体包括字段a、字段b和字段c，字段a的权重数值为3，字段b的权重数值为1，字段c的权重数值为2，根据多个权重数值，可以确定信息处理顺序具体为：先处理字段a，再处理字段c，最后处理字段b。
131.本实施例中的前端页面的渲染方法通过获取多个信息项对应的多个权重数值，确定多个信息项的信息处理顺序，保证了信息处理顺序的逻辑准确性，避免了在信息项组合的渲染过程中出现渲染顺序错误的问题，进而提升了数据表单的渲染效率。
132.在根据本技术的一个实施例中，如图5所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
133.步骤502，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
134.步骤504，根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；
135.步骤506，根据输入数据和信息处理顺序，确定信息项组合中多个信息项对应的多个显示数据；
136.步骤508，对多个显示数据进行数据组合，以得到显示数据集合；
137.步骤510，根据显示数据集合，更新数据表单。
138.在该实施例中，信息项组合中包括多个信息项，渲染装置根据输入数据，按照信息处理顺序，依次确定多个信息项对应的多个显示数据，渲染装置再将多个显示数据组合为显示数据集合。
139.示例性地，渲染装置可以根据按照信息处理顺序，依次更新字段a的显示数据a、字段b的显示数据b和字段c的显示数据c，再将显示数据a、显示数据b和显示数据c组合为显示数据集合。
140.本实施例中的前端页面的渲染方法根据输入数据和信息处理顺序，确定信息项组合中多个信息项对应的多个显示数据，再将多个显示数据组合为显示数据集合，保证了显示数据集合的数据完整性，进而保证了前端页面中数据表单的数据完整性。
141.在根据本技术的一个实施例中，如图6所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
142.步骤602，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
143.步骤604，根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；
144.步骤606，根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
145.步骤608，根据显示数据集合，更新数据表单；
146.步骤610，对数据表单进行数据渲染，将数据表单显示在前端页面上。
147.在该实施例中，在更新数据表单之后，渲染装置能够渲染数据表单，进而将更新后的数据表单显示在前端页面上。
148.示例性地，数据表单可以具体为财务数据表单，渲染装置可以将数据修改后的财务数据表单显示在前端页面上。
149.本实施例中的前端页面的渲染方法通过渲染数据表单，在前端页面上显示更新后的数据表单，保证了数据表单的实时显示性能，进而提升了前端页面的显示性能。
150.在根据本技术的一个实施例中，如图7所示，提出了一种前端页面的渲染方法，前端页面的渲染方法包括：
151.步骤702，建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
152.步骤704，根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；
153.步骤706，获取数据表单的数据更新事件；
154.步骤708，通过监听数据更新事件，接收数据更新事件对应的输入数据；
155.步骤710，根据输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
156.步骤712，根据显示数据集合，更新数据表单。
157.在该实施例中，渲染装置确定数据表单的数据更新事件，并持续监听数据更新事件，其中，数据更新事件为数据表单中数据变化时发生的事件。
158.渲染装置在监听到数据更新事件发生的情况下，说明数据表单中的数据发生变化，渲染装置通过数据表单接收输入数据。
159.示例性地，数据表单可以具体为财务数据单据，用户在编辑输入数据表单中的金额信息项时，会发生数据更新事件。
160.本实施例中的前端页面的渲染方法通过监听数据更新事件，接收用户的输入数据，保证了输入数据的实时性，进而提升了前端页面的实时显示效果。
161.如图8所示，本发明的实施例中提供了一种前端页面的渲染装置，前端页面的渲染装置800包括：
162.处理模块802，用于建立前端页面中的数据表单，确定数据表单对应的数据处理流程；
163.处理模块802，还用于根据数据处理流程，确定数据表单中的信息项组合，并确定信息项组合的信息处理顺序；
164.处理模块802，还用于根据用户输入的输入数据和信息处理顺序，确定信息项组合对应的显示数据集合；
165.处理模块802，还用于根据显示数据集合，更新数据表单。
166.在该实施例中，提供了一种前端页面的渲染装置，前端页面为用于展示数据信息的页面，渲染装置在前端页面上建立数据表单，并针对数据表单确定数据处理流程。
167.需要说明的是，数据表单为表单结构的数据，数据表单对应的区域包括多个信息项，信息项为能够显示信息的数据单元，数据处理流程为数据表单中多个信息项之间的数据处理过程。
168.示例性地，数据表单可以具体为用于展示财务数据的表单，可以包括日期、金额、业务等信息项，数据表单对应的数据处理过程可以具体为先更新业务信息项，再更新金额信息项，最后更新日期信息项的流程。
169.示例性地，数据表单可以具体包括字段a、字段b和字段c等信息项，数据表单对应的数据处理过程可以具体为先更新字段a，再更新字段b，最后更新字段c的流程。
170.处理模块802在数据表单中挑选出数据处理流程涉及的信息项，并将上述信息项组合为信息项组合，其中，信息项组合为存储有信息项的数据组合。
171.示例性地，信息项组合可以包括日期、金额、业务等信息项。
172.示例性地，信息项组合可以存储有字段a、字段b和字段c等信息项。
173.处理模块802根据信息项组合，确定出信息项组合内部信息项的信息处理顺序，其中，信息处理顺序为信息项组合内部信息项显示数据的更新顺序。
174.需要说明的是，通过信息处理顺序，保证在渲染前端页面的过程中，信息项组合中的信息项只被渲染一次。
175.示例性地，信息处理顺序可以具体为：(1)业务信息项、(2)金额信息项、(3)日期信息项。
176.示例性地，信息处理顺序可以具体为：(1)字段a、(2)字段b、(3)字段c。
177.处理模块802能够接收用户的输入数据，进而根据输入数据和信息处理顺序，依次确定信息项组合内部信息项对应的显示数据，再将上述显示数据组合为显示数据集合，渲染装置根据显示数据集合，更新数据表单中的数据。
178.其中，输入数据为用户通过前端页面编辑输入的数据，显示数据为数据表单中信息项显示的信息数据，显示数据集合为显示数据的数据集合。
179.示例性地，输入数据可以具体为用户通过数据表单中金额信息项输入的金额数据，显示数据集合可以具体包括用户名、日期、金额等数据。
180.示例性地，如图9所示，处理模块802可以具体为图9中的功能模块，包括列表页和卡片页，在列表页可以实现查询区查询过滤条件设置，肩部及行内按钮规则绑定，卡片页可以实现表单、子表区域参照过滤条件设置，顶部、肩部及子表行内按钮规则绑定，字段依赖map(图)抽取与储存，字段依赖权重计算与储存，字段编辑监控，多子表控制规则绑定。处理模块802可以实现模板机区域组件加载，多语文件加载，自定义组件加载，预置事件处理函数加载，页面交互事件监听，action(动作)前、后规则事件绑定与监听，数据缓存与更新，联查场景监控等功能。处理模块802还可以与图9中的用户交互模块通信，用户交互模块可以实现按键点击和字段编辑，处理模块802还可以与图9中的view(视图)视图更新模块通信。
181.示例性地，如图10所示，数据处理流程可以具体为图10中表单区域的处理流程，可以具体包括字段a、字段b和字段c，其中，字段a可以设定禁用性规则、必输性规则和权重值等参数，字段b可以设定受约束上游字段集合、禁用性规则、必输性规则、赋值规则、编辑前规则、编辑后规则和权重值等参数。
182.示例性地，如图11所示，数据表单中可以具体包括图11中的字段a、字段b、字段c、字段d、字段w、字段x、字段y和字段z，处理模块802可以通过依赖map抽取和权重计算，确定上述字段的信息处理顺序。
183.示例性地，如图12所示，处理模块802可以实现配置参数、多语言文件加载，模板、组件加载与渲染，页面事件监听，区域规则绑定等功能，处理模块802还可以实现字段依赖map(图)构造与更新，字段权重计算与存储，业务数据加载，用户交互触发事件，(根据字段权重)执行区域规则，ui(界面)视图更新等功能。
184.本实施例中的前端页面的渲染装置800通过数据表单对应的数据处理流程，确定数据表单中的信息项组合，再确定信息项组合对应的信息处理顺序，根据输入数据和信息处理顺序，确定信息项组合对应的显示数据集合，进而更新数据表单，通过数据表单数据处理流程，简化了数据表单中信息项的数据更新逻辑，并保证了在渲染前端页面的过程中，数据表单中的信息项只被渲染一次，进而保证了前端页面的渲染效率。
185.在根据本技术的一个实施例中，提出了一种前端页面的渲染装置，前端页面的渲染装置800包括：
186.处理模块802，用于设定信息项组合中任一信息项的数据更新规则、编辑前规则和编辑后规则；
187.处理模块802，还用于根据数据更新规则、编辑前规则和编辑后规则，确定任一信息项的权重数值和依赖信息；
188.处理模块802，还用于根据权重数值和依赖信息，确定数据处理流程。
189.本实施例中的前端页面的渲染装置800通过设定数据表单中信息项的数据更新规则、编辑前规则和编辑后规则，确定信息项的权重数值和依赖信息，进而确定数据表单的信息处理顺序，保证了信息处理顺序的逻辑准确性，进而保证了数据表单的数据准确性。
190.在根据本技术的一个实施例中，提出了一种前端页面的渲染装置，前端页面的渲染装置800包括：
191.处理模块802，用于根据数据处理流程，确定数据表单中目标信息项；
192.处理模块802，还用于根据目标信息项，获取数据表单中的多个关联信息项；
193.处理模块802，还用于对目标信息项和多个关联信息项进行组合，以得到信息项组合。
194.本实施例中的前端页面的渲染装置800根据数据处理流程，获取数据表单中目标信息项，再通过目标信息项，获取多个关联信息项，进而将目标信息项和多个关联信息项组合为信息项组合，保证了信息项组合的数据完整性，进而保证了数据表单的数据完整性。
195.在根据本技术的一个实施例中，提出了一种前端页面的渲染装置，前端页面的渲染装置800包括：
196.处理模块802，用于获取信息项组合中多个信息项对应的多个权重数值；
197.处理模块802，还用于根据多个权重数值，确定多个信息项的信息处理顺序。
198.本实施例中的前端页面的渲染装置800通过获取多个信息项对应的多个权重数值，确定多个信息项的信息处理顺序，保证了信息处理顺序的逻辑准确性，避免了在信息项组合的渲染过程中出现渲染顺序错误的问题，进而提升了数据表单的渲染效率。
199.在根据本技术的一个实施例中，提出了一种前端页面的渲染装置，前端页面的渲染装置800包括：
200.处理模块802，用于根据输入数据和信息处理顺序，确定信息项组合中多个信息项对应的多个显示数据；
201.处理模块802，还用于对多个显示数据进行数据组合，以得到显示数据集合。
202.本实施例中的前端页面的渲染装置800根据输入数据和信息处理顺序，确定信息项组合中多个信息项对应的多个显示数据，再将多个显示数据组合为显示数据集合，保证了显示数据集合的数据完整性，进而保证了前端页面中数据表单的数据完整性。
203.在根据本技术的一个实施例中，提出了一种前端页面的渲染装置，前端页面的渲染装置800包括：
204.处理模块802，用于对数据表单进行数据渲染，将数据表单显示在前端页面上。
205.本实施例中的前端页面的渲染装置800通过渲染数据表单，在前端页面上显示更新后的数据表单，保证了数据表单的实时显示性能，进而提升了前端页面的显示性能。
206.在根据本技术的一个实施例中，提出了一种前端页面的渲染装置，前端页面的渲染装置800包括：
207.处理模块802，用于获取数据表单的数据更新事件；
208.处理模块802，还用于通过监听数据更新事件，接收数据更新事件对应的输入数据。
209.本实施例中的前端页面的渲染装置800通过监听数据更新事件，接收用户的输入数据，保证了输入数据的实时性，进而提升了前端页面的实时显示效果。
210.在根据本技术的一个实施例中，如图13所示，提出了一种前端页面的渲染装置，前端页面的渲染装置1300包括处理器1302和存储器1304，存储器1304中存储有程序或指令，该程序或指令被处理器1302执行时实现如上述任一技术方案中的前端页面的渲染方法的步骤。因此，该前端页面的渲染装置具备上述任一技术方案中的前端页面的渲染方法的全部有益效果，在此不再赘述。
211.在根据本技术的一个实施例中，提供了一种可读存储介质，其上存储有程序，程序被处理器执行时实现如上述任一实施例中的前端页面的渲染方法，因而具有上述任一实施例中的前端页面的渲染方法的全部有益技术效果。
212.其中，可读存储介质，如只读存储器(read-only memory，rom)、随机存取存储器(random access memory，ram)、磁碟或者光盘等。
213.需要明确的是，在本发明的权利要求书、说明书和说明书附图中，术语“多个”则指两个或两个以上，除非有额外的明确限定，术语“上”、“下”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了更方便地描述本发明和使得描述过程更加简便，而不是为了指示或暗示所指的装置或元件必须具有所描述的特定方位、以特定方位构造和操作，因此这些描述不能理解为对本发明的限制；术语“连接”、“安装”、“固定”等均应做广义理解，举例来说，“连接”可以是多个对象之间的固定连接，也可以是多个对象之间的可拆卸连接，或一体地连接；可以是多个对象之间的直接相连，也可以是多个对象之间的通过中间媒介间接相连。对于本领域的普通技术人员而言，可以根据上述数据地具体情况理解上述术语在本发明中的具体含义。
214.在本发明的权利要求书、说明书和说明书附图中，术语“一个实施例”、“一些实施例”、“具体实施例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或特点包含于本发明的至少一个实施例或示例中。在本发明的权利要求书、说明书和说明书附图中，对上述术语的示意性表述不一定指的是相同的实施例或实例。而且，描述的具体特征、结构、材料或特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
215.以上仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。