一种小程序标签化搜索框的构建方法及设备与流程

1.本技术涉及计算机技术领域，尤其涉及一种小程序标签化搜索框的构建方法及设备。


背景技术：

2.近几年来，互联网技术成为当代技术的主流，随着开发技术人员专业化的提升，开发技术也不断发展和更新，使得互联网公司软件开发更加方便快捷，实现效果也更加饱满丰富，用户有了更优质的网上冲浪体验。
3.随着小程序技术的不断完善和发展，无需安装多余应用软件，且节省设备空间优点的小程序搜索引擎成为用户日常搜索的主要工具。但是，在现有前端开发技术中，小程序搜索引擎仍然使用原始关键字进行搜索，同时没有相应的搜索组件，需要通过输入框进行封装，且每次封装都需要自定义搜索框中的内容，导致定制化要求较高，使前端开发人员开发过程繁琐，耗时费力。


技术实现要素：

4.本技术的一个目的是提供一种小程序标签化搜索框的构建及设备，实现直接封装得到搜索框组件，完成在小程序的应用场景中显示并支持标签化方式的搜索框，使得开发人员对搜索框组件更加方便、充分使用，开发过程简单省力，可扩展性较高。
5.根据本技术的一个方面，提供了一种小程序标签化搜索框的构建方法，其中，所述方法包括：
6.封装用于在小程序的应用环境中可进行输入操作的搜索框；
7.获取用户在所述搜索框中输入的目标关键词；
8.判断所述用户在所述搜索框中输入的目标关键词是否存在于已有的关键词标签集；
9.若否，响应于获取的所述用户的确认操作，生成所述目标关键词对应的关键词标签；
10.在所述搜索框中显示所述目标关键词对应的关键词标签，并将所述目标关键词对应的关键词标签添加至所述关键词标签集。
11.进一步地，上述方法中，所述封装用于在小程序的应用环境中可进行输入操作的搜索框，包括：
12.调用所述小程序的输入框组件，封装得到用于在所述小程序的应用环境中可进行输入操作的搜索框。
13.进一步地，上述方法中，所述关键词标签集包括至少一个已有关键词及其对应的关键词标签，其中，所述判断所述用户在所述搜索框中输入的目标关键词是否存在于关键词标签集，包括：
14.调用所述小程序的应用环境中的搜索链接；
15.基于所述搜索链接，获取已有的所述关键词标签集；
16.判断所述用户在所述搜索框中输入的目标关键词是否存在于所述关键词标签集中的所述至少一个已有关键词中。
17.进一步地，上述方法中，所述响应于所述用户的确认操作，生成所述目标关键词对应的关键词标签，包括：
18.响应于获取的用于指示所述用户对所述目标关键词进行渲染的确认操作，提取对应的目标关键词并对所述目标关键词进行对应的标签渲染，生成所述目标关键词对应的关键词标签。
19.进一步地，上述方法中，所述对所述目标关键词进行对应的标签渲染，包括：对所述目标关键词进行对应的字体样式、背景样式以及图标样式中的一个或多个进行标签渲染。
20.进一步地，上述方法中，所述在所述搜索框中显示所述目标关键词对应的关键词标签的同时，所述方法还包括：
21.在所述小程序的应用环境的页面中显示与所述目标关键词对应的关键词标签相关的标签联想列表，所述标签联想列表包括与所述目标关键词对应的关键词标签相关的一个或多个关联标签。
22.进一步地，上述方法中，所述在所述搜索框中显示所述目标关键词对应的关键词标签的同时，所述方法还包括：
23.在所述搜索框中并列显示所述关键词标签集中一个或多个已有关键词对应的关键词标签。
24.进一步地，上述方法中，所述一种小程序标签化搜索框的构建方法还包括：
25.响应于所述用户对所述目标关键词对应的关键词标签的关闭操作，在所述搜索框中仅显示所述目标关键词。
26.进一步地，上述方法中，所述判断所述用户在所述搜索框中输入的目标关键词是否存在于已有的关键词标签集之后，所述方法还包括：
27.若是，直接调用所述关键词标签集中的、所述目标关键词对应的关键词标签。
28.根据本技术的另一方面，还提供了一种非易失性存储介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行时，使所述处理器实现如上述一种小程序标签化搜索框的构建方法。
29.根据本技术的另一方面，还提供了一种小程序标签化搜索框的构建设备，其中，该设备包括：
30.一个或多个处理器；
31.计算机可读介质，用于存储一个或多个计算机可读指令，
32.当所述一个或多个计算机可读指令被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述一种小程序标签化搜索框的构建方法。
33.与现有技术相比，本技术通过封装用于在小程序的应用环境中可进行输入操作的搜索框；获取用户在所述搜索框中输入的目标关键词；判断所述用户在所述搜索框中输入的目标关键词是否存在于已有的关键词标签集；若否，响应于获取的所述用户的确认操作，生成所述目标关键词对应的关键词标签；在所述搜索框中显示所述目标关键词对应的关键
词标签，并将所述目标关键词对应的关键词标签添加至所述关键词标签集，直接封装得到搜索框，无需进行多余输入框组件的封装，节省开发时间，再利用封装好的搜索框进行用户目标关键词的获取，将用户输入的目标关键词进行判断，当目标关键词不存在已有的关键词标签集时，小程序搜索框直接将关键词转化为关键词标签，从而实现在小程序的应用环境中运行标签式格式的搜索框，完成小程序中新型搜索框形式的构建，扩展性更高，促使小程序的开发后台处理目标关键词对应的搜索数据更加清晰明了的同时效率提高。
附图说明
34.通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本技术的其它特征、目的和优点将会变得更明显：
35.图1示出根据本技术一个方面的一种小程序标签化搜索框的构建方法的流程示意图；
36.图2示出根据本技术一个方面的一种小程序标签化搜索框的构建方法在实际应用场景中目标关键词与该目标关键词对应的关键词标签之间互相转换的流程示意图；
37.图3示出根据本技术一个方面的一种小程序标签化搜索框的构建方法在实际应用场景中小程序页面显示的目标关键词对应的关键词标签的联想列表示意图。
38.附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
39.下面结合附图对本技术作进一步详细描述。
40.在本技术一个典型的配置中，终端、服务网络的设备和可信方均包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
41.内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
42.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
43.如图1所示，本技术一个方面的一种小程序标签化搜索框的构建方法的流程示意图，其中，所述方法包括步骤s11、步骤s12、步骤s13、步骤s14、步骤s15及步骤s16，具体包括如下步骤：
44.步骤s11，封装用于在小程序的应用环境中可进行输入操作的搜索框，解决现有技术中没有搜索组件的技术壁垒，直接对封装好的搜索框进行使用，促使前端开发人员开发小程序更加方便快捷，可扩展性较高。
45.步骤s12，获取用户在所述搜索框中输入的目标关键词；在此，所述目标关键词包括但不限于任意长度的字符串，实现用户在使用搜索框时不受目标关键词形式的限制，使得用户使用满意度增强。
46.步骤s13，判断所述用户在所述搜索框中输入的目标关键词是否存在于已有的关键词标签集。
47.步骤s14，若否，响应于获取的所述用户的确认操作，生成所述目标关键词对应的关键词标签；在此，所述确认操作是指用户在小程序的输入操作界面中进行的确认搜索指令，比如，客户端键盘中点击确定按键或回车按键等，完成目标关键词向对应关键词标签转化指令的触发，从而构建得到支持标签化的搜索框。
48.步骤s15，若是，直接调用所述关键词标签集中的、所述目标关键词对应的关键词标签，无需用户进行多余操作，用户使用更加清晰简单，提高小程序的开发后台数据处理的效率。
49.步骤s16，在所述搜索框中显示所述目标关键词对应的关键词标签，并将所述目标关键词对应的关键词标签添加至所述关键词标签集，促使关键词标签集范围更加全面，从而满足不同用户的搜索需求。
50.通过上述步骤s11至步骤s16，在小程序中直接封装好的搜索框，在获取用户输入的目标关键词后，进行是否为已有的关键词标签集中关键词的判断，并在不存在的情况下直接将用户输入的目标关键词转换成对应的关键词标签，实现高效开发小程序搜索框，并在小程序的开发环境中构建可标签化搜索的搜索框，突破现有小程序中搜索框形式，不但增强用户搜索便捷程度，而且使得小程序开发项目得到优化。
51.在本技术一优选实施例中，优选已有的关键词标签集1中仅存在“手机”关键词对应的“手机”关键词标签，首先，封装一个用于小程序的应用环境中可进行输入操作的搜索框；获取用户a在小程序中封装好的搜索框内输入的“电脑”目标关键词；然后，将用户a在搜索框中输入的“电脑”目标关键词与已有的关键词标签集1中的“手机”关键词标签进行判断比较，得到用户a输入的“电脑”目标关键词并不存在于已有的关键词标签集1中；其次，优选用户a在手机端键盘中点击确定按键，触发“电脑”目标关键词向“电脑”关键词标签的转化指令，响应于用户a的确认操作，小程序自动生成“电脑”目标关键词对应的“电脑”关键词标签，并将“电脑”关键词标签在搜索框中显示，同时将“电脑”关键词标签添加至已有的关键词标签集1中，更新得到已有的关键词标签1中存在两个关键词标签，即，“手机”关键词标签和“电脑”关键词标签。
52.在本技术另一优选实施例中，优选已有的关键词标签集1中仅存在“手机”关键词对应的“手机”关键词标签，首先，封装一个用于小程序的应用环境中可进行输入操作的搜索框；获取用户b在小程序中封装好的搜索框内输入“手机”目标关键词；然后，将用户b在搜索框中输入的“手机”目标关键词与已有的关键词标签集1中的“手机”关键词标签进行判断比较，得到用户b输入的“手机”目标关键词存在于已有的关键词标签集1中；其次，直接调用关键词标签集1中的、“手机”关键词对应的“手机”关键词标签；最后，在搜索框中显示目标关键词“手机”对应的“手机”关键词标签。
53.接着本技术上述实施例，所述步骤s11封装用于在小程序的应用环境中可进行输入操作的搜索框，包括：
54.调用所述小程序的输入框组件，封装得到用于在所述小程序的应用环境中可进行输入操作的搜索框；在此，所述调用的输入框组件包括但不限于taro开发框架、react开发框架以及小程序原生语言等用于的小程序的开发工具。例如，前端开发人员可基于taro和react小程序编码方式完成在小程序中封装可输入操作的搜索框，也可以仅基于小程序原生语言完成在小程序中封装可输入操作的搜索框，在实际应用场景中可以根据前端开发人员需求进行具体开发工具的确定，使得标签化搜索框封装方便快捷，使得前端开发人员无需每次都对搜素框进行封装构建，直接缩短开发时间，提高开发效率。
55.接着本技术上述实施例，所述关键词标签集包括至少一个已有关键词及其对应的关键词标签，其中，所述步骤s13判断所述用户在所述搜索框中输入的目标关键词是否存在于关键词标签集，包括：
56.调用所述小程序的应用环境中的搜索链接；在此，所述搜索链接是指，在小程序的开发后台中进行关键词标签搜索功能的相关链接。
57.基于所述搜索链接，获取已有的所述关键词标签集；
58.判断所述用户在所述搜索框中输入的目标关键词是否存在于所述关键词标签集中的所述至少一个已有关键词中；在此所述判断方式包括但不限于逐一判断、逐类判断等，对获取已有的关键词标签集中已有关键词与目标关键词进行判断，实现精准对已有的关键词标签集中关键词标签的筛选，提高判断准确率，从而节约已有的关键词标签集的内存，避免出现重复关键词标签的问题。
59.在本技术一优选实施例中，优选已有的关键词标签集1中仅存在“手机”关键词对应的“手机”关键词标签，封装得到可进行输入操作的搜索框后，获取用户a在搜索框中输入的“电脑”目标关键词；小程序的开发后台调用应用环境中进行关键词标签搜索功能的相关链接，根据该搜索连接，获取得到已有的关键词标签集1；优选将用户a输入的“电脑”目标关键词与已有的关键词标签集1中已有的关键词进行逐一判断，得到用户a输入的“电脑”目标关键词不存在已有的关键词标签集1中，完成目“电脑”标关键词是否存在于已有的关键词标签集的判断。
60.接着本技术上述实施例，所述步骤s14中响应于所述用户的确认操作，生成所述目标关键词对应的关键词标签，包括：
61.响应于获取的用于指示所述用户对所述目标关键词进行渲染的确认操作，提取对应的目标关键词并对所述目标关键词进行对应的标签渲染，生成所述目标关键词对应的关键词标签；在此，所述用于指示所述用户对所述目标关键词进行渲染的确认操作是指在用户进行的确认操作的同时对目标关键词进行标签渲染，实现对目标关键词进行自动化统一渲染，完善标签化搜索框的功能，使标签化搜索框页面干净整齐。
62.在本技术一优选实施例中，当用户a输入的“电脑”目标关键词不存在于已有的关键词标签集1中时，用户a在手机端键盘中点击确定按键的同时，对“电脑”目标关键词进行标签渲染，使得渲染后的“电脑”目标关键词转换为“电脑”关键词标签，完成目标关键词向对应关键词标签的转化。
63.接着本技术上述实施例，所述对所述目标关键词进行对应的标签渲染，包括：对所述目标关键词进行对应的字体样式、背景样式以及图标样式中的一个或多个进行标签渲染。
64.在此，在进行图标样式渲染时，可任意使用开发工具图标库中图标进行表示，图标的位置可以根据搜索框整体样式进行自定义设置；并且，在渲染过程中可以仅对目标关键词进行字体样式设置，也可以仅对目标关键词进行背景样式和图标样式进行设置，即，可以根据不同需求进行不同的字体样式、背景样式以及图标样式的选择；同时，字体样式包括但不限于字体颜色、字体大小等字体属性，背景样式包括大不限于背景大小，背景颜色等背景属性，实现自动化标签渲染的同时，满足自定义式标签化搜索框的构建，前端开发人员可以根据用户需求进行搜索框标签形式的自定义渲染，形成不同小程序对应不同的标签化搜索框，增强小程序搜索引擎的趣味性。
65.在本技术一优选实施例中，优选标签渲染包括对字体样式、背景样式以及图标样式，其中字体样式的渲染优选为宋体五号；背景样式的渲染优选为灰色背景；图标样式的渲染优选为位于字体右侧出现取消图标；当用户a输入的“电脑”目标关键词不存在于已有的关键词标签集1中时，用户a在手机端键盘中点击确定按键的同时，对“电脑”目标关键词进行字体样式为宋体五号的渲染、背景样式为灰色背景的渲染以及图标样式为位于“电脑”字体右侧出现取消图标的渲染，形成“电脑”目标关键词对应的“电脑”关键词标签。
66.接着本技术上述实施例，所述步骤s16中在所述搜索框中显示所述目标关键词对应的关键词标签的同时，所述方法还包括：
67.在所述小程序的应用环境的页面中显示与所述目标关键词对应的关键词标签相关的标签联想列表，所述标签联想列表包括与所述目标关键词对应的关键词标签相关的一个或多个关联标签；在此，所述标签联想列表的表现形式可以根据不同页面布局进行不同样式的设置，实现相近关键词标签的交互，在用户使用时不再受单一目标关键词的局限，合理扩大搜索结果的范围，用户使用更加舒心方便。
68.如图3所示，为本技术一个方面的一种小程序标签化搜索框的构建方法在实际应用场景中小程序页面显示的目标关键词对应的关键词标签的联想列表示意图，当用户输入的目标关键词为“huawei”时，对“huawei”目标关键词进行是否存在于已有的关键词标签集的判断，最终根据判断结果在搜索框中显示“huawei”目标关键词对应的“huawei”关键词标签，同时，显示“huawei”关键词标签的联想列表。
69.接着本技术上述实施例，所述步骤s16中在所述搜索框中显示所述目标关键词对应的关键词标签的同时，所述方法还包括：
70.在所述搜索框中并列显示所述关键词标签集中一个或多个已有关键词对应的关键词标签；在此，需要说明的是，当添加多个关键词标签时，每次用户输入目标关键词时均需对目标关键词进行是否为已有的关键词标签集中关键词的判断，从而实现多个关键词标签并列显示，多个关键词标签的添加使搜索范围缩小，从而使得搜索结果更加精准，更加贴近用户搜索的目的。
71.在本技术一优选实施例中，优选已有的关键词标签集2中存在“电脑”关键词标签和“手机”关键词标签，当用户c在搜索框中输入目标关键词为“电脑”时，自动显示“电脑”关键词标签以及对应的联想列表，当用户c再次输入“华为”目标关键词时，将“华为”目标关键词与已有的关键词标签集2进行判断，得到“华为”不存在与已有的关键词标签集2中，响应于用户c对“华为”目标关键词的标签渲染的确定操作，对“华为”目标关键词进行标签渲染，得到“华为”关键词标签，最终，在搜索框中并列显示“电脑”关键词标签和“华为”关键词标
签。
72.接着本技术上述实施例，所述一种小程序标签化搜索框的构建方法还包括：
73.响应于所述用户对所述目标关键词对应的关键词标签的关闭操作，在所述搜索框中仅显示所述目标关键词；在此，所述关闭操作包括但不限于用户通过点击关键词标签样式中的图标样式进行关键词标签的点击操作，实现灵活根据用户喜好进行搜索框搜索形式的转换，满足更多用户对搜索引擎的需求，扩大用户量，全方位考虑用户使用感受。
74.在本技术一优选实施例中，优选关键词标签样式中图标样式的渲染为位于字体右侧出现取消图标，并且关闭操作优选为用户点击取消图标；当用户a输入的“电脑”目标关键词不存在于已有的关键词标签集1中时，用户a通过确认操作完成对“电脑”目标关键词的标签渲染，在搜索框中显示“电脑”关键词标签，响应于用户a对“电脑”关键词标签中取消图标的点击操作，搜索框自动将“电脑”关键词标签转换为“电脑”目标关键词，完成目标关键词和目标关键词对应的关键词标签之间的转换。
75.如图2所示，为本技术一个方面的一种小程序标签化搜索框的构建方法在实际应用场景中目标关键词与该目标关键词对应的关键词标签之间互相转换的流程示意图，小程序的开发后台进行目标关键词的搜索链接后，进行对输入的目标关键词是否存在于已有的关键词标签集的判断；当存在时，直接显示关键词标签，并且可以响应于用户点击取消图标进行向目标关键词的转换；当不存在时，响应于用户的回车确认操作进行目标关键词向对应的关键词标签的转换。
76.接着本技术上述实施例，所述步骤s13判断所述用户在所述搜索框中输入的目标关键词是否存在于已有的关键词标签集之后，所述方法还包括：
77.若是，直接调用所述关键词标签集中的、所述目标关键词对应的关键词标签。
78.在本技术实际应用场景中，可以通过如下代码实现一种小程序标签化搜索框的构建方法的具体步骤：
79.80.81.82.83.84.85.[0086][0087]
根据本技术的另一方面，还提供了一种非易失性存储介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行时，使所述处理器实现如上述一种小程序标签化搜索框的构建方法。
[0088]
根据本技术的另一方面，还提供了一种小程序标签化搜索框的构建设备，其中，该设备包括：
[0089]
一个或多个处理器；
[0090]
计算机可读介质，用于存储一个或多个计算机可读指令，
[0091]
当所述一个或多个计算机可读指令被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述一种小程序标签化搜索框的构建方法。
[0092]
在此，所述一种小程序标签化搜索框的构建设备中的各实施例的详细内容，具体可参见上述一种小程序标签化搜索框的构建方法的实施例的对应部分，在此，不再赘述。
[0093]
综上所述，本技术通过封装用于在小程序的应用环境中可进行输入操作的搜索框；获取用户在所述搜索框中输入的目标关键词；判断所述用户在所述搜索框中输入的目标关键词是否存在于已有的关键词标签集；若否，响应于获取的所述用户的确认操作，生成所述目标关键词对应的关键词标签；在所述搜索框中显示所述目标关键词对应的关键词标签，并将所述目标关键词对应的关键词标签添加至所述关键词标签集，直接封装得到搜索框，无需进行多余输入框组件的封装，节省开发时间，再利用封装好的搜索框进行用户目标关键词的获取，将用户输入的目标关键词进行判断，当目标关键词不存在已有的关键词标签集时，小程序搜索框直接将关键词转化为关键词标签，从而实现在小程序的应用环境中运行标签式格式的搜索框，完成小程序中新型搜索框形式的构建，扩展性更高，促使小程序的开发后台处理目标关键词对应的搜索数据更加清晰明了的同时效率提高。
[0094]
需要注意的是，本技术可在软件和/或软件与硬件的组合体中被实施，例如，可采用专用集成电路(asic)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中，本技术的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本技术的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，ram存储器，磁或光驱动器或软磁盘及类似设备。另外，本技术的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。
[0095]
另外，本技术的一部分可被应用为计算机程序产品，例如计算机程序指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本技术的方法和/或技术方案。而调用本技术的方法的程序指令，可能被存储在固定的或可移动的记录介质中，和/或通过广播或其他信号承载媒体中的数据流而被传输，和/或被存储在根据所述程序指令运行的计算机设备的工作存储器中。在此，根据本技术的一个实施例包括一个装置，该装置包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发该装置运行基于前述根据本技术的多个实施例的方法和/或技术方案。
[0096]
对于本领域技术人员而言，显然本技术不限于上述示范性实施例的细节，而且在不背离本技术的精神或基本特征的情况下，能够以其他的具体形式实现本技术。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本技术的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本技术内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。