组件生成方法、装置、存储介质及计算机设备制造方法及图纸

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

【技术实现步骤摘要】
组件生成方法、装置、存储介质及计算机设备


[0001]本专利技术涉及计算机
及数字医疗领域，尤其是涉及一种组件生成方法、装置、存储介质及计算机设备。

技术介绍

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

技术实现思路

[0004]有鉴于此，本申请提供了一种组件生成方法、装置、存储介质及计算机设备，主要目的在于解决现有技术中组件中包含固定内容的待编辑文本框一致性差、灵活度差、进而影响工作效率的技术问题。
[0005]根据本专利技术的第一个方面，提供了一种组件生成方法，该方法包括：
[0006]响应于组件编辑指令，展示组件编辑页面，提取所述组件编辑页面中的编辑文本项，并获取所述编辑文本项的文本框；
[0007]将所述文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将所述前缀片段固定在所述文本框的起始端；
[0008]接收用户输入的文本内容，获取所述文本内容的文本长度，将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置；
[0009]响应于组件生成指令，将所述文本内容添加至所述输入片段内，确定所述编辑文本项，并基于所述编辑文本项生成组件。
[0010]根据本专利技术的第二个方面，提供了一种组件生成装置，该装置包括：
[0011]目标获取模块，用于响应于组件编辑指令，展示组件编辑页面，提取所述组件编辑页面中的编辑文本项，并获取所述编辑文本项的文本框；
[0012]区域划分模块，用于将所述文本框按照预设顺序依次划分为前缀片段、输入片段
和后缀片段，并将所述前缀片段固定在所述文本框的起始端；
[0013]文本输入模块，用于接收用户输入的文本内容，获取所述文本内容的文本长度，将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置；
[0014]组件生成模块，用于响应于组件生成指令，将所述文本内容添加至所述输入片段内，确定所述编辑文本项，并基于所述编辑文本项生成组件。
[0015]根据本专利技术的第三个方面，提供了一种存储介质，其上存储有计算机程序，程序被处理器执行时实现上述组件生成方法。
[0016]根据本专利技术的第四个方面，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现上述组件生成方法。
[0017]本专利技术提供的一种组件生成方法、装置、存储介质及计算机设备，首先响应于组件编辑指令，展示组件编辑页面，提取组件编辑页面中的编辑文本项，并获取编辑文本项的文本框，然后将文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将前缀片段固定在文本框的起始端，再接收用户输入的文本内容，获取文本内容的文本长度，将输入片段的宽度调整为文本内容的文本长度，并同步调整后缀片段在文本框中的位置，最后响应于组件生成指令，将文本内容添加至输入片段内，确定编辑文本项，并基于编辑文本项生成组件。
[0018]在上述方法中，待编辑的输入片段与具有固定内容的前缀片段和后缀片段始终保持在同一文本框中，使得编辑文本项的文本框整体样式不变，始终与组件内其他文本项保持一致，具有较强的一致性；同时，输入片段的宽度基于文本内容的文本长度同步进行调整，并根据输入片段的宽度实时调整后缀片段的位置，使得文本框的内容呈现具有很强的灵活性，文本框的内容更直观，便于查看与交互；组件的生成过程只需用户输入文本内容，更加简洁以及规范化，进一步提高使用人员的工作效率。上述方法使得文本框的生成具有很强的灵活性，规范组件生成且确保组件生成的一致性，提高了用户的工作效率。
[0019]上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。
附图说明
[0020]此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0021]图1示出了本专利技术实施例提供的一种组件生成方法的现有技术中文本框的三种实现样式；
[0022]图2示出了本专利技术实施例提供的一种组件生成方法的流程示意图；
[0023]图3示出了本专利技术实施例提供的一种组件生成方法的流程示意图；
[0024]图4示出了本专利技术实施例提供的一种组件生成方法中文本框的样式图；
[0025]图5示出了本专利技术实施例提供的一种组件生成装置的结构示意图；
[0026]图6示出了本专利技术实施例提供的一种组件生成装置的结构示意图；
[0027]图7示出了本专利技术实施例提供的一种计算机设备的装置结构示意图。
具体实施方式
[0028]下面将参照附图更详细地描述本申请的示例性实施例。虽然附图中显示了本申请的示例性实施例，然而应当理解，可以以各种形式实现本申请而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本申请，并且能够将本申请的范围完整的传达给本领域的技术人员。
[0029]本申请实施例提供了一种组件生成方法，如图2所示，该方法包括以下步骤：
[0030]101、响应于组件编辑指令，展示组件编辑页面，提取组件编辑页面中的编辑文本项，并获取编辑文本项的文本框。
[0031]具体地，对于不同的组件来说，组件编辑指令内容可能存在差异，但通常组件编辑指令都包括进入编辑模式，编辑组件内容，完成组件编辑的过程。组件编辑指令一般由用户发出。所生成的组件中通常包括了很多不同内容的文本项，但是部分文本项的内容是保持不变的，而存在一些文本项是需要用户输入内容进行编辑的，通常需要用户在对应的文本项的文本框中输入内容，完成文本项的编辑过本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件生成方法，其特征在于，所述方法包括：响应于组件编辑指令，展示组件编辑页面，提取所述组件编辑页面中的编辑文本项，并获取所述编辑文本项的文本框；将所述文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将所述前缀片段固定在所述文本框的起始端；接收用户输入的文本内容，获取所述文本内容的文本长度，将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置；响应于组件生成指令，将所述文本内容添加至所述输入片段内，确定所述编辑文本项，并基于所述编辑文本项生成组件。2.根据权利要求1所述的方法，其特征在于，所述组件编辑页面还包括第一信息项和第二信息项；在所述将所述文本框按照预设顺序依次划分为前缀片段、输入片段和后缀片段，并将所述前缀片段固定在所述文本框的起始端之后，所述方法还包括：对所述前缀片段与所述第一信息项进行数据绑定，使得所述前缀片段与所述第一信息项数据同步，并对所述后缀片段与所述第二信息项进行数据绑定，使得所述后缀片段与所述第二信息项数据同步；接收用户输入的第一信息内容和第二信息内容，将所述第一信息内容添加至所述第一信息项，将所述第二信息内容添加至所述第二信息项；响应于数据同步指令，将所述第一信息内容同步至所述第一信息项，将所述第一信息项封装为只读状态，并将所述第二信息内容同步至所述第二信息项，将所述第二信息项封装为只读状态。3.根据权利要求1所述的方法，其特征在于，所述将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置，包括：获取所述文本框的宽度属性，确定所述文本框的宽度为非固定长度；基于所述前缀片段在所述文本框中的位置，确定所述前缀片段的终止端；将所述输入片段的起始端靠近所述前缀片段的终止端设置，并确定所述输入片段的终止端；将所述后缀片段的起始端靠近所述输入片段的终止端设置；基于所述前缀片段的起始端确定所述文本框的起始端，并基于所述后缀片段的终止端确定所述文本框的终止端，完成所述文本框的配置。4.根据权利要求1所述的方法，其特征在于，所述将所述输入片段的宽度调整为所述文本内容的文本长度，并同步调整所述后缀片段在所述文本框中的位置，包括：获取所述文本框的宽度属性，确定所述文本框的宽度为固定长度；获取所述文本框的预设宽度，并基于所述文本框的预设宽度、所述前缀片段的宽度和所述文本内容的文本长度，计算得到所述后缀片段的宽度；将所述后缀片段的终止端设置在所述文本框的终止端，确定所述后缀片段的起始端；基于所述前缀片段的位置，确定所述前缀片段的终止端...

【专利技术属性】
技术研发人员：周桂，
申请(专利权)人：康键信息技术深圳有限公司，
类型：发明
国别省市：