本发明专利技术实施例提供了一种组件的创建方法和系统，其中，所述方法包括：对组件创建项目进行初始化处理；按照组件创建项目的组件创建规范搭建初始的组件架构；为组件架构添加通用配置参数；将组件架构的每个目标页签与对应的每个目标表单数据建立关联关系；为组件架构添加表单监听函数，以便利用表单监听函数在多个目标页签的切换过程中，监听存在变化的目标表单数据；为组件架构添加提醒配置参数，提醒配置参数用于在表单监听函数在多个目标页签的切换过程中，监听到存在变化的目标表单数据时，展示保存提醒信息；将组件架构打包并发布至包管理平台。本发明专利技术实施例避免了创建新的组件，节省了组件的创建时间成本，简化了组件的创建步骤。步骤。步骤。
【技术实现步骤摘要】
组件的创建方法、系统和电子设备及存储介质
[0001]本专利技术涉及计算机
，特别是涉及一种组件的创建方法、一种组件的创建系统以及一种电子设备和一种计算机可读存储介质。
技术介绍
[0002]目前，后台管理系统中会存在多页签的应用场景，每个页签对应于一个表单数据。当用户对每个页签进行编辑时，实际上是对页面对应的表单数据进行编辑。
[0003]在现有技术中，用户在对某个页签进行编辑之后，若从该页签切换至其他页签，会造成该页签对应的表单数据未保存，容易出现页签编辑无效的问题。
技术实现思路
[0004]鉴于上述问题，提出了本专利技术实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种组件的创建方法和相应的一种组件的创建系统。
[0005]为了解决上述问题，本专利技术实施例公开了一种组件的创建方法，所述方法包括：对组件创建项目进行初始化处理；按照所述组件创建项目的组件创建规范搭建初始的组件架构；为所述初始的组件架构添加通用配置参数；将所述组件架构的每个目标页签与对应的每个目标表单数据建立关联关系；为所述组件架构添加表单监听函数，以便利用所述表单监听函数在多个所述目标页签的切换过程中，监听存在变化的所述目标表单数据；为所述组件架构添加提醒配置参数，所述提醒配置参数用于在所述表单监听函数在多个所述目标页签的切换过程中，监听到存在变化的所述目标表单数据时，展示保存提醒信息；将所述组件架构打包并发布至包管理平台。
[0006]可选地，所述为所述初始的组件架构添加通用配置参数，包括：为所述初始的组件架构添加以下所述通用配置参数：页签切换配置参数、基础样式布局配置参数、自定义颜色配置参数、动画过度效果配置参数。
[0007]可选地，所述为所述组件架构添加表单监听函数，包括：为所述组件架构添加vue中的watch函数。
[0008]可选地，所述watch函数用于在当前展示的所述目标页签切换至其他的所述目标页签的过程中，监听与当前展示的所述目标页签对应的所述目标表单数据是否存在变化。
[0009]可选地，所述对组件创建项目进行初始化处理，包括：基于npm对所述组件创建项目进行初始化处理。
[0010]可选地，所述基于npm对所述组件创建项目进行初始化处理，包括：为所述组件创建项目下载以下依赖数据包：vue、vite、typescript、rollup、gulp。
[0011]可选地，在所述将所述组件架构打包并发布至包管理平台之前，所述方法还包括：搭建测试环境，将所述组件架构添加到所述测试环境中，并对所述组件架构进行测试处理。
[0012]本专利技术实施例还公开了一种组件的创建系统，所述系统包括：项目初始化模块，用于对组件创建项目进行初始化处理；组件搭建模块，用于按照所述组件创建项目的组件创
建规范搭建初始的组件架构；参数添加模块，用于为所述初始的组件架构添加通用配置参数；表单关联模块，用于将所述组件架构的每个目标页签与对应的每个目标表单数据建立关联关系；函数添加模块，用于为所述组件架构添加表单监听函数，以便利用所述表单监听函数在多个所述目标页签的切换过程中，监听存在变化的所述目标表单数据；所述参数添加模块，还用于为所述组件架构添加提醒配置参数，所述提醒配置参数用于在所述表单监听函数在多个所述目标页签的切换过程中，监听到存在变化的所述目标表单数据时，展示保存提醒信息；组件发布模块，用于将所述组件架构打包并发布至包管理平台。
[0013]可选地，所述参数添加模块，用于为所述初始的组件架构添加以下所述通用配置参数：页签切换配置参数、基础样式布局配置参数、自定义颜色配置参数、动画过度效果配置参数。
[0014]可选地，所述函数添加模块，用于为所述组件架构添加vue中的watch函数。
[0015]可选地，所述watch函数用于在当前展示的所述目标页签切换至其他的所述目标页签的过程中，监听与当前展示的所述目标页签对应的所述目标表单数据是否存在变化。
[0016]可选地，所述项目初始化模块，用于基于npm对所述组件创建项目进行初始化处理。
[0017]可选地，所述项目初始化模块，用于为所述组件创建项目下载以下依赖数据包：vue、vite、typescript、rollup、gulp。
[0018]可选地，所述系统还包括：测试模块，用于在所述组件发布模块将所述组件架构打包并发布至包管理平台之前，搭建测试环境，将所述组件架构添加到所述测试环境中，并对所述组件架构进行测试处理。
[0019]本专利技术实施例还公开了一种电子设备，包括：一个或多个处理器；和其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述电子设备执行如上所述的组件的创建方法。
[0020]本专利技术实施例还公开了一种计算机可读存储介质，其存储的计算机程序使得处理器执行如上所述的组件的创建方法。
[0021]本专利技术实施例包括以下优点：
[0022]本专利技术实施例提供的组件的创建方案，对组件创建项目进行初始化处理，然后按照组件创建项目的组件创建规范搭建初始的组件架构。进而，为初始的组件架构添加通用配置参数，将组件架构与多个目标页签对应的多个目标表单数据进行关联，再为组件架构添加表单监听函数，以便利用表单监听函数在多个目标页签的切换过程中，监听存在变化的目标表单数据。接下来，为组件架构添加提醒配置参数，该提醒配置参数用于在表单监听函数在多个目标页签的切换过程中，监听到存在变化的目标表单数据时，展示保存提醒信息。最终，将组件架构打包并发布至包管理平台。
[0023]本专利技术实施例可以在搭建的组件架构中添加通用配置参数，以便为组件架构添加通用功能。同时，还为组件架构添加表单监听函数和提醒配置参数，以便利用表单监听函数对目标表单数据的变化进行监听，并在监听到目标表单数据存在变化时，展示保存提醒信息。最终，将组件架构打包并发布至包管理平台，以便后续可以直接利用该组件架构对页签切换过程中的表单数据进行监听并提醒，避免了创建新的组件，节省了组件的创建时间成本，简化了组件的创建步骤。
附图说明
[0024]图1是本专利技术实施例的一种组件的创建方法的步骤流程图；
[0025]图2是本专利技术实施例的一种页签提醒组件的开放方案的原理示意图；
[0026]图3是本专利技术实施例的一种页签提醒组件的开放方案的功能框图；
[0027]图4是本专利技术实施例的一种组件的创建系统的结构框图。
具体实施方式
[0028]为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本专利技术作进一步详细的说明。
[0029]本专利技术实施例可以为新搭建的组件架构添加通用配置参数，以便令组件架构支持通用功能。本专利技术实施例还可以为添加有通用配置参数的组件架构添加表单监听函数和提醒配置参数，以便令组件架构支持表单监听功能和表单保存提醒功能。最终，将组件架构打包并发布至包管理平台，后续可以直接利用现成的组件，避本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种组件的创建方法，其特征在于，所述方法包括：对组件创建项目进行初始化处理；按照所述组件创建项目的组件创建规范搭建初始的组件架构；为所述初始的组件架构添加通用配置参数；将所述组件架构的每个目标页签与对应的每个目标表单数据建立关联关系；为所述组件架构添加表单监听函数，以便利用所述表单监听函数在多个所述目标页签的切换过程中，监听存在变化的所述目标表单数据；为所述组件架构添加提醒配置参数，所述提醒配置参数用于在所述表单监听函数在多个所述目标页签的切换过程中，监听到存在变化的所述目标表单数据时，展示保存提醒信息；将所述组件架构打包并发布至包管理平台。2.根据权利要求1所述的方法，其特征在于，所述为所述初始的组件架构添加通用配置参数，包括：为所述初始的组件架构添加以下所述通用配置参数：页签切换配置参数、基础样式布局配置参数、自定义颜色配置参数、动画过度效果配置参数。3.根据权利要求1所述的方法，其特征在于，所述为所述组件架构添加表单监听函数，包括：为所述组件架构添加vue中的watch函数。4.根据权利要求3所述的方法，其特征在于，所述watch函数用于在当前展示的所述目标页签切换至其他的所述目标页签的过程中，监听与当前展示的所述目标页签对应的所述目标表单数据是否存在变化。5.根据权利要求1所述的方法，其特征在于，所述对组件创建项目进行初始化处理，包括：基于npm对所述组件创建项目进行初始化处理。6.根据权利要求5所述的方法，其特征在于，所述基于npm对所述组件创建项目进行初始化处理，包括：为...
【专利技术属性】
技术研发人员：徐晨淼，杜昌勇，武鹏林，王立杰，
申请(专利权)人：视联动力信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。