组件生成方法、装置、存储介质及计算机设备与流程

本发明涉及计算机及数字医疗领域，尤其是涉及一种组件生成方法、装置、存储介质及计算机设备。

背景技术：

1、随着前端技术中ui(user interface)组件化的盛行，常见的javascript框架中的react、vue、jquery等技术框架的使用极大地提高了前端研发质量与效率，也使得基于各种技术框架所实现的基础组件已经日趋成熟。

2、现有技术中，基础组件在某些业务场景中的应用仍然存在不足，例如在编辑组件中一个包含有固定内容的项目时，现有技术中通常有三种实现方式，如图1所示，第一种方式是在待输入的文本框的两侧设置两个固定片段，第二种方式是设置一个完整的可输入的单文本框，文本框中的内容可随意输入，第三种方式是设置三个文本框，其中只有中间的是可输入的文本框。以上三种文本框的实现方式，在编辑完待输入内容后无法形成一个完整且直观的文本框，影响工作效率，且文本框的格式和尺寸无法根据输入内容进行动态调整，灵活性较差，同时无法限制文本框格式与其他文本框始终保持一致，不便于进行交互，一致性较差。而具体在医疗系统中，医护人员在每日工作中都需要大量运用到基础组件来填写信息，例如病人病例、手术相关报告或实验项目等，而灵活性较差且一致性较差的文本框以及组件会严重影响相关人员的工作效率。

技术实现思路

1、有鉴于此，本申请提供了一种组件生成方法、装置、存储介质及计算机设备，主要目的在于解决现有技术中组件中包含固定内容的待编辑文本框一致性差、灵活度差、进而影响工作效率的技术问题。

2、根据本发明的第一个方面，提供了一种组件生成方法，该方法包括：

3、响应于组件编辑指令，展示组件编辑页面，提取所述组件编辑页面中的编辑文本项，并获取所述编辑文本项的文本框；

4、将所述文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将所述前缀片段固定在所述文本框的起始端；

5、接收用户输入的文本内容，获取所述文本内容的文本长度，将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置；

6、响应于组件生成指令，将所述文本内容添加至所述输入片段内，确定所述编辑文本项，并基于所述编辑文本项生成组件。

7、根据本发明的第二个方面，提供了一种组件生成装置，该装置包括：

8、目标获取模块，用于响应于组件编辑指令，展示组件编辑页面，提取所述组件编辑页面中的编辑文本项，并获取所述编辑文本项的文本框；

9、区域划分模块，用于将所述文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将所述前缀片段固定在所述文本框的起始端；

10、文本输入模块，用于接收用户输入的文本内容，获取所述文本内容的文本长度，将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置；

11、组件生成模块，用于响应于组件生成指令，将所述文本内容添加至所述输入片段内，确定所述编辑文本项，并基于所述编辑文本项生成组件。

12、根据本发明的第三个方面，提供了一种存储介质，其上存储有计算机程序，程序被处理器执行时实现上述组件生成方法。

13、根据本发明的第四个方面，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现上述组件生成方法。

14、本发明提供的一种组件生成方法、装置、存储介质及计算机设备，首先响应于组件编辑指令，展示组件编辑页面，提取组件编辑页面中的编辑文本项，并获取编辑文本项的文本框，然后将文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将前缀片段固定在文本框的起始端，再接收用户输入的文本内容，获取文本内容的文本长度，将输入片段的宽度调整为文本内容的文本长度，并同步调整后缀片段在文本框中的位置，最后响应于组件生成指令，将文本内容添加至输入片段内，确定编辑文本项，并基于编辑文本项生成组件。

15、在上述方法中，待编辑的输入片段与具有固定内容的前缀片段和后缀片段始终保持在同一文本框中，使得编辑文本项的文本框整体样式不变，始终与组件内其他文本项保持一致，具有较强的一致性；同时，输入片段的宽度基于文本内容的文本长度同步进行调整，并根据输入片段的宽度实时调整后缀片段的位置，使得文本框的内容呈现具有很强的灵活性，文本框的内容更直观，便于查看与交互；组件的生成过程只需用户输入文本内容，更加简洁以及规范化，进一步提高使用人员的工作效率。上述方法使得文本框的生成具有很强的灵活性，规范组件生成且确保组件生成的一致性，提高了用户的工作效率。

16、上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。

技术特征：

1.一种组件生成方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述组件编辑页面还包括第一信息项和第二信息项；在所述将所述文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将所述前缀片段固定在所述文本框的起始端之后，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，所述将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置，包括：

4.根据权利要求1所述的方法，其特征在于，所述将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置，包括：

5.根据权利要求1所述的方法，其特征在于，所述将所述文本内容添加至所述输入片段内，确定所述编辑文本项，包括：

6.根据权利要求1所述的方法，其特征在于，所述将所述文本内容添加至所述输入片段内，确定所述编辑文本项，包括：

7.根据权利要求1所述的方法，其特征在于，所述将所述文本内容添加至所述输入片段内，确定所述编辑文本项，包括：

8.一种组件生成装置，其特征在于，所述装置包括：

9.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。

技术总结
本发明涉及计算机技术领域及数字医疗领域，并公开了一种组件生成方法、装置、存储介质及计算机设备。其中方法包括响应于组件编辑指令，展示组件编辑页面，提取组件编辑页面中的编辑文本项，并获取编辑文本项的文本框，然后将文本框依次划分为前缀片段、输入片段和后缀片段，固定前缀片段在文本框的起始端，再接收用户输入的文本内容并获取文本长度，将输入片段的宽度调整为文本内容的文本长度，同步调整后缀片段在文本框中的位置，最后响应于组件生成指令，将文本内容添加至输入片段内，确定编辑文本项，并基于编辑文本项生成组件。上述方法使得文本框的生成具有很强的灵活性，规范组件生成并确保组件生成的一致性，提高了用户的工作效率。

技术研发人员：周桂
受保护的技术使用者：康键信息技术（深圳）有限公司
技术研发日：
技术公布日：2024/1/15