基于react的核电厂数据下拉框组件创建方法及系统技术方案

本发明专利技术公开了一种基于react的核电厂数据下拉框组件创建方法及系统，涉及核电厂数据处理领域，该方法包括获取核电厂业务场景，基于react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件；创建下拉框选择组件的API说明，并基于创建的API说明对下拉框选择组件进行设置；基于实际业务需求，确定下拉框选择组件的下拉框种类；基于确定的下拉框种类，通过diff算法对下拉框选择组件的页面进行更新。本发明专利技术能够降低用户操作或表单填写时的负担，有效提升输入效率。有效提升输入效率。有效提升输入效率。

【技术实现步骤摘要】
基于react的核电厂数据下拉框组件创建方法及系统


[0001]本专利技术涉及核电厂数据处理领域，具体涉及一种基于react的核电厂数据下拉框组件创建方法及系统。

技术介绍

[0002]核电厂是指将核能转换为热能，用以产生供汽轮机用的蒸汽，蒸汽通过管路进入汽轮机，推动汽轮发电机，进而进行发电的电厂。与传统的火力发电厂相比，核电厂具有十分明显的优势：1、核能发电不像像化石燃料发电那样排放巨量的污染物质到大气中，因此核能发电不会造成空气污染；2、核能发电无碳排放，不会加重地球温室效应；3、核燃料的能量密度比起化石燃料高上几百万倍，故核能电厂所使用的燃料体积小，运输与储存方便；4、核能发电的成本中，燃料费用所占的比例较低，核能发电的成本不易受到经济形势的影响，故发电成本较为稳定。
[0003]核电厂在运行的过程中或产生大量数据，同时还需要基于运行数据或核电厂操作流程，进行操作表单的填写。当前，对于核电厂运行过程中操作表单的填写均还采用手动输入的方式，从而导致操作表单的填写效率低下。

技术实现思路

[0004]针对现有技术中存在的缺陷，本专利技术的目的在于提供一种基于react的核电厂数据下拉框组件创建方法及系统，能够降低用户操作或表单填写时的负担，有效提升输入效率。
[0005]为达到以上目的，本专利技术提供的一种基于react的核电厂数据下拉框组件创建方法，具体包括以下步骤：
[0006]获取核电厂业务场景，基于react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件；
[0007]创建下拉框选择组件的API说明，并基于创建的API说明对下拉框选择组件进行设置；
[0008]基于实际业务需求，确定下拉框选择组件的下拉框种类；
[0009]基于确定的下拉框种类，通过diff算法对下拉框选择组件的页面进行更新。
[0010]在上述技术方案的基础上，所述API说明为对下拉框选择组件中下拉框的样式设置和操作反馈设置。
[0011]在上述技术方案的基础上，所述下拉框种类包括选项分组支持、选项单选、选项禁用、主动输入、自动输入、附带标签。
[0012]在上述技术方案的基础上，所述选项分组支持为当下拉框中下拉框选项的数目超过预设数目时，则对下拉框中的下拉框选项进行分组。
[0013]在上述技术方案的基础上，所述选项单选为仅允许在下拉框的多个下拉框选项中选择一个下拉框选项。
[0014]在上述技术方案的基础上，所述选项禁用为将下拉框中的一个或多个下拉框选项设置为不可选状态。
[0015]在上述技术方案的基础上，所述主动输入为支持主动输入方式在下拉框中进行输入。
[0016]在上述技术方案的基础上，所述自动输入为当完成下拉框中的下拉框选项后，对所选择的下拉框选项的相关数据或信息在下拉框中进行自动输入。
[0017]在上述技术方案的基础上，所述附带标签为在下拉框中的下拉框选项中添加用于解释下拉框选项的标签。
[0018]本专利技术提供的一种基于react的核电厂数据下拉框组件创建系统，包括：
[0019]封装模块，其用于获取核电厂业务场景，基于react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件；
[0020]设置模块，其用于创建下拉框选择组件的API说明，并基于创建的API说明对下拉框选择组件进行设置；
[0021]确定模块，其用于基于实际业务需求，确定下拉框选择组件的下拉框种类；
[0022]更新模块，其用于基于确定的下拉框种类，通过diff算法对下拉框选择组件的页面进行更新。
[0023]与现有技术相比，本专利技术的优点在于：通过react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件，并通过API说明对下拉框选择组件进行设置，同时基于实际业务需求确定下拉框选择组件的下拉框种类，并完成对下拉框选择组件的页面进行更新，基于下拉框选择组件以选择方式实现输出，替代传动的手动输入方式，降低用户操作或表单填写时的负担，有效提升输入效率。
附图说明
[0024]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0025]图1为本专利技术实施例中一种基于react的核电厂数据下拉框组件创建方法的流程图。
具体实施方式
[0026]本专利技术实施例提供一种基于react的核电厂数据下拉框组件创建方法，通过react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件，并通过API说明对下拉框选择组件进行设置，同时基于实际业务需求确定下拉框选择组件的下拉框种类，并完成对下拉框选择组件的页面进行更新，基于下拉框选择组件以选择方式实现输出，替代传动的手动输入方式，降低用户操作或表单填写时的负担，有效提升输入效率。本专利技术实施例相应地还提供了一种基于react的核电厂数据下拉框组件创建系统。
[0027]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是
本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0028]参见图1所示，本专利技术实施例提供的一种基于react的核电厂数据下拉框组件创建方法，具体包括以下步骤：
[0029]S1：获取核电厂业务场景，基于react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件。
[0030]核电厂中存在多个部门，每个部门负者完成不同的任务，从而形成多个业务场景，在核电厂运行的过程中，不同业务场景下需要进行不同的操作，并实现不同表单的填写，因此，在不同的业务场景下所需要填写的表单也是不一样的。传统方式中是采用手动输入方式实现表单填写，本专利技术则是通过下拉框下拉选择的方式显示表单填写，在多个选项中进行选择，因此，不同业务场景对应的下拉框也不相同。例如，业务场景A对应时间输入下拉框、数据输入下拉框和结论输入下拉框，且每个下拉框均包括多个下拉框选项，通过对下拉框中下拉框选项的选择实现时间输入、数据输入和结论输入。react是用于构建用户界面的JavaScript库。
[0031]S2：创建下拉框选择组件的API(Application Programming Interface，应用程序接口)说明，并基于创建的API说明对下拉框选择组件进行设置；
[0032]本专利技术实施例中，API说明为对下拉框选择组件中下拉框的样式设置和操作反馈设置，样式设置包括对下拉框尺寸、最大显示下拉框选项长度、默认文字样式、图标样式本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于react的核电厂数据下拉框组件创建方法，其特征在于，具体包括以下步骤：获取核电厂业务场景，基于react对业务场景对应的下拉框及下拉框中的下拉框选项进行封装，得到下拉框选择组件；创建下拉框选择组件的API说明，并基于创建的API说明对下拉框选择组件进行设置；基于实际业务需求，确定下拉框选择组件的下拉框种类；基于确定的下拉框种类，通过diff算法对下拉框选择组件的页面进行更新。2.如权利要求1所述的一种基于react的核电厂数据下拉框组件创建方法，其特征在于：所述API说明为对下拉框选择组件中下拉框的样式设置和操作反馈设置。3.如权利要求1所述的一种基于react的核电厂数据下拉框组件创建方法，其特征在于：所述下拉框种类包括选项分组支持、选项单选、选项禁用、主动输入、自动输入、附带标签。4.如权利要求3所述的一种基于react的核电厂数据下拉框组件创建方法，其特征在于：所述选项分组支持为当下拉框中下拉框选项的数目超过预设数目时，则对下拉框中的下拉框选项进行分组。5.如权利要求3所述的一种基于react的核电厂数据下拉框组件创建方法，其特征在于：所述选项单选为仅允许在下拉框的多个下拉框选项中选择一个下拉框选项。6.如权利要求3所述的...

【专利技术属性】
技术研发人员：周小康，张国涛，钟泉，巴军，姚祥英，胡芳，李慧，方磊，陈逸涛，樊志强，
申请(专利权)人：核动力运行研究所，
类型：发明
国别省市：