搜索页面的生成方法、装置、存储介质及终端设备与流程
未命名
08-07
阅读:76
评论:0

1.本技术涉及数据搜索领域,尤其涉及一种搜索页面的生成方法、装置、存储介质及终端设备。
背景技术:
2.在应用管理后台系统中,用户需要搜索所需的数据,目标支持图形界面的数据搜索方法,根据搜索的条件字段,在搜索页面上设置多个条件字段的输入框,然后用户分别在各个条件字段的输入框中输入关键词,根据输入的各个条件字段的关键词搜索所需的数据。然而,现有的搜索页面的格式和内容是固定不变的,如果用户需求变更需要搜索页面的页面内容时,开发人员需要根据用户需求重新编写代码和开发得到新的搜索页面,工作量较大。
技术实现要素:
3.本技术实施例提供了搜索页面的生成方法、装置、存储介质及终端设备,可以解决现有技术中开发人员在开发搜索页面时的编码工作量较大的问题。所述技术方案如下:
4.第一方面,本技术实施例提供了一种搜索页面的生成方法,所述方法包括:
5.显示搜索页面配置页面;其中,所述搜索页面配置页面包括:条件字段配置控件、逻辑字段配置控件、查询数据字段配置控件、控件属性配置控件;
6.根据用户的配置动作执行如下配置:在所述条件字段配置控件配置多个候选的条件字段、在所述逻辑字段配置控件为每个候选的条件字段配置多个候选的逻辑字段、在所述查询数据字段配置控件配置查询数据的字段、在控制属性配置控件配置搜索页面上控件的输入属性;
7.根据各个控件的配置信息生成和显示搜索页面;其中,所述搜索页面包括:搜索条件区和数据展示区,所述搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件。
8.第二方面,本技术实施例提供了一种搜索页面的生成装置,所述装置包括:
9.显示单元,用于显示搜索页面配置页面;其中,所述搜索页面配置页面包括:条件字段配置控件、逻辑字段配置控件、查询数据字段配置控件、控件属性配置控件;
10.配置单元,用于根据用户的配置动作执行如下配置:在所述条件字段配置控件配置多个候选的条件字段、在所述逻辑字段配置控件为每个候选的条件字段配置多个候选的逻辑字段、在所述查询数据字段配置控件配置查询数据的字段、在控制属性配置控件配置搜索页面上控件的输入属性;
11.生成单元,用于根据各个控件的配置信息生成和显示搜索页面;其中,所述搜索页面包括:搜索条件区和数据展示区,所述搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件。
12.第三方面,本技术实施例提供一种计算机存储介质,所述计算机存储介质存储有
多条指令,所述指令适于由处理器加载并执行上述的方法步骤。
13.第四方面,本技术实施例提供一种终端设备,可包括:处理器和存储器;其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行上述的方法步骤。
14.本技术一些实施例提供的技术方案带来的有益效果至少包括:
15.在需要生成搜索页面时,显示配置页面,根据用户的配置动作在配置页面上的各个控件上输入搜索页面的页面属性参数,根据配置的页面属性参数生成搜索页面,实现根据用户的需求通过图形控件配置不同页面内容的搜索页面,相对于通过开发人员编写代码变更搜索页面内容的方式,可以提升搜索页面生成的灵活性,以及降低开发人员开发搜索页面的工作量。
附图说明
16.为了更清楚地说明本技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
17.图1是本技术实施例提供的网络架构示意图;
18.图2是本技术实施例提供的搜索页面的生成方法的流程示意图;
19.图3是本技术实施例提供的基于搜索页面进行搜索的流程示意图;
20.图4是本技术实施例提供的搜索页面的示意图;
21.图5是本技术提供的一种搜索页面的生成装置的结构示意图;
22.图6是本技术提供的一种终端设备的结构示意图。
具体实施方式
23.为使本技术的目的、技术方案和优点更加清楚,下面将结合附图对本技术实施例方式作进一步地详细描述。
24.需要说明的是,本技术提供的搜索页面的生成方法一般由终端设备执行,相应的,搜索页面的生成装置一般设置于终端设备中。
25.图1示出了可以应用于本技术的搜索页面的生成方法或搜索页面的生成装置的示例性系统架构。
26.如图1所示,系统架构可以包括:终端设备101和服务器102。终端设备101和服务器102之间可以通过网络进行通信,网络用于上述各个单元之间提供通信链路的介质。网络可以包括各种类型的有线通信链路或无线通信链路,例如:有线通信链路包括光纤、双绞线或同轴电缆等,无线通信链路包括蓝牙通信链路、无线保真(wireless-fidelity,wi-fi)通信链路或微波通信链路等。
27.其中,服务器102中部署有数据库,数据库作为数据源,终端设备101基于搜索页面在数据源中查询所需的目标数据。
28.需要说明的是,终端设备101和服务器102可以是硬件,也可以是软件。当终端设备101和服务器102为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现
成单个服务器。当终端设备101和服务器102为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块,在此不做具体限定。
29.本技术的终端设备上可以安装有各种通信客户端应用,例如:视频录制应用、视频播放应用、语音交互应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
30.终端设备可以是硬件,也可以是软件。当终端设备为硬件时,可以是具有显示屏的各种终端设备,包括但不限于智能手机、平板电脑、膝上型便携式计算机和台式计算机等等。当终端设备为软件时,可以是安装上述所列举的终端设备中。其可以实现呈多个软件或软件模块(例如:用来提供分布式服务),也可以实现成单个软件或软件模块,在此不作具体限定。
31.当终端设备为硬件时,其上还可以安装有显示设备和摄像头,显示设备显示可以是各种能实现显示功能的设备,摄像头用于采集视频流;例如:显示设备可以是阴极射线管显示器(cathoderaytubedisplay,简称cr)、发光二极管显示器(light-emittingdiodedisplay,简称led)、电子墨水屏、液晶显示屏(liquidcrystaldisplay,简称lcd)、等离子显示面板(plasma displaypanel,简称pdp)等。用户可以利用终端设备上的显示设备,来查看显示的文字、图片、视频等信息。
32.应理解,图1中的终端设备、网络和服务器的数目仅是示意性的。根据实现需要,可以是任意数量的终端设备、网络和服务器。
33.下面将结合附图2,对本技术实施例提供的搜索页面的生成方法进行详细介绍。其中,本技术实施例中的搜索页面的生成装置可以是图1所示的终端设备。
34.请参见图2,为本技术实施例提供了一种搜索页面的生成方法的流程示意图。如图2所示,本技术实施例的所述方法可以包括以下步骤:
35.s201、显示搜索页面配置页面。
36.其中,所述搜索页面配置页面包括:条件字段配置控件、逻辑字段配置控件、查询数据字段配置控件、控件属性配置控件,上述各个控件均为图形控件,用户基于上述控件输入页面的各个属性字段,实现搜索页面的灵活配置。
37.s202、根据用户的配置动作执行如下配置:在条件字段配置控件配置多个候选的条件字段、在逻辑字段配置控件为每个候选的条件字段配置多个候选的逻辑字段、在查询数据字段配置控件配置查询数据的字段、在控制属性配置控件配置搜索页面上各个控件的输入属性。
38.其中,配置动作是用户通过输入单元触发的,包括但不限于:鼠标动作、键盘动作或触控动作等。条件字段表示用户在搜索页面上进行搜索使用的字段,逻辑字段表示用户在搜索页面上使用的条件字段的字段值之间的逻辑连接关系;查询数据的字段表示查询到的数据包括的各个字段;输入属性包括:自定义输入和下拉输入等。
39.s203、根据各个控件的配置信息生成和显示搜索页面。
40.其中,搜索页面包括:搜索条件区和数据展示区,搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件。
41.在一个或多个可能的实施例中,搜索页面配置页面还包括:控件尺寸配置区域,所述控件尺寸配置区域用于根据用户的配置动作配置搜索条件区的大小、数据展示区的大小和各个控件的大小,具体为配置搜索条件区的高度和宽度、数据展示区的高度和宽度、搜索
页面上各个控件的高度和宽度,实现对页面元素的尺寸的灵活设置,满足不同的用户需求。
42.在一个或多个可能的实施例中,搜索页面配置页面还包括:分页配置控件,分页配置控件用于基于用户的配置动作配置分页开关的属性字段,以及分页的数量阈值,分页开关的属性字段用于配置是否开启分页功能,分页的数量阈值表示在数据展示区展示搜索数据时每页的最大数据条目数量。可以根据需求灵活设置查询数据的分页属性,满足不同的用户需求。
43.在一个或多个可能的实施例中,所述搜索页面配置页面还包括:api请求配置控件,用于根据用户的配置动作配置数据源的模型名称、接口名称、请求参数字段、接口地址、请求方式。上述字段为api数据查询请求中的属性,模型名称表示数据源中数据分区的名称,表示查询数据所在的数据分区;接口名称表示数据源的通信接口的名称;请求参数字段表示api数据查询请求中携带的字段;接口地址表示数据源的往来地址,一般使用url地址来表示;请求方式包括但不限于get、post等。api数据查询请求是根据用户在搜索页面中各个控件中输入的参数值生成的,用于在数据源中查询对应的目标数据(即搜索数据)。
44.在本实施例中,在需要生成搜索页面时,显示配置页面,根据用户的配置动作在配置页面上的各个控件上输入搜索页面的页面属性参数,根据配置的页面属性参数生成搜索页面,实现根据用户的需求通过图形控件配置不同页面内容的搜索页面,相对于通过开发人员编写代码变更搜索页面内容的方式,可以提升搜索页面生成的灵活性,以及降低开发人员开发搜索页面的工作量。
45.进一步的,在生成和显示搜索页面后,用户基于搜索页面执行搜索操作得到目标数据,具体的搜索过程参照图3所示:
46.s301、检测到条件字段选择控件上发生预设触发动作时,显示候选的多个条件字段。
47.其中,在用户需要对数据源进行数据搜索时,通过显示单元显示数据源的搜索页面,搜索页面为用户执行搜索交互的图形界面,例如:参见图4所示,搜索页面包括:搜索条件区和数据展示区43,搜索条件区包括:条件字段选择控件40、逻辑字段选择控件41和关键词输入控件42,搜索条件区用于基于用户的交互动作生成api数据查询请求,数据展示区用于展示根据api数据查询请求查询到的目标数据。条件字段选择控件用于输入条件字段,逻辑字段选择控件用于输入逻辑字段,关键词输入控件用于输入条件字段的关键词。
48.在本实施例中,终端设备接收开发人员上传的页面内容数据,基于页面内容数据自动生成搜索页面,这样开发人员不需要根据不同的场景开发不同的搜索页面,提升搜索页面的开发效率。
49.在本实施例中,条件字段选择控件40、逻辑字段选择控件41和关键词输入控件42排列在搜索页面中。根据实际业务场景需要(即开发人员所传弹框内容数据),使用前端开发框架vue.js中v-if语法,根据表达式的真假(页面内容数据中包括每个模块是否显示字段布尔数据)来操作dom元素(每一模块就是一html文档结构中的一个dom元素),切换元素的显示和隐藏,从而确定搜索页面中的各个元素。
50.其中,预设触发动作可以是鼠标动作、键盘动作或触控动作等,具体可以根据实际需求而定,例如:预设触发动作为鼠标左键单击动作,终端设备检测到条件字段选择控件上的鼠标左键单击动作时,显示候选的多个条件字段,数据源中的数据采用数据表来表示,数
据表的首行为表头,表头中包含多个字段,数据表的字段值以行的形式存储在单元格中,本技术的多个条件字段和数据源中数据表的包头包含的多个字段相同。由此可见,本技术的条件字段选择控件通过预设触发动作显示多个条件字段,避免在搜索页面中显示多个条件字段控件,提升页面空间的利用率。
51.例如:参见图4所示,条件字段选择控件基于鼠标左键单击动作的触发,显示候选的多个条件字段为:接口名称、标签。
52.s303、响应于用户的选择指令在多个条件字段中选择目标条件字段。
53.其中,用户通过输入单元生成选择指令,终端设备响应于选择指令在候选的多个条件字段中选择目标条件字段。
54.在本实例中,将当前搜索条件数据(object类型)使用es6语法中解构赋值给所接收到的请求方法中请求参数对象(object类型),得到获取列表数据方法绑定在所述搜索模块中搜索按钮中点击事件。
55.在本实施例中,将条件字段设置为内置前端ui框架中select组件的参数值渲染生成搜索下拉选择,再利用前端开发框架vue.js中component一个内置组件(动态组件)作为条件字段选择控件,依据当前搜索下拉项中搜索条件字段,实现展示不同条件字段控件的目的,生成当前目标搜索条件。从而有效减少搜索页面上空间使用,用户体验得到提升。
56.s304、检测到逻辑字段控件上发生预设触发动作时,显示多个候选的逻辑字段。
57.其中,逻辑字段表示条件字段的关键词的逻辑关系,例如:包含、不包含等,预设触发动作可以根据实际需求而定。
58.s305、响应于用户的选择指令在多个候选的逻辑字段中选择目标逻辑字段。
59.其中,用户通过输入单元生成选择指令,终端设备响应于选择指令在候选的多个逻辑字段中选择目标逻辑字段。
60.s306、获取用户在关键词输入控件中输入的关键词。
61.其中,关键词输入控件可以为自定义输入框或下拉输入框,对于自定义输入框,用户可以利用输入单元在其中输入任意的关键词;对于下拉输入框,用户利用输入单元对该下拉输入框执行预设触发动作时,显示与s203中目标条件字段关联的多个候选关键词,然后基于选择指令在多个候选关键词中选择和输入所需的关键词。
62.s307、根据目标条件字段、关键词和目标逻辑字段生成api数据查询请求,根据api数据查询请求在数据源中搜索对应的目标数据。
63.其中,用户通过搜索页面的搜索按钮触发生成api数据查询请求,api数据查询请求中携带目标条件字段、目标条件字段的关键词和逻辑字段,例如:目标条件字段为:请求方法;目标逻辑字段为:包含,目标条件字段的关键词为:get,那么根据上述参数生成api数据查询请求,然后在数据源中搜索满足上述参数的目标数据。进一步的,数据源可以为数据库,采用sql指令在数据库中查询目标数据,具体为:向所述数据源发送携带目标条件字段、关键词和目标逻辑字段的api数据查询请求;其中,所述api数据查询请求为sql指令;接收所述数据源响应于所述api数据查询请求返回的目标数据。
64.在本实例中,将当前搜索条件数据(object类型)使用es6语法中解构赋值给所接收到的请求方法中请求参数对象(object类型),得到获取列表数据方法绑定在所述搜索模块中搜索按钮中点击事件。
65.需要说明的,api数据查询请求中可用携带多组目标条件字段、逻辑字段和关键词,例如:api数据查询请求的携带的参数表示为{(目标条件字段1、逻辑字段1和关键词1),(目标条件字段2、逻辑字段1和关键词2)
…
}。用户可以多次执行s202~s206实现多组参数的选择,然后生成携带多组参数的api数据查询请求,提升搜索结果的准确性。
66.s308、在数据展示区中显示目标数据。
67.其中,在数据展示图中显示搜索到的目标数据,例如:参见图4所示,目标数据可以数据表的形式进行展示。进一步的,当目标数据的数据量超过数量阈值时,将目标数据进行分页展示,数量阈值可以根据数据展示区的大小进行设置,以便用户在数据展示区查看目标数据时不需要利用滚动条进行滚动,提升数据查看的便捷性。例如:数据阈值为9,数据量表示数据表的行数,当前目标数据的行数大于9行时,对目标数据进行分页展示。
68.在本实施例中,根据查询列表请求方法中参数判断是否支持分页请求;若支持,给内置前端ui框架中分页组件设置参数(请求方法得到数据总页数),将所述获取列表数据方法绑定前1页、后1页等操作事件;若不支持,利用vue.js中计算属性;将获取到的搜索查询数据结果依据当前分页组件中分页值动态计算(利用数组的slice()方法)当前显示数据。
69.其中,将得到目标数据(array类型)绑定给内置前端ui框架中表格组件,渲染得到当前目标搜索条件和当前分页条件获取的数据表格。
70.例如:一需求要求新增查询测试用例列表弹框:需有标签,名称,创建人搜索条件,并进行分页展示数据。使用该发明开发,人员需将显示搜索,显示列表布尔值、搜索条件汇聚成搜索对象数据其包括各个搜索条件参数字段、所属组件名称(下拉选择,输入框,实体选择)和封装好后端提供请求测试用例数据接口请求数据方法进行传递,从而得到所需搜索页面。
71.本技术的实施例在利用图形控件进行数据搜索时,通过条件字段选择控件触发的多个候选的条件字段中选择目标条件字段,以及通过逻辑字段控件触发的多个逻辑字段中选择目标逻辑字段,然后基于关键词输入字段输入目标条件字段的关键词,根据输入的各个参数生成api数据查询请求,以及根据api数据查询请求在数据源中查询对应的目标数据和展示目标数据,本技术通过一个通用的条件字段选择控件实现多个不同的条件字段的选择和输入,不需要在搜索页面上设置多个不同的条件字段选择控件,减少图形控件对于页面空间的占空,提升页面空间的利用率。
72.下述为本技术装置实施例,可以用于执行本技术方法实施例。对于本技术装置实施例中未披露的细节,请参照本技术方法实施例。
73.请参见图5,其示出了本技术一个示例性实施例提供的搜索页面的生成装置的结构示意图,以下简称装置5。该装置5可以通过软件、硬件或者两者的结合实现成为终端设备的全部或一部分。装置5包括:显示单元501、配置单元502、生成单元503。
74.显示单元501,用于显示搜索页面配置页面;其中,所述搜索页面配置页面包括:条件字段配置控件、逻辑字段配置控件、查询数据字段配置控件、控件属性配置控件;
75.配置单元502,用于根据用户的配置动作执行如下配置:在所述条件字段配置控件配置多个候选的条件字段、在所述逻辑字段配置控件为每个候选的条件字段配置多个候选的逻辑字段、在所述查询数据字段配置控件配置查询数据的字段、在控制属性配置控件配置搜索页面上控件的输入属性;
76.生成单元503,用于根据各个控件的配置信息生成和显示搜索页面;其中,所述搜索页面包括:搜索条件区和数据展示区,所述搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件
77.在一个或多个可能的实施例中,搜索页面配置页面还包括:控件尺寸配置区域,所述控件尺寸配置区域用于根据用户的配置动作配置所述搜索条件区的大小、所述数据展示区的大小和各个控件的大小。
78.在一个或多个可能的实施例中,所述搜索页面配置页面还包括:api请求配置控件,所示api请求配置控件用于根据用户的配置动作配置数据源的模型名称、接口名称、请求参数字段、接口地址、请求方式。
79.在一个或多个可能的实施例中,所述搜索页面配置页面还包括还包括:分页配置控件,所述分页配置控件用于根据用户的配置动作配置分页开关的属性字段,以及分页的数量阈值。
80.在一个或多个可能的实施例中,装置5还包括:触发单元、选择单元、获取单元(图5中未示出)。
81.显示单元,用于显示搜索页面;其中,所述搜索页面包括:搜索条件区和数据展示区,所述搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件;
82.触发单元,用于检测到所述条件字段选择控件上发生预设触发动作时,显示多个候选的条件字段;
83.选择单元,用于响应于用户的选择指令在所述多个候选的条件字段中选择目标条件字段;
84.所述触发单元,还用于检测到所述逻辑字段控件上发生预设触发动作时,显示多个候选的逻辑字段;
85.所述选择单元,还用于响应于用户的选择指令在多个候选的逻辑字段中选择目标逻辑字段;
86.获取单元,用于获取用户在所述关键词输入控件中输入的关键词;
87.生成单元,还用于根据目标条件字段、关键词和目标逻辑字段生成api数据查询请求,根据所述api数据查询请求在数据源中搜索对应的目标数据;
88.所述显示单元501,还用于在所述数据展示区中显示目标数据。
89.在一个或多个可能的实施例中,在所述数据展示区显示目标数据,包括:
90.统计所述目标数据的数据量;
91.若所述数据量大于数量阈值时,在所述数据展示区对目标数据进行分页展示。
92.在一个或多个可能的实施例中,所述显示搜索页面,包括:
93.接收来自开发人员的页面内容数据;其中,所述页面内容数据包括条件字段选择控件关联的多个候选的条件字段、逻辑字段选择控件关联的多个候选的逻辑字段;
94.根据所述页面内容数据加载和显示搜索界面。
95.在一个或多个可能的实施例中,所述获取用户在所述关键词输入控件中输入的关键词,包括:
96.检测到所述关键词输入控件上发生的预设触发动作时,显示与所述目标条件字段关联的多个候选的关键词;
97.基于用户的选择指令在所述多个候选的关键词中选择所需的关键词。
98.在一个或多个可能的实施例中,所述目标数据以数据表的形式进行展示。
99.在一个或多个可能的实施例中,所述条件字段选择控件是利用前端开发框架vue.js中component一个动态组件。
100.在一个或多个可能的实施例中,所述根据所述api数据查询请求在数据源中搜索对应的目标数据,包括:
101.向所述数据源发送携带目标条件字段、关键词和目标逻辑字段的api数据查询请求;其中,所述api数据查询请求为sql指令;
102.接收所述数据源响应于所述api数据查询请求返回的目标数据。
103.需要说明的是,上述实施例提供的装置5在执行搜索页面的生成方法时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成上述的全部或者部分功能。另外,上述实施例提供的搜索页面的生成装置与搜索页面的生成方法实施例属于同一构思,其体现实现过程详见方法实施例,这里不再赘述。
104.上述本技术实施例序号仅仅为了描述,不代表实施例的优劣。
105.本技术实施例还提供了一种计算机存储介质,所述计算机存储介质可以存储有多条指令,所述指令适于由处理器加载并执行如上述图2所示实施例的方法步骤,具体执行过程可以参见图2所示实施例的具体说明,在此不进行赘述。
106.本技术还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的搜索页面的生成方法。
107.请参见图6,为本技术实施例提供了一种终端设备的结构示意图。如图6所示,所述终端设备600可以包括:至少一个处理器601,至少一个网络接口604,用户接口603,存储器605,至少一个通信总线602。
108.其中,通信总线602用于实现这些组件之间的连接通信。
109.其中,用户接口603可以包括显示屏(display)、摄像头(camera),可选用户接口603还可以包括标准的有线接口、无线接口。
110.其中,网络接口604可选的可以包括标准的有线接口、无线接口(如wi-fi接口)。
111.其中,处理器601可以包括一个或者多个处理核心。处理器601利用各种接口和线路连接整个终端设备600内的各个部分,通过运行或执行存储在存储器605内的指令、程序、代码集或指令集,以及调用存储在存储器605内的数据,执行终端设备600的各种功能和处理数据。可选的,处理器601可以采用数字信号处理(digitalsignalprocessing,dsp)、现场可编程门阵列(field-programmablegatearray,fpga)、可编程逻辑阵列(programmablelogic array,pla)中的至少一种硬件形式来实现。处理器601可集成中央处理器(centralprocessing unit,cpu)、图像处理器(graphicsprocessingunit,gpu)和调制解调器等中的一种或几种的组合。其中,cpu主要处理操作系统、用户界面和应用程序等;gpu用于负责显示屏所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器601中,单独通过一块芯片进行实现。
112.其中,存储器605可以包括随机存储器(randomaccessmemory,ram),也可以包括只
读存储器(read-onlymemory)。可选的,该存储器605包括非瞬时性计算机可读介质(non-transitorycomputer-readablestoragemedium)。存储器605可用于存储指令、程序、代码、代码集或指令集。存储器605可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等;存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器605可选的还可以是至少一个位于远离前述处理器601的存储装置。如图6所示,作为一种计算机存储介质的存储器605中可以包括操作系统、网络通信模块、用户接口模块以及应用程序。
113.在图6所示的终端设备600中,用户接口603主要用于为用户提供输入的接口,获取用户输入的数据;而处理器601可以用于调用存储器605中存储的应用程序,并具体执行如图2所示的方法,具体过程可参照图2所示,此处不再赘述。
114.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。
115.以上所揭露的仅为本技术较佳实施例而已,当然不能以此来限定本技术之权利范围,因此依本技术权利要求所作的等同变化,仍属本技术所涵盖的范围。
技术特征:
1.一种搜索页面的生成方法,其特征在于,包括:显示搜索页面配置页面;其中,所述搜索页面配置页面包括:条件字段配置控件、逻辑字段配置控件、查询数据字段配置控件、控件属性配置控件;根据用户的配置动作执行如下配置:在所述条件字段配置控件配置多个候选的条件字段、在所述逻辑字段配置控件为每个候选的条件字段配置多个候选的逻辑字段、在所述查询数据字段配置控件配置查询数据的字段、在控制属性配置控件配置搜索页面上控件的输入属性;根据各个控件的配置信息生成和显示搜索页面;其中,所述搜索页面包括:搜索条件区和数据展示区,所述搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件。2.根据权利要求1所述的方法,其特征在于,所述搜索页面配置页面还包括:控件尺寸配置区域,所述控件尺寸配置区域用于根据用户的配置动作配置所述搜索条件区的大小、所述数据展示区的大小和各个控件的大小。3.根据权利要求1或2所述的方法,其特征在于,所述搜索页面配置页面还包括:api请求配置控件,所述api请求配置控件用于根据用户的配置动作配置数据源的模型名称、接口名称、请求参数字段、接口地址、请求方式。4.根据权利要求3所述的方法,其特征在于,所述搜索页面配置页面还包括:分页配置控件,所述分页配置控件用于根据用户的配置动作配置分页开关的属性字段,以及分页的数量阈值。5.根据权利要求1或2或4所述的方法,其特征在于,所述根据各个控件的配置信息生成和显示搜索页面之后,还包括:检测到所述条件字段选择控件上发生预设触发动作时,显示多个候选的条件字段;响应于用户的选择指令在所述多个候选的条件字段中选择目标条件字段;检测到所述逻辑字段控件上发生预设触发动作时,显示多个候选的逻辑字段;响应于用户的选择指令在多个候选的逻辑字段中选择目标逻辑字段;获取用户在所述关键词输入控件中输入的关键词;根据目标条件字段、关键词和目标逻辑字段生成api数据查询请求,根据所述api数据查询请求在数据源中搜索对应的目标数据;在所述数据展示区中显示目标数据。6.根据权利要求5所述的方法,其特征在于,所述目标数据以数据表的形式进行展示。7.根据权利要求1或2或4或6所述的方法,其特征在于,所述条件字段选择控件是利用前端开发框架vue.js中component一个动态组件。8.一种搜索页面的生成装置,其特征在于,包括:显示单元,用于显示搜索页面配置页面;其中,所述搜索页面配置页面包括:条件字段配置控件、逻辑字段配置控件、查询数据字段配置控件、控件属性配置控件;配置单元,用于根据用户的配置动作执行如下配置:在所述条件字段配置控件配置多个候选的条件字段、在所述逻辑字段配置控件为每个候选的条件字段配置多个候选的逻辑字段、在所述查询数据字段配置控件配置查询数据的字段、在控制属性配置控件配置搜索页面上控件的输入属性;
生成单元,用于根据各个控件的配置信息生成和显示搜索页面;其中,所述搜索页面包括:搜索条件区和数据展示区,所述搜索条件区包括:条件字段选择控件、逻辑字段选择控件和关键词输入控件。9.一种计算机存储介质,其特征在于,所述计算机存储介质存储有多条指令,所述指令适于由处理器加载并执行如权利要求1~7任意一项的方法步骤。10.一种终端设备,其特征在于,包括:处理器和存储器;其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行如权利要求1~7任意一项的方法步骤。
技术总结
本申请实施例公开了一种搜索页面的生成方法、装置、存储介质及终端设备,涉及数据搜索领域。本申请在需要生成搜索页面时,显示配置页面,根据用户的配置动作在配置页面上的各个控件上输入搜索页面的页面属性参数,根据配置的页面属性参数生成搜索页面,实现根据用户的需求通过图形控件配置不同页面内容的搜索页面,相对于通过开发人员编写代码变更搜索页面内容的方式,可以提升搜索页面生成的灵活性,以及降低开发人员开发搜索页面的工作量。以及降低开发人员开发搜索页面的工作量。以及降低开发人员开发搜索页面的工作量。
技术研发人员:郑盈盈 杨锦润
受保护的技术使用者:远光软件股份有限公司
技术研发日:2023.04.30
技术公布日:2023/8/6
版权声明
本文仅代表作者观点,不代表航家之家立场。
本文系作者授权航家号发表,未经原创作者书面授权,任何单位或个人不得引用、复制、转载、摘编、链接或以其他任何方式复制发表。任何单位或个人在获得书面授权使用航空之家内容时,须注明作者及来源 “航空之家”。如非法使用航空之家的部分或全部内容的,航空之家将依法追究其法律责任。(航空之家官方QQ:2926969996)
航空之家 https://www.aerohome.com.cn/
飞机超市 https://mall.aerohome.com.cn/
航空资讯 https://news.aerohome.com.cn/