CN115759021A - 网页表格查询框的配置方法、装置、介质及电子设备 - Google Patents
网页表格查询框的配置方法、装置、介质及电子设备 Download PDFInfo
- Publication number
- CN115759021A CN115759021A CN202211437271.4A CN202211437271A CN115759021A CN 115759021 A CN115759021 A CN 115759021A CN 202211437271 A CN202211437271 A CN 202211437271A CN 115759021 A CN115759021 A CN 115759021A
- Authority
- CN
- China
- Prior art keywords
- configuration component
- condition
- query
- webpage
- query box
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 51
- 238000009877 rendering Methods 0.000 claims description 16
- 230000015654 memory Effects 0.000 claims description 15
- 238000006243 chemical reaction Methods 0.000 claims description 4
- 239000000463 material Substances 0.000 description 26
- 238000010586 diagram Methods 0.000 description 19
- 238000004590 computer program Methods 0.000 description 14
- 238000012545 processing Methods 0.000 description 13
- 238000004519 manufacturing process Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 238000013461 design Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000012216 screening Methods 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Images
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请的实施例提供了一种网页表格查询框的配置方法、装置、计算机可读介质及电子设备。该方法包括:获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元;将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息;基于所述配置组件在网页界面中配置所述网页表格查询框。本申请实施例的技术方案可以提高对网页表格查询框进行配置的效率。
Description
技术领域
本申请涉及计算机及表格数据处理技术领域,具体而言,涉及一种网页表格查询框的配置方法、装置、计算机可读介质及电子设备。
背景技术
在网页表格查询框的配置场景中,现有技术通常需要为网页表格查询框中的每一种表格条件项设计一个输入框组件,然后再基于各个输入框组件进行网页表格查询框进行配置。然而,在目前,网页表格查询框配置效率的进一步提高,并不存在其它技术方案可以实现。基于此,如何提高对网页表格查询框进行配置的效率是亟待解决的技术问题。
发明内容
本申请的实施例提供了一种网页表格查询框的配置方法、装置、计算机程序产品或计算机程序、计算机可读介质及电子设备,进而至少在一定程度上可以提高对网页表格查询框进行配置的效率。
本申请的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本申请的实践而习得。
根据本申请实施例的一个方面,提供了一种网页表格查询框的配置方法,所述方法包括:获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元;将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息;基于所述配置组件在网页界面中配置所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述属性信息包括表格条件项限定的条件输入类型,所述基于所述配置组件在网页界面中配置所述网页表格查询框,包括:从所述配置组件中读取各种表格条件项限定的条件输入类型,并根据所述条件输入类型确定各种表格条件项的展示样式;按照各种表格条件项的展示样式,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述属性信息包括表格条件项的条件项名称,所述基于所述配置组件在网页界面中配置所述网页表格查询框,包括:从所述配置组件中读取各种表格条件项的条件项名称,并根据所述条件项名称的字数确定各种表格条件项的宽度;按照各种表格条件项的宽度,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,在基于所述配置组件在网页界面中配置所述网页表格查询框之后,所述方法还包括:响应于针对网页表格查询框的调整操作,获取针对网页表格查询框中表格条件项的调整信息;根据所述调整信息,调整所述配置组件中表格条件项的属性信息;基于调整后的配置组件在网页界面中更新所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述方法还包括:获取用户在所述网页表格查询框中输入的针对各个表格条件项的查询字段;基于所述查询字段,向服务端请求与所述查询字段相匹配的表格数据,并将所述表格数据缓存在内存中;在所述网页界面中对所述表格数据进行加载展示。
在本申请的一些实施例中,基于前述方案,所述在所述网页界面中对所述表格数据进行加载展示,包括:从内存中获取所述表格数据,并将所述表格数据集成到所述配置组件中;基于所述配置组件在网页界面中对所述表格数据进行加载渲染,得到网页表格,以在所述网页界面中展示所述表格数据。
在本申请的一些实施例中,基于前述方案,所述将所述表格数据集成到所述配置组件中,包括:根据各种表格条件项的字段类型,对各种表格条件项所对应表格数据的字段类型进行转换,将经过字段类型转换的表格数据集成到所述配置组件中。
根据本申请实施例的一个方面,提供了一种网页表格查询框的配置装置,所述装置包括:获取单元,用于获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元;录入单元,用于将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息;配置单元,用于基于所述配置组件在网页界面中配置所述网页表格查询框。
根据本申请实施例的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例中所述的方法。
根据本申请实施例的一个方面,提供了一种计算机可读介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上述实施例中所述的方法。
根据本申请实施例的一个方面,提供了一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现如上述实施例中所述的方法。
在本申请的一些实施例所提供的技术方案中,由于通过配置组件将各种表格条件项的属性信息集成起来,在为用户配置页面表格的查询框时,无需单独为每一种表格条件项设计输入框组件,也无需单独通过每一个输入框组件配置对应的输入框,如此一来,可以简化配置查询框的运行代码,降低代码运行所需消耗的计算机资源,缩短代码运行的时间,提高页面表格查询框的配置效率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1示出了可以应用本申请实施例的技术方案的系统架构图;
图2示出了根据本申请一个实施例的网页表格查询框的配置方法的流程图;
图3示出了根据本申请一个实施例的基于所述配置组件在网页界面中配置所述网页表格查询框的细节流程图;
图4示出了根据本申请一个实施例的基于所述配置组件在网页界面中配置所述网页表格查询框的细节流程图;
图5示出了根据本申请一个实施例的在基于所述配置组件在网页界面中配置所述网页表格查询框之后的方法流程图;
图6示出了根据本申请一个实施例的在所述网页界面中对所述表格数据进行加载展示的细节流程图;
图7示出了根据本申请一个实施例的网页表格查询框的配置装置的框图;
图8示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本申请将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中,提供许多具体细节从而给出对本申请的实施例的充分理解。然而,本领域技术人员将意识到,可以实践本申请的技术方案而没有特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知方法、装置、实现或者操作以避免模糊本申请的各方面。
附图中所示的方框图仅仅是功能实体,不一定必须与物理上独立的实体相对应。即,可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
附图中所示的流程图仅是示例性说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解,而有的操作/步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。
需要说明的是:在本文中提及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
需要注意的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的对象在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在图示或描述的那些以外的顺序实施。
图1示出了可以应用本申请实施例的技术方案的系统架构图。
如图1所示,系统架构可以包括终端设备(如图1中所示智能手机101、平板电脑102和便携式计算机103中的一种或多种,当然也可以是台式计算机等等,但并不局限于此,本申请在此不做限制)、网络104和服务端105。网络104用以在终端设备和服务端105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线通信链路、无线通信链路等等。
需要说明的是,本申请实施例所提供的网页表格查询框的配置方法可以由终端设备执行,相应地,网页表格查询框的配置装置一般设置于终端设备中。
以下对本申请实施例的技术方案的实现细节进行详细阐述:
图2示出了根据本申请一个实施例的网页表格查询框的配置方法的流程图,该网页表格查询框的配置方法可以由具有计算处理功能的设备来执行,比如可以由图1中所示的终端设备来执行。参照图2所示,该网页表格查询框的配置方法至少包括步骤210至步骤250,详细介绍如下:
在步骤210中,获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元。
在本申请中,所述表格条件项为所述网页表格查询框的最小查询单元,在网页表格中的呈现形式可以是一个输入框,比如,在一个用于查询物料生产数据的网页表格查询框中,可以包括“物料编码”,“物料名称”,“物料生产数量”,“物料生产周期”,“物料说明”等输入框。用户通过在这些输入框中输入相应的限定信息,在物料生产数据库中查询用户所需要的数据,并通过表格的形式进行展示。
在本申请中,表格条件项的属性信息可以包括该表格条件项的名称,字段类型,限定的条件输入类型等等。
这里需要说明的是,表格条件项的字段类型可以是指在该表格条件(输入框)下表格数据的字段类型,比如,在“物料编码”和“物料名称”下的表格数据的字段类型为文本,在“物料周期”下的表格数据的字段类型为日期区间,在“物料生产数量”下的表格数据的字段类型为数字。
还需要说明的是,表格条件项的条件输入类型可以是指在该表格条件项(输入框)下输入检索条件的形式,比如,在“物料编码”下输入检索条件的形式可以为选择字符串组合,在“物料名称”下输入检索条件的形式可以为文本编辑,在“物料周期”下输入检索条件的形式可以为选择日期区间。
继续参照图2,在步骤230中,将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息。
在本申请中,在本申请中,当用户在设备终端通过浏览器向服务端查询表格时,服务端可以将该配置组件发送至设备终端,然后设备终端将所述至少一种表格条件项的属性信息录入预先构建的用于集成所述至少一种表格条件项的属性信息的配置组件中。
在本申请的一个实施例中,在Ant Design UI框架中,录入表格条件项“物料编码”,“物料名称”,“物料说明”,“物料生产周期”的属性信息的配置组件可以通过如下代码实现:
继续参照图2,在步骤250中,基于所述配置组件在网页界面中配置所述网页表格查询框。
在本申请中,通过配置组件将各种表格条件项的属性信息集成起来,在为用户配置页面表格的查询框时,无需单独为每一种表格条件项设计输入框组件,也无需单独通过每一个输入框组件配置对应的输入框,如此一来,可以简化配置查询框的运行代码,降低代码运行所需消耗的计算机资源,缩短代码运行时间,提高页面表格查询框的配置效率。
接下来,将基于图2中提出的内容,对本申请提出的网页表格查询框的配置方案作进一步说明。
在如图2所示步骤250的一个实施例中,基于所述配置组件在网页界面中配置所述网页表格查询框,可以按照如图3所示的步骤执行。
参见图3,示出了根据本申请一个实施例的基于所述配置组件在网页界面中配置所述网页表格查询框的细节流程图。具体包括步骤251至步骤252:
步骤251,从所述配置组件中读取各种表格条件项限定的条件输入类型,并根据所述条件输入类型确定各种表格条件项的展示样式。
步骤252,按照各种表格条件项的展示样式,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
在本申请中,可以理解的是,按照各种表格条件项的展示样式在网页界面中加载渲染得到的网页表格查询框,能够符合各种表格条件项的展示样式。
在如图2所示步骤250的一个实施例中,基于所述配置组件在网页界面中配置所述网页表格查询框,可以按照如图4所示的步骤执行。
参见图4,示出了根据本申请一个实施例的基于所述配置组件在网页界面中配置所述网页表格查询框的细节流程图。具体包括步骤253至步骤253:
步骤253,从所述配置组件中读取各种表格条件项的条件项名称,并根据所述条件项名称的字数确定各种表格条件项的宽度。
步骤254,按照各种表格条件项的宽度,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
在本申请中,可以理解的是,通过所述条件项名称的字数确定各种表格条件项的宽度,然后按照各种表格条件项的宽度在网页界面中加载渲染得到的网页表格查询框,其展示的表格条件项(输入框),不会出现条件项名称被隐藏的情况,能够使得网页表格查询框中的输入框在观感上更和谐。
在如图2所示步骤250之后的一个实施例中,即在基于所述配置组件在网页界面中配置所述网页表格查询框之后,可以执行如图5所示的步骤。
参见图5,示出了根据本申请一个实施例的在基于所述配置组件在网页界面中配置所述网页表格查询框之后的方法流程图。具体包括步骤261至步骤263:
步骤261,响应于针对网页表格查询框的调整操作,获取针对网页表格查询框中表格条件项的调整信息。
步骤262,根据所述调整信息,调整所述配置组件中表格条件项的属性信息。
步骤263,基于调整后的配置组件在网页界面中更新所述网页表格查询框。
在本申请中,比如,在一个用于查询物料生产数据的网页表格查询框中,包括“物料编码”,“物料名称”,“物料生产数量”,“物料说明”输入框,针对网页表格查询框的调整操作可以是在该网页表格查询框中增加“物料生产周期”输入框,或者是将“物料说明”输入框替换为“物料生产周期”输入框。
由于配置组件将各种表格条件项的属性信息集成起来,只需要根据调整信息,通过调整所述配置组件中表格条件项的属性信息,就可以在网页界面中更新所述网页表格查询框,提高了页面表格查询框的调整效率。
在本申请的一个实施例中,还可以执行如图6所示的步骤。
参见图6,示出了根据本申请一个实施例的在所述网页界面中对所述表格数据进行加载展示的细节流程图。具体包括步骤271至步骤273:
步骤271,获取用户在所述网页表格查询框中输入的针对各个表格条件项的查询字段。
步骤272,基于所述查询字段,向服务端请求与所述查询字段相匹配的表格数据,并将所述表格数据缓存在内存中。
步骤273,在所述网页界面中对所述表格数据进行加载展示。
在本实施例中,用户在需要查询表格时,将所需要查询表格的相关检索信息输入终端设备,进而获取查询字段,然后终端设备将该查询条件发送至第三方的服务端,第三方的服务端根据检索字段筛选相应的表格数据,并将表格数据传送至终端设备,终端设备将该表格数据缓存至浏览器运行的内存中。
在本实施例中,所述在所述网页界面中对所述表格数据进行加载展示,可以按照如下步骤2731至步骤2732执行:
步骤2731,从内存中获取所述表格数据,并将所述表格数据集成到所述配置组件中。
步骤2732,基于所述配置组件在网页界面中对所述表格数据进行加载渲染,得到网页表格,以在所述网页界面中展示所述表格数据。
在本申请中,由于配置组件将各种表格条件项的属性信息集成起来,用户在需要展示页面表格时,只需要基于所述配置组件向服务端请求与所述查询字段相匹配的表格数据,并在网页界面中对所述表格数据进行加载渲染,无需单独通过每一个输入框组件来对每一种表格条件项下的表格数据进行渲染,如此一来,降低代码运行所需消耗的计算机资源,缩短代码运行时间,提高页面表格的展示效率。
在本实施例中,所述将所述表格数据集成到所述配置组件中,可以是根据各种表格条件项的字段类型,对各种表格条件项所对应表格数据的字段类型进行转换,将经过字段类型转换的表格数据集成到所述配置组件中。
在本申请中,由于向服务端请求的表格数据的字段类型与实际上所展示页面表格的表格数据的字段类型存在差别,因此,在将所述表格数据集成到所述配置组件中之前,需要根据各种表格条件项的字段类型,对各种表格条件项所对应表格数据的字段类型进行转换。
需要说明的是,在本申请所提出的技术方案中,可以基于Ant Design UI框架,来设计配置组件,其设计思路可以参照如下几点说明:
1定义配置组件的基本功能(筛选项、展开收起、查询重置事件、子组件)
1.1定义配置组件需要查询的表格条件项列表(groups)。
1.2定义配置组件选定条件之后的查询或重置事件(onFinish,onReset)。
1.3定义配置组件额外展示的子内容(children)。
2采用组件封装的模式,运用react和antd的form相结合的方式来实现组件的加载渲染
2.1定义筛选数据的对象列表,对象包括该查询条件的字段名称、类型或需要的筛选数据列表等。
2.2定义配置组件最长查询表格条件项名称字数,根据字数渲染表格条件项宽度。
2.3通过查询条件字段类型展示不同表格条件项的查询样式。
3编写组件的交互逻辑
3.1定义初始的查询字段对应值,给每种查询条件设置默认值。
3.2定义初始的onFinish方法和onReset方法,用户点击查询或者重置时,触发对应方法,对所有查询条件当前值进行操作处理。
4将由组件传入的数据在内部统一处理后集成到组件内
4.1将查询表格条件项列表依次进行处理,渲染成每一项对应的查询类型样式。
4.2对每种表格条件项传入的数据(字符串数组、数组对象)进行处理,转换为组件所需要的数据结构。
5处理组件公共的默认数据、空数据以及空值的处理
5.1对数据类型以及是否为空值的处理。
5.2对传入的数据中包含空值的数据统一转换为字符串空的公共处理。
6处理组件的用户键入和用户交互事件
6.1用户的输入查询筛选事件以及文本框失去焦点事件的处理。
6.2对单选、复选操作、全选的交互处理。
6.3对日期、时间的选择处理。
7导出用户所需要的数据参数
7.1导出参数有:groups、children、disabled、onFinish、onReset、initPickUp、itemWidth、noPackUp等。
在本申请的一些实施例所提供的技术方案中,由于通过配置组件将各种表格条件项的属性信息集成起来,在为用户配置页面表格的查询框时,无需单独为每一种表格条件项设计输入框组件,也无需单独通过每一个输入框组件配置对应的输入框,如此一来,可以简化配置查询框的运行代码,降低代码运行所需消耗的计算机资源,缩短代码运行时间,提高页面表格查询框的配置效率。
以下介绍本申请的装置实施例,可以用于执行本申请上述实施例中的网页表格查询框的配置方法。对于本申请装置实施例中未披露的细节,请参照本申请上述的网页表格查询框的配置方法的实施例。
图7示出了根据本申请一个实施例的网页表格查询框的配置装置的框图。
参照图7所示,根据本申请一个实施例的网页表格查询框的配置装置700,包括:获取单元701、录入单元702和配置单元703。
其中,获取单元701,用于获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元;录入单元702,用于将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息;配置单元703,用于基于所述配置组件在网页界面中配置所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述属性信息包括表格条件项限定的条件输入类型,所述配置单元703配置为:从所述配置组件中读取各种表格条件项限定的条件输入类型,并根据所述条件输入类型确定各种表格条件项的展示样式;按照各种表格条件项的展示样式,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述属性信息包括表格条件项的条件项名称,所述配置单元703配置为:从所述配置组件中读取各种表格条件项的条件项名称,并根据所述条件项名称的字数确定各种表格条件项的宽度;按照各种表格条件项的宽度,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述装置还包括:调整单元,用于在基于所述配置组件在网页界面中配置所述网页表格查询框之后,响应于针对网页表格查询框的调整操作,获取针对网页表格查询框中表格条件项的调整信息;根据所述调整信息,调整所述配置组件中表格条件项的属性信息;基于调整后的配置组件在网页界面中更新所述网页表格查询框。
在本申请的一些实施例中,基于前述方案,所述配置单元703还配置为:获取用户在所述网页表格查询框中输入的针对各个表格条件项的查询字段;基于所述查询字段,向服务端请求与所述查询字段相匹配的表格数据,并将所述表格数据缓存在内存中;在所述网页界面中对所述表格数据进行加载展示。
在本申请的一些实施例中,基于前述方案,所述配置单元703还配置为:从内存中获取所述表格数据,并将所述表格数据集成到所述配置组件中;基于所述配置组件在网页界面中对所述表格数据进行加载渲染,得到网页表格,以在所述网页界面中展示所述表格数据。
在本申请的一些实施例中,基于前述方案,所述配置单元703还配置为:根据各种表格条件项限定的条件输入类型,对各种表格条件项所对应表格数据的条件输入类型进行转换,将经过条件输入类型转换的表格数据集成到所述配置组件中。
图8示出了适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。
需要说明的是,图8示出的电子设备的计算机系统800仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。
如图8所示,计算机系统800包括中央处理单元(Central Processing Unit,CPU)801,其可以根据存储在只读存储器(Read-Only Memory,ROM)802中的程序或者从储存部分808加载到随机访问存储器(Random Access Memory,RAM)803中的程序而执行各种适当的动作和处理,例如执行上述实施例中所述的方法。在RAM 803中,还存储有系统操作所需的各种程序和数据。CPU 801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(Input/Output,I/O)接口805也连接至总线804。
以下部件连接至I/O接口805:包括键盘、鼠标等的输入部分806;包括诸如阴极射线管(Cathode Ray Tube,CRT)、液晶显示器(Liquid Crystal Display,LCD)等以及扬声器等的输出部分807;包括硬盘等的储存部分808;以及包括诸如LAN(Local Area Network,局域网)卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至I/O接口805。可拆卸介质811,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器810上,以便于从其上读出的计算机程序根据需要被安装入储存部分808。
特别地,根据本申请的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本申请的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分809从网络上被下载和安装,和/或从可拆卸介质811被安装。在该计算机程序被中央处理单元(CPU)801执行时,执行本申请的系统中限定的各种功能。
需要说明的是,本申请实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(Erasable Programmable Read Only Memory,EPROM)、闪存、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、有线等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。其中,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现,所描述的单元也可以设置在处理器中。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定。
作为另一方面,本申请还提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例中所述的方法。
作为另一方面,本申请还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该电子设备执行时,使得该电子设备实现上述实施例中所述的方法。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本申请的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本申请实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务端、触控终端、或者网络设备等)执行根据本申请实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的实施方式后,将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。
应当理解的是,本申请并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求来限制。
Claims (10)
1.一种网页表格查询框的配置方法,其特征在于,所述方法包括:
获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元;
将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息;
基于所述配置组件在网页界面中配置所述网页表格查询框。
2.根据权利要求1所述的方法,其特征在于,所述属性信息包括表格条件项限定的条件输入类型,所述基于所述配置组件在网页界面中配置所述网页表格查询框,包括:
从所述配置组件中读取各种表格条件项限定的条件输入类型,并根据所述条件输入类型确定各种表格条件项的展示样式;
按照各种表格条件项的展示样式,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
3.根据权利要求1所述的方法,其特征在于,所述属性信息包括表格条件项的条件项名称,所述基于所述配置组件在网页界面中配置所述网页表格查询框,包括:
从所述配置组件中读取各种表格条件项的条件项名称,并根据所述条件项名称的字数确定各种表格条件项的宽度;
按照各种表格条件项的宽度,在网页界面中对各个表格条件项进行加载渲染,得到所述网页表格查询框。
4.根据权利要求1所述的方法,其特征在于,在基于所述配置组件在网页界面中配置所述网页表格查询框之后,所述方法还包括:
响应于针对网页表格查询框的调整操作,获取针对网页表格查询框中表格条件项的调整信息;
根据所述调整信息,调整所述配置组件中表格条件项的属性信息;
基于调整后的配置组件在网页界面中更新所述网页表格查询框。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取用户在所述网页表格查询框中输入的针对各个表格条件项的查询字段;
基于所述查询字段,向服务端请求与所述查询字段相匹配的表格数据,并将所述表格数据缓存在内存中;
在所述网页界面中对所述表格数据进行加载展示。
6.根据权利要求5所述的方法,其特征在于,所述在所述网页界面中对所述表格数据进行加载展示,包括:
从内存中获取所述表格数据,并将所述表格数据集成到所述配置组件中;
基于所述配置组件在网页界面中对所述表格数据进行加载渲染,得到网页表格,以在所述网页界面中展示所述表格数据。
7.根据权利要求6所述的方法,其特征在于,所述将所述表格数据集成到所述配置组件中,包括:
根据各种表格条件项的字段类型,对各种表格条件项所对应表格数据的字段类型进行转换,将经过字段类型转换的表格数据集成到所述配置组件中。
8.一种网页表格查询框的配置装置,其特征在于,所述装置包括:
获取单元,用于获取至少一种表格条件项的属性信息,所述表格条件项为所述网页表格查询框的最小查询单元;
录入单元,用于将所述至少一种表格条件项的属性信息录入预先构建的配置组件中,所述配置组件用于集成所述至少一种表格条件项的属性信息;
配置单元,用于基于所述配置组件在网页界面中配置所述网页表格查询框。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有至少一条程序代码,所述至少一条程序代码由处理器加载并执行以实现如权利要求1至7任一项所述的方法所执行的操作。
10.一种电子设备,其特征在于,所述电子设备包括一个或多个处理器和一个或多个存储器,所述一个或多个存储器中存储有至少一条程序代码,所述至少一条程序代码由所述一个或多个处理器加载并执行以实现如权利要求1至7任一项所述的方法所执行的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211437271.4A CN115759021A (zh) | 2022-11-17 | 2022-11-17 | 网页表格查询框的配置方法、装置、介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211437271.4A CN115759021A (zh) | 2022-11-17 | 2022-11-17 | 网页表格查询框的配置方法、装置、介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115759021A true CN115759021A (zh) | 2023-03-07 |
Family
ID=85372258
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211437271.4A Pending CN115759021A (zh) | 2022-11-17 | 2022-11-17 | 网页表格查询框的配置方法、装置、介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115759021A (zh) |
-
2022
- 2022-11-17 CN CN202211437271.4A patent/CN115759021A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10592319B2 (en) | API notebook tool | |
US20150293764A1 (en) | Method and system to compose and execute business rules | |
JP7316349B2 (ja) | カスタマイズ可能な企業自動化テストフレームワーク | |
US20140317594A1 (en) | System and method for automatically forming human-machine interface | |
US20210208854A1 (en) | System and method for enhancing component based development models with auto-wiring | |
CN109558128A (zh) | json数据解析方法、装置及计算机可读存储介质 | |
CN112015420A (zh) | 表单渲染方法、装置、计算机设备及存储介质 | |
CN110109983B (zh) | 一种操作Redis数据库的方法和装置 | |
CN111125064A (zh) | 一种生成数据库模式定义语句的方法和装置 | |
CN110647322A (zh) | 列表渲染方法、装置、电子设备和计算机可读介质 | |
US8615733B2 (en) | Building a component to display documents relevant to the content of a website | |
CN112434012A (zh) | 基于React的前端多级条件筛选方法、系统、设备及存储介质 | |
US20220284371A1 (en) | Method, device and medium for a business function page | |
CN115759021A (zh) | 网页表格查询框的配置方法、装置、介质及电子设备 | |
CN115758004A (zh) | 网页表格的展示方法、装置、计算机可读介质及电子设备 | |
CN112000416B (zh) | 卡片视图生成方法、装置及计算机可读存储介质 | |
CN116339733B (zh) | 一种应用程序页面生成方法、系统、电子设备及介质 | |
CN113986850B (zh) | 电子卷宗的存储方法、装置、设备和计算机可读存储介质 | |
CN116661765A (zh) | 界面生成系统以及界面生成方法 | |
CN113468460B (zh) | 基于YAML语言渲染Web页面的方法、装置和设备 | |
CN113642295B (zh) | 页面排版方法、装置及计算机程序产品 | |
CN117270847A (zh) | 前端页面的生成方法及装置、设备、存储介质 | |
CN117708463A (zh) | 页面加载方法、装置、电子设备和计算机可读介质 | |
CN117492752A (zh) | 一种页面动态配置方法、装置、计算机设备及存储介质 | |
CN117251159A (zh) | 规则页面生成方法、装置、计算机设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |