CN113238747A - 一种自适应容器展示的标签生成方法和*** - Google Patents

Abstract

本发明公开了一种自适应容器展示的标签生成方法和***，涉及计算机领域。该方法的一具体实施方式包括：从用户输入的标签文本中提取至少一个标签元素；判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。该实施方式使得该标签生成方法能够实现标签内容超过长度部分省略显示，满足用户的个性化需求和自定义设置，极大提高了标签生成的便捷性、简洁性、多样性，进而优化了标签生成体系。

Description

一种自适应容器展示的标签生成方法和***

技术领域

本发明涉及计算机技术领域，尤其涉及一种自适应容器展示的标签生成方法和***。

背景技术

在计算机界面组建开发过程中，文本输入框的实现是一种常见的功能实现，为了简化开发流程，开发环境中通常会有预设的用于实现文本框输入的控件，例如IOS环境中的UI控件。然而，由于开发环境自带的控件自身规则的限制，单纯地使用控件来实现文本输入已不能很好地满足多样化的文本输入需求。

随着网络展现形式的多元化发展，对于特异性标签的需求与日俱增。而直接使用现有的文本输入框，所显示的文本及标签的样式通常是统一设置的，如果要实现一些个性化的文本样式，则需要设置较为复杂的开发逻辑来实现，这将大大增加开发的难度。现有生成标签的方式，多需依赖第三方文件，且无法满足用户的个性化需求，亟待研发新的标签生成方法和***。

发明内容

有鉴于此，本发明实施例提供一种自适应容器展示的标签生成方法和***，能够在不需要第三方文件的基础上，选择展示标签内容，提升用户使用体验，满足用户的个性化操作。

为实现上述目的，根据本发明实施例的一个方面，提供了一种自适应容器展示的标签生成方法。

本发明实施例的自适应容器展示的标签生成方法包括：

获取用户输入的标签文本，所述标签文本包括至少一个标签元素；

判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；

根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。

可选地，获取用户输入的标签文本，包括：

响应于用户发送的输入请求，创建第一数组，在所述第一数组内创建第二数组，以所述第二数组作为文本接收数组；

实时监控所述用户输入的每个字符，判断所述字符是否为分隔符；若否，则将所述字符放入所述文本接收数组，然后监控所述用户输入的下一个字符；若是，则创建新的第二数组，以所述新的第二数组作为文本接收数组，然后监控所述用户输入的下一个字符；

分别以每个第二数组中的所有字符作为一个标签元素，得到所述用户输入的多个标签元素。

可选地，在判断所述字符是否为分隔符之前，还包括：从所述用户的历史标签元素集中获取与所述用户输入的字符关联的历史标签内容，按照关联度从高到低的顺序向所述用户展示所述历史标签内容，确认未接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求；

若接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求，则将所述目标历史标签内容放入所述文本接收数组，然后创建新的第二数组，以所述新的第二数组作为文本接收数组，监控所述用户输入的下一个字符。

可选地，在将所述字符放入所述文本接收数组或将所述目标历史标签内容放入所述文本接收数组之后，还包括以下至少之一：

监测所述用户发送的字符删除请求，从所述字符删除请求中解析目标第二数组、第一删除位置和删除类型，根据所述删除类型删除所述目标第二数组中第一删除位置之前和/或之后的至少一个字符；

监测所述用户发送的数组删除请求，从所述数组删除请求中解析第二删除位置和删除类型，根据所述删除类型删除第二删除位置之前和/或之后的至少一个第二数组。

可选地，所述方法还包括：

在获取用户输入的标签文本之前，在输入框中显示占位符文字；在用户输入的字符时，隐藏所述占位符文字；在生成每个所述标签元素对应的标签之后，重新显示所述占位符文字；

在生成每个所述标签元素对应的标签之后，在标签展示框展示所述标签；所述标签展示框和所述输入框位于同一区块内。

可选地，根据所述目标文本确定标签内容，包括：以所述目标文本作为所述标签内容；或者，在所述目标文本后添加预设字符，以所述目标文本和预设字符的整体作为所述标签内容。

可选地，在生成每个所述标签元素对应的标签之后，所述方法还包括：接收用户发送的标签查看请求，从所述标签查看请求中解析目标标签，展示所述目标标签对应的标签元素。

可选地，在生成每个所述标签元素对应的标签之后，还包括：确定标签展示框中当前行的剩余长度，判断所述标签内容的文本长度是否大于所述剩余长度；若是，则将所述标签展示在所述当前行的下一行；否则在所述当前行展示所述标签；其中，所述当前行是指所述标签展示框中已展示的最后一个标签所在的行。

可选地，在生成每个所述标签元素对应的标签时，根据预先编辑的标签样式生成标签；或者，在生成每个所述标签元素对应的标签之后，根据用户的样式编辑请求对标签进行样式编辑；对所述标签样式的编辑包括以下至少之一：编辑标签颜色，编辑标签内容的字体，向标签中添加删除标识、点击、链接中的一种或多种。

可选地，在根据所述用户的样式编辑请求对所述标签进行样式编辑之后，还包括：响应于所述用户对目标标签的删除标识的操作，删除所述目标标签；或者，响应于所述用户对目标标签的隐藏请求，隐藏所述目标标签的删除符号。

为实现上述目的，根据本发明实施例的另一个方面，提供了一种自适应容器展示的标签生成***。

本发明实施例的自适应容器展示的标签生成***包括：

文本获取模块，获取用户输入的标签文本，所述标签文本包括至少一个标签元素；

内容获取模块，判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；

标签生成模块，根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。

可选地，所述文本获取模块获取用户输入的标签文本，包括：

响应于用户发送的输入请求，创建第一数组，在所述第一数组内创建第二数组，以所述第二数组作为文本接收数组；

实时监控所述用户输入的每个字符，判断所述字符是否为分隔符；若否，则将所述字符放入所述文本接收数组，然后监控所述用户输入的下一个字符；若是，则创建新的第二数组，以所述新的第二数组作为文本接收数组，然后监控所述用户输入的下一个字符；

分别以每个第二数组中的所有字符作为一个标签元素，得到所述用户输入的多个标签元素。

可选地，所述文本获取模块还用于：在判断所述字符是否为分隔符之前，从所述用户的历史标签元素集中获取与所述用户输入的字符关联的历史标签内容，按照关联度从高到低的顺序向所述用户展示所述历史标签内容，确认未接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求；

若接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求，则将所述目标历史标签内容放入所述文本接收数组，然后创建新的第二数组，以所述新的第二数组作为文本接收数组，监控所述用户输入的下一个字符。

可选地，所述文本获取模块还用于以下至少之一：在将所述字符放入所述文本接收数组或将所述目标历史标签内容放入所述文本接收数组之后，

监测所述用户发送的字符删除请求，从所述字符删除请求中解析目标第二数组、第一删除位置和删除类型，根据所述删除类型删除所述目标第二数组中第一删除位置之前和/或之后的至少一个字符；

监测所述用户发送的数组删除请求，从所述数组删除请求中解析第二删除位置和删除类型，根据所述删除类型删除第二删除位置之前和/或之后的至少一个第二数组。

可选地，所述文本获取模块还用于：在获取用户输入的标签文本之前，在输入框中显示占位符文字；在用户输入的字符时，隐藏所述占位符文字；在生成每个所述标签元素对应的标签之后，重新显示所述占位符文字；

所述标签生成模块还用于：在生成每个所述标签元素对应的标签之后，在标签展示框展示所述标签；

所述标签展示框和所述输入框位于同一区块内。

可选地，所述内容确定模块根据所述目标文本确定标签内容，包括：以所述目标文本作为所述标签内容；或者，在所述目标文本后添加预设字符，以所述目标文本和预设字符的整体作为所述标签内容。

可选地，所述***还包括标签查看模块，用于在所述标签生成模块生成每个所述标签元素对应的标签之后，接收用户发送的标签查看请求，从所述标签查看请求中解析目标标签，展示所述目标标签对应的标签元素。

可选地，所述标签生成模块还用于：在生成每个所述标签元素对应的标签之后，确定标签展示框中当前行的剩余长度，判断所述标签内容的文本长度是否大于所述剩余长度；若是，则将所述标签展示在所述当前行的下一行；否则在所述当前行展示所述标签；其中，所述当前行是指所述标签展示框中已展示的最后一个标签所在的行。

可选地，所述标签生成模块还用于：在生成每个所述标签元素对应的标签时，根据预先编辑的标签样式生成标签；或者，在生成每个所述标签元素对应的标签之后，根据用户的样式编辑请求对标签进行样式编辑；对所述标签样式的编辑包括以下至少之一：编辑标签颜色，编辑标签内容的字体，向标签中添加删除标识、点击、链接中的一种或多种。

可选地，所述标签生成模块还用于：在根据所述用户的样式编辑请求对所述标签进行样式编辑之后，响应于所述用户对目标标签的删除标识的操作，删除所述目标标签；或者，响应于所述用户对目标标签的隐藏请求，隐藏所述目标标签的删除符号。

为实现上述目的，根据本发明实施例的再一方面，提供了一种自适应容器展示的标签生成电子设备。

本发明实施例的自适应容器展示的标签生成电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例的自适应容器展示的标签生成方法。

为实现上述目的，根据本发明实施例的再一方面，提供了一种计算机可读介质。

本发明实施例的计算机可读介质上存储有计算机程序，所述程序被处理器执行时实现本发明实施例的自适应容器展示的标签生成方法。

上述发明中的一个实施例具有如下优点或有益效果：在本发明实施例中，通过根据预设标签长度和所述标签元素，确定一个或多个标签内容，能够实现标签内容超过长度部分省略显示，且对显示内容进行自定义选择，同时对是否显示标签上面的删除符号、标签顺序、标签颜色、标签内容字体、标签事件等进行自定义设置。与现有标签生成方法相比，本发明实施例优化了标签生成方法的多样化设置，极大提高了标签生成的便捷性、简洁性、多样性，进而优化了标签生成体系。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是本发明实施例的自适应容器展示的标签生成方法的主要流程的示意图；

图2是本发明一些可选实施例中获取用户输入的标签文本的主要流程的示意图；

图3是本发明另一些可选实施例中获取用户输入的标签文本的主要流程的示意图；

图4是本发明实施例的自适应容器展示的标签生成方法中删除字符的主要流程的示意图；

图5是本发明实施例的自适应容器展示的标签生成方法中在删除数组的主要流程的示意图；

图6是本发明实施例的自适应容器展示的标签生成***的主要模块的示意图；

图7是本发明实施例可以应用于其中的示例性***架构图；

图8是适于用来实现本发明实施例的终端设备或服务器的计算机***的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是本发明实施例的自适应容器展示的标签生成方法的主要流程的示意图。如图1所示，该方法主要包括：

步骤S101：获取用户输入的标签文本，标签文本包括至少一个标签元素；

步骤S102：判断每个标签元素的文本长度是否大于预设标签长度；若是，执行步骤S103；若否，执行步骤S104；

步骤S103：从标签元素中提取长度小于等于所述预设标签长度的目标文本，根据目标文本确定标签内容；

步骤S104：以标签元素作为标签内容；

步骤S105：根据每个标签元素对应的标签内容，生成每个标签元素对应的标签。

标签文本是指用户输入的用于生成标签的文本。标签元素是指用于生成一个标签的文本。用户输入的标签文本可以仅包括一个标签元素，也可以包括两个或更多个标签元素。对于步骤S101，在大多数应用场景例如邮箱地址栏标签、搜索栏标签中，当用户输入为空白文本时，无需生成空白标签。

用户通过输入框输入文本。在可选的实施例中，在获取用户输入的标签文本之前，在输入框中显示占位符文字；在用户输入的字符时，隐藏所述占位符文字；在生成每个所述标签元素对应的标签之后，重新显示所述占位符文字。占位符文字的具体内容可以选择性设定。例如，占位符文字可以显示为：“请输入后点击回车”。在用户输入过程中，“请输入后点击回车”字符消失，避免对用户输入的文字产生影响，而在用户输入结束，生成每个标签元素对应的标签之后，重新显示“请输入后点击回车”，可以在用户将输入文本删除后忘记需要输入内容要求时，及时进行提示。

在一些可选的实施例中，获取用户输入的标签文本，包括：响应于用户发送的输入请求，创建第一数组，在第一数组内创建第二数组，以第二数组作为文本接收数组；实时监控用户输入的每个字符，判断该字符是否为分隔符；若否，则将该字符放入文本接收数组，然后监控用户输入的下一个字符；若是，则创建新的第二数组，以新的第二数组作为文本接收数组，然后监控用户输入的下一个字符；分别以每个第二数组中的所有字符作为一个标签元素，得到用户输入的多个标签元素。

参见图2，获取用户输入的标签文本包括如下步骤：

步骤S201，响应于用户发送的输入请求，创建第一数组，在第一数组内创建第二数组，以第二数组作为文本接收数组；

步骤S202，实时监控用户输入的第i个字符，i为正整数，初始条件下i＝1；

步骤S203，判断第i个字符是否为分隔符；若否，则跳转至步骤S204；若是，则跳转至步骤S206；

步骤S204，将第i个字符放入文本接收数组，然后跳转至步骤S205；

步骤S205，判断用户输入是否结束(例如触发特定时间，如单击Enter键、空白键等)；若是，则跳转至步骤S208，否则，i+1，然后跳转至步骤S202；

步骤S206，判断用户输入是否结束(例如触发特定时间，如单击Enter键、空白键等)；若是，则跳转至步骤S208，否则，跳转至步骤S207；

步骤S207，创建新的第二数组，以新的第二数组作为文本接收数组，i+1，然后跳转至步骤S202；

步骤S208，分别以每个第二数组中的所有字符作为一个标签元素，得到用户输入的多个标签元素。

在步骤S203中，可以通过监听事件判断字符是否为分隔符，在可选的实施例中，为输入框添加监听keyup事件，即键盘按键弹起事件，用于接收用户输入的字符串。通过监听keyup事件可以判断用户输入的当前字符是否为分隔符。分隔符为可以标识文字分隔位置的特殊字符，用户可以选择性设定。例如，设定分隔符为“，”，用户输入的字符串为“美白”，此时没有输入分隔符，则将“美白”放入文本接收数组。待用户在输入“美白”之后继续输入“，”时，判定含有分隔符，此时创建新的第二数组，并以新的第二数组作为文本接收数组。当用户在输入“，”之后继续输入“长发”时，“长发”即在新的第二数组中。

在另一些可选的实施例中，在判断字符是否为分隔符之前还包括：从用户的历史标签元素集中获取与用户输入的字符关联的历史标签内容，按照关联度从高到低的顺序向用户展示历史标签内容，确认未接收到用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求。若接收到用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求，则将目标历史标签内容放入文本接收数组，然后创建新的第二数组，以新的第二数组作为文本接收数组，监控用户输入的下一个字符。当历史标签内容中有用户想要选择的标签内容时，直接进行选取操作，即可快速获得该标签元素，无需多次重复输入，更加高效便捷。

如图3所示，获取用户输入的标签文本包括如下步骤：步骤S301，从用户的历史标签元素集中获取与用户输入的字符关联的历史标签内容；步骤S302，按照关联度从高到低的顺序向用户展示历史标签内容；步骤S303，判断是否接收到用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求；若是，则跳转至步骤S304，否则跳转至步骤S306。在步骤S304中，将目标历史标签内容放入文本接收数组，然后跳转至步骤S305。在步骤S305中，创建新的第二数组，以新的第二数组作为文本接收数组。在步骤S306中，对该字符进行判断，判断的具体过程包括：若该字符不是分隔符，则将该字符放入文本接收数组，然后监控用户输入的下一个字符；若该字符是分隔符，则创建新的第二数组，以新的第二数组作为文本接收数组，然后监控用户输入的下一个字符。

进一步可选地，在从用户的历史标签元素集中获取与用户输入的字符关联的历史标签内容之前，确认用户已输入且未放入文本接收数组中的字符的数量为多个，例如2个及以上。示例性地，当用户输入1个字符时，不获取与该1个字符关联的历史标签内容并展示，当用户输入2个字符时，获取与该2个字符关联的历史标签内容并展示。与一个字符相比，由于两个或两个以上的字符可以形成词或句子，因此两个或更多个字符更利于确定联想展示的方向，从而使得获取的历史标签内容与用户输入字符之间的关联度更高，更接近用户需求。

对于向用户推荐关联的历史标签内容，在可选的实施例中，以用户输入的字符串整体为基准展示关联的历史标签内容，例如，当用户输入“亲爱的人”时，展示与“亲爱的人”整体相关联的历史标签内容，而不展示与“亲人”相关联的历史标签内容。

历史标签内容与用户输入的字符或字符串之间的关联度的确定方式可以根据实际情况进行选择性设定，例如根据语义相关度或时间相关度。在一些可选的实施例中，可以第一关联度规则、第二关联度规则以及第三关联度规则中的一种、两种或者三种来确定历史标签内容与用户输入的字符或字符串之间的关联度。第一关联度规则为：历史标签内容与用户输入的字符或字符串之间的重复字符数越多，关联程度越高。第二关联度规则为：包含用户输入字符或字符串的历史标签内容被生成标签的次数越多，关联程度越高。第三个关联度规则为：包含用户输入字符或字符串的历史标签内容被生成标签的时间越晚，关联程度越高。

当同时两种以上关联度规则确定关联度时，可以先分别基于每个关联度规则确定一个关联度值，然后进行加权求和得到最终关联度，按照最终关联度从高到低的顺序向用户展示历史标签内容。加权求和时，各个关联度规则既可以采用相同权重的，也可以采用不同权重。

当同时两种以上关联度规则确定关联度时，本领域技术人员也可以预先设定每个关联规则的优先级。在确定各个历史标签内容与用户输入的字符串之间的关联度时，优先以优先级最高的关联度规则为基准确定各个历史标签内容与用户输入的字符或字符串之间的第一关联度，按照第一关联度从高到低的顺序向用户展示历史标签内容。若存在第一关联度相同的多个历史标签内容，再根据优先级较低的关联度规则确定该多个历史标签内容与用户输入的字符或字符串之间的第二关联度，根据第二关联度从高到低的顺序确定该多个历史标签内容的展示顺序。若存在第二关联度相同的多个历史标签内容，则继续采用优先级更低的关联规则进一步确定其中每一个历史标签内容的展示顺序。示例性地，第一关联度规则的优先级高于第二关联度规则的优先级，当用户输入“飞机”时，依照关联度优先展示“飞机场”、“飞机票”等标签，而不会因为“飞翔”字输入次数更多而优先展示“飞翔”标签。

在上述可选的实施例中，若存在第一关联度相同的多个历史标签内容，也可以据优先级较低的关联度规则确定该多个历史标签内容与用户输入的字符或字符串之间的第二关联度，根据第二关联度对第一关联度进行修正(调增该两个历史标签内容中具有较高第二关联度的历史标签内容的第一关联度，或调低该两个历史标签内容中具有较低第二关联度的历史标签内容的第一关联度)。若存在第二关联度相同的多个历史标签内容，则继续根据优先级更低的关联规则确定的关联度对第一关联度或第二关联度进行修正，根据最终得到的第一关联度，按照从高到低的顺序展示各个历史标签内容。进一步确定其中每一个历史标签内容的展示顺序。示例性地，优先根据第一关联度规则确定各个历史标签内容与用户输入的字符或字符串之间的重复字符数，在重复字符数相同的情况下，依照第二关联度规则修正对应的历史标签内容。在重复字符数较少的情况下，即使关键字的输入次数更多，也不会仅按照第二关联度规则展示。

在向用户展示历史标签内容时，可以按照关联度从高到低的顺序向用户展示所有历史标签内容，也可以展示关联度较高的前N个历史标签内容，N为正整数，如5、10。

在一些可选的实施例中，在将字符放入文本接收数组或将目标历史标签内容放入文本接收数组之后，用户可以选择删除字符，如图4所示，包括：步骤S401：监测用户发送的字符删除请求；步骤S402：从字符删除请求中解析目标第二数组、第一删除位置和删除类型；步骤S403：根据删除类型删除所述目标第二数组中第一删除位置之前和/或之后的至少一个文本。其中，第一目标数组为欲删除字符所在的数组；第一删除位置为欲删除字符在数组中的具***置。

在另一些可选的实施例中，在将字符放入文本接收数组或将目标历史标签内容放入文本接收数组之后，用户可以选择删除数组，如图5所示，包括：步骤S501：监测用户发送的数组删除请求；步骤S502：从数组删除请求中解析第二删除位置和删除类型；步骤S503：根据删除类型删除第二删除位置之前和/或之后的至少一个数组。其中，第二删除位置为欲删除数组在标签文本中的具***置。

在可选的实施例中，删除类型可以分为向前删除或向后删除，例如，当按下Backspace(回格)键时，从当前删除位置向前删除，当按下Delete(删除)键时，从当前删除位置向后删除。通过不同的删除请求，可以快速删除所选字符和数组，使用户使用过程中更加简便，提高用户体验。

用户输入的标签文本可自定义是否校验。在可选的实施例中，可以根据正则表达式校验不可输入的字符，例如只能输入中文、英文、数字和下划线，当有其他字符出入例如“！”时，则提示错误，不能进行后续步骤，直至用户进行修改，满足正则表达式规则后，才可执行后续步骤。其中，正则表达式是对字符串操作的一种逻辑公式，可以根据用户需求进行预设，设置可以输入的字符格式，在不同应用场景下，设置规则不做限制。

用户输入的标签文本可自定义是否查重。在可选的实施例中，可以判断当前输入的标签文本与已生成的标签内容是否重复，若与已生成的标签内容完全相同，则提示标签重复，以免恶意输出造成的大量重复标签，减少资源浪费。

预设标签长度的具体长度可根据用户需求选择性设定，在可选的实施例中，不同应用场景下，具体长度也不同。例如，当用户输入内容为邮箱地址时，预设标签长度可以为10个字符或更多，当用户输入内容为商品描述时，预设标签长度仅为6个字符或更少。

从标签元素中提取长度小于等于所述预设标签长度的目标文本时，可以从标签元素中任意提取用户想展示的目标文本，选择展示字数在前的部分内容，也可以挑选字数合并展示重要内容。在可选的实施例中，根据目标文本确定标签内容包括：以目标文本作为标签内容；或者，在目标文本后添加预设字符，以目标文本和预设字符的整体作为标签内容。例如，当用户输入的标签元素为“全世界最可爱的人”，预设标签长度为5个字符时，用户可以确定的标签内容为“世界最可爱”，也可以为“世界最可爱……”，满足了用户根据个人习惯所产生的个性需求。

步骤S105中生成的标签在标签展示框中展示。当步骤S105中生成多个标签时，可以将该多个标签展示在同一区块内，也可以分开展示。例如，可以将标签展示框和输入框设置在同一div区域中，将标签展示框设置为div展示标签，将输入框设置为input框，最外的div区域设置样式和普通输入框一致，使用户看起来整个最外面的div是一个大的输入框，增加使用过程的流畅性。

在可选的实施例中，在生成每个标签元素对应的标签之后，该方法还包括：接收用户发送的标签查看请求，从标签查看请求中解析目标标签，展示目标标签对应的标签元素；其中，目标标签为以目标文本和预设字符的整体作为标签内容时所对应生成的标签。

例如，在标签内容展示为“世界最可爱……”时，当鼠标选定在该标签上时，该标签可以展示为完整的标签文本“全世界最可爱的人”，而当鼠标移走后，该标签重新显示成“世界最可爱……”。

生成的标签可以根据标签内容的长度展示在不同位置，在可选的实施例中，在步骤S105生成标签之后，进一步确定标签展示框中当前行的剩余长度；判断标签内容的文本长度是否大于剩余长度；若是，则将标签展示在当前行的下一行；否则在当前行展示标签；其中，当前行是指标签展示框中已展示的最后一个标签所在的行。

为了便于确定标签展示框中当前行的剩余长度，在可选的实施例中，可以将外部div区域的宽度设置为固定宽度，div展示标签和input框的宽度设置为浮动，如果标签展示框中当前行的剩余长度小于标签内容的文本长度，则将input框展示在下一行。

标签生成后可根据用户需求随机排序。在可选的实施例中，通过鼠标拖拽可以对标签进行排序，当由于标签顺序导致生成的多行标签末尾长度相差较远时，可以通过人为调整的方式，调整标签顺序，以便于展示的美观整洁。

在一种可选的实施方式中，在生成每个标签元素对应的标签时，可以根据预先编辑的标签样式生成标签。当然，在生成每个标签元素对应的标签之后，也可以根据用户的样式编辑请求对标签进行样式编辑。对标签样式的编辑可以包括以下至少之一：编辑标签颜色，编辑标签内容的字体，向标签中添加删除标识、点击、链接中的一种或多种。其中，可以预设有颜色库、字体库和添加事件库，便于用户的自定义编辑。

关于标签颜色：既可以针对整个标签外框进行颜色的编辑，也可以针对标签内容的单个字符进行颜色编辑，显示出色彩斑斓的标签。

关于标签字体：由于字体更新换代的频繁，在可选的实施例中，可以在字体库中自行添加字体，并将自行添加的字体以云字体库的形式进行存储，便于后续的调用，同时节省本地存储空间。

关于添加事件：点击事件会在对象被点击时发生，可以在点击事件的基础上设置全选、动画等命令；链接事件可以为标签添加超级链接，链接到任意网页或其他资源。

用户可根据需求删除目标标签或隐藏目标标签的删除符号。在一种可选的实施方式中，在根据所述用户的样式编辑请求对所述标签进行样式编辑之后，响应于用户对目标标签的删除标识的操作，删除目标标签；在另一种可选的实施方式中，响应于用户对目标标签的隐藏请求，隐藏目标标签的删除符号。为了便于展示的简洁，将标签的删除符号进行隐藏，可以更加方便进行排版，减少多余符号的显示，提升用户的使用体验。

本发明实施例的自适应容器展示的标签生成方法简单方便，个性化程度高，可以实现标签内容超过长度部分省略显示，且对显示内容进行自定义选择，进而提升了在自适应容器中展示的美观性和简洁性，很大程度上提升了用户体验。

图6是根据本发明实施例的自适应容器展示的标签生成***600的主要模块的示意图。如图6所示，包括：

文本获取模块601，获取用户输入的标签文本，所述标签文本包括至少一个标签元素；

内容获取模块602，判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；

标签生成模块603，根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。

可选地，所述文本获取模块获取用户输入的标签文本，包括：

响应于用户发送的输入请求，创建第一数组，在所述第一数组内创建第二数组，以所述第二数组作为文本接收数组；

实时监控所述用户输入的每个字符，判断所述字符是否为分隔符；若否，则将所述字符放入所述文本接收数组，然后监控所述用户输入的下一个字符；若是，则创建新的第二数组，以所述新的第二数组作为文本接收数组，然后监控所述用户输入的下一个字符；

分别以每个第二数组中的所有字符作为一个标签元素，得到所述用户输入的多个标签元素。

可选地，所述文本获取模块还用于：在判断所述字符是否为分隔符之前，从所述用户的历史标签元素集中获取与所述用户输入的字符关联的历史标签内容，按照关联度从高到低的顺序向所述用户展示所述历史标签内容，确认未接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求；

若接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求，则将所述目标历史标签内容放入所述文本接收数组，然后创建新的第二数组，以所述新的第二数组作为文本接收数组，监控所述用户输入的下一个字符。

可选地，所述文本获取模块还用于以下至少之一：在将所述字符放入所述文本接收数组或将所述目标历史标签内容放入所述文本接收数组之后，

监测所述用户发送的字符删除请求，从所述字符删除请求中解析目标第二数组、第一删除位置和删除类型，根据所述删除类型删除所述目标第二数组中第一删除位置之前和/或之后的至少一个字符；

监测所述用户发送的数组删除请求，从所述数组删除请求中解析第二删除位置和删除类型，根据所述删除类型删除第二删除位置之前和/或之后的至少一个第二数组。

可选地，所述文本获取模块还用于：在获取用户输入的标签文本之前，在输入框中显示占位符文字；在用户输入的字符时，隐藏所述占位符文字；在生成每个所述标签元素对应的标签之后，重新显示所述占位符文字；

所述标签生成模块还用于：在生成每个所述标签元素对应的标签之后，在标签展示框展示所述标签；

所述标签展示框和所述输入框位于同一区块内。

可选地，所述内容确定模块根据所述目标文本确定标签内容，包括：以所述目标文本作为所述标签内容；或者，在所述目标文本后添加预设字符，以所述目标文本和预设字符的整体作为所述标签内容。

可选地，所述***还包括标签查看模块(图中未示出)，用于在所述标签生成模块生成每个所述标签元素对应的标签之后，接收用户发送的标签查看请求，从所述标签查看请求中解析目标标签，展示所述目标标签对应的标签元素。

可选地，所述标签生成模块还用于：在生成每个所述标签元素对应的标签之后，确定标签展示框中当前行的剩余长度，判断所述标签内容的文本长度是否大于所述剩余长度；若是，则将所述标签展示在所述当前行的下一行；否则在所述当前行展示所述标签；其中，所述当前行是指所述标签展示框中已展示的最后一个标签所在的行。

可选地，所述标签生成模块还用于：在生成每个所述标签元素对应的标签时，根据预先编辑的标签样式生成标签；或者，在生成每个所述标签元素对应的标签之后，根据用户的样式编辑请求对标签进行样式编辑；对所述标签样式的编辑包括以下至少之一：编辑标签颜色，编辑标签内容的字体，向标签中添加删除标识、点击、链接中的一种或多种。

可选地，所述标签生成模块还用于：在根据所述用户的样式编辑请求对所述标签进行样式编辑之后，响应于所述用户对目标标签的删除标识的操作，删除所述目标标签；或者，响应于所述用户对目标标签的隐藏请求，隐藏所述目标标签的删除符号。

本发明实施例的自适应容器展示的标签生成***，无须依赖任何第三方文件，直接使用原生js实现，兼容性高。同时能够实现标签内容超过长度部分省略显示，满足用户的个性化需求和自定义设置，极大提高了标签生成的便捷性、简洁性、多样性，进而优化了标签生成体系。

上述自适应容器展示的标签生成***可执行本发明实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明实施例所提供的方法。

图7示出了可以应用本发明实施例的自适应容器展示的标签生成方法或自适应容器展示的标签生成***的示例性***架构700。

如图7所示，***架构700可以包括终端设备701、702、703，网络704和服务器705。网络704用以在终端设备701、702、703和服务器705之间提供通信链路的介质。网络704可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备701、702、703通过网络704与服务器705交互，以接收或发送消息等。终端设备701、702、703上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备701、702、703可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器705可以是提供各种服务的服务器，例如对用户利用终端设备701、702、703所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息)反馈给终端设备。

需要说明的是，本发明实施例所提供的自适应容器展示的标签生成方法一般由服务器705执行，相应地，自适应容器展示的标签生成***一般设置于服务器705中。

应该理解，图7中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图8，其示出了适于用来实现本发明实施例的终端设备的计算机***800的结构示意图。图8示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图8所示，计算机***800包括中央处理单元(CPU)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储部分808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有***800操作所需的各种程序和数据。CPU 801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

以下部件连接至I/O接口805：包括键盘、鼠标等的输入部分806；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分805；包括硬盘等的存储部分808；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至I/O接口805。可拆卸介质811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器810上，以便于从其上读出的计算机程序根据需要被安装入存储部分808。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分809从网络上被下载和安装，和/或从可拆卸介质811被安装。在该计算机程序被中央处理单元(CPU)801执行时，执行本发明的***中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括发送模块、获取模块、确定模块和第一处理模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，发送模块还可以被描述为“向所连接的服务端发送图片获取请求的模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：

获取用户输入的标签文本，所述标签文本包括至少一个标签元素；

判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；

根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。

本发明实施例的技术方案，直接使用原生js实现，克服了现有技术中需要依赖任何第三方文件的UI控件，兼容性高。同时能够实现标签内容超过长度部分省略显示，满足用户的个性化需求和自定义设置，极大提高了标签生成的便捷性、简洁性、多样性，进而优化了标签生成体系。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (13)

1.一种自适应容器展示的标签生成方法，其特征在于，所述方法包括：

获取用户输入的标签文本，所述标签文本包括至少一个标签元素；

判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；

根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。

2.根据权利要求1所述的方法，其特征在于，获取用户输入的标签文本，包括：

响应于用户发送的输入请求，创建第一数组，在所述第一数组内创建第二数组，以所述第二数组作为文本接收数组；

实时监控所述用户输入的每个字符，判断所述字符是否为分隔符；若否，则将所述字符放入所述文本接收数组，然后监控所述用户输入的下一个字符；若是，则创建新的第二数组，以所述新的第二数组作为文本接收数组，然后监控所述用户输入的下一个字符；

分别以每个第二数组中的所有字符作为一个标签元素，得到所述用户输入的多个标签元素。

3.根据权利要求2所述的方法，其特征在于，在判断所述字符是否为分隔符之前，还包括：从所述用户的历史标签元素集中获取与所述用户输入的字符关联的历史标签内容，按照关联度从高到低的顺序向所述用户展示所述历史标签内容，确认未接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求；

若接收到所述用户的用于从展示的各个历史标签内容中筛选目标历史标签内容的内容选择请求，则将所述目标历史标签内容放入所述文本接收数组，然后创建新的第二数组，以所述新的第二数组作为文本接收数组，监控所述用户输入的下一个字符。

4.根据权利要求2或3所述的方法，其特征在于，在将所述字符放入所述文本接收数组或将所述目标历史标签内容放入所述文本接收数组之后，还包括以下至少之一：

监测所述用户发送的字符删除请求，从所述字符删除请求中解析目标第二数组、第一删除位置和删除类型，根据所述删除类型删除所述目标第二数组中第一删除位置之前和/或之后的至少一个字符；

监测所述用户发送的数组删除请求，从所述数组删除请求中解析第二删除位置和删除类型，根据所述删除类型删除第二删除位置之前和/或之后的至少一个第二数组。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在获取用户输入的标签文本之前，在输入框中显示占位符文字；在用户输入的字符时，隐藏所述占位符文字；在生成每个所述标签元素对应的标签之后，重新显示所述占位符文字；

在生成每个所述标签元素对应的标签之后，在标签展示框展示所述标签；所述标签展示框和所述输入框位于同一区块内。

6.根据权利要求1所述的方法，其特征在于，根据所述目标文本确定标签内容，包括：

以所述目标文本作为所述标签内容；或者，在所述目标文本后添加预设字符，以所述目标文本和预设字符的整体作为所述标签内容。

7.根据权利要求6所述的方法，其特征在于，在生成每个所述标签元素对应的标签之后，所述方法还包括：

接收用户发送的标签查看请求，从所述标签查看请求中解析目标标签，展示所述目标标签对应的标签元素。

8.根据权利要求1或5所述的方法，其特征在于，在生成每个所述标签元素对应的标签之后，所述方法还包括：

确定标签展示框中当前行的剩余长度，判断所述标签内容的文本长度是否大于所述剩余长度；若是，则将所述标签展示在所述当前行的下一行；否则在所述当前行展示所述标签；其中，所述当前行是指所述标签展示框中已展示的最后一个标签所在的行。

9.根据权利要求1所述的方法，其特征在于，在生成每个所述标签元素对应的标签时，根据预先编辑的标签样式生成标签；或者，在生成每个所述标签元素对应的标签之后，根据用户的样式编辑请求对标签进行样式编辑；对所述标签样式的编辑包括以下至少之一：编辑标签颜色，编辑标签内容的字体，向标签中添加删除标识、点击、链接中的一种或多种。

10.根据权利要求9所述的方法，其特征在于，在根据所述用户的样式编辑请求对所述标签进行样式编辑之后，还包括：

响应于所述用户对目标标签的删除标识的操作，删除所述目标标签；或者，响应于所述用户对目标标签的隐藏请求，隐藏所述目标标签的删除符号。

11.一种自适应容器展示的标签生成***，其特征在于，包括：

文本获取模块，获取用户输入的标签文本，所述标签文本包括至少一个标签元素；

内容获取模块，判断每个所述标签元素的文本长度是否大于预设标签长度；若是，从所述标签元素中提取长度小于等于所述预设标签长度的目标文本，根据所述目标文本确定标签内容；否则，则以所述标签元素作为标签内容；

标签生成模块，根据每个所述标签元素对应的标签内容，生成每个所述标签元素对应的标签。

12.一种自适应容器展示的标签生成电子设备，其特征在于，包括：一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-10中任一所述的方法。

13.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-10中任一所述的方法。

Images