CN117390317A - 动态表格的实现方法及装置 - Google Patents
动态表格的实现方法及装置 Download PDFInfo
- Publication number
- CN117390317A CN117390317A CN202311320030.6A CN202311320030A CN117390317A CN 117390317 A CN117390317 A CN 117390317A CN 202311320030 A CN202311320030 A CN 202311320030A CN 117390317 A CN117390317 A CN 117390317A
- Authority
- CN
- China
- Prior art keywords
- data
- configuration information
- column
- area
- functional component
- 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 53
- 238000009877 rendering Methods 0.000 claims abstract description 84
- 238000004590 computer program Methods 0.000 claims description 21
- 230000003993 interaction Effects 0.000 claims description 9
- 238000001914 filtration Methods 0.000 claims description 7
- 238000012163 sequencing technique Methods 0.000 claims description 6
- 230000000007 visual effect Effects 0.000 claims description 6
- 230000008569 process Effects 0.000 abstract description 7
- 230000006870 function Effects 0.000 description 15
- 238000010586 diagram Methods 0.000 description 12
- 230000005540 biological transmission Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 6
- 230000004048 modification Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000004519 manufacturing process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000008094 contradictory effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/22—Indexing; Data structures therefor; Storage structures
- G06F16/2282—Tablespace storage structures; Management thereof
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/242—Query formulation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
- G06F16/9532—Query formulation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Mathematical Physics (AREA)
- Computational Linguistics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种动态表格的实现方法及装置,涉及金融信息服务技术领域。其中动态表格的实现方法,应用于客户端,包括:从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。本申请提供的实施方式提升了动态表格编辑时的复用性、通用性和灵活性。
Description
技术领域
本申请涉及金融信息服务技术领域,具体地涉及一种动态表格的实现方法、一种动态表格的实现装置、一种计算机可读存储介质以及一种计算机程序产品。
背景技术
目前房产相关交易全流程中涉及各式各样的表格,比如商品房的预现售数据列表、认购数据列表、网签数据列表等。而且不同地市数据要素展示大体相同,仅有小部分存在差异,这样差异化数据显示线上线过程中,就需要由专业开发人员去编写对应的不同地市数据表格。该做法会导致开发成本较高,同时无法快速的相应地市需求迭代开发。
目前现有的表格插件都只支持静态表格开发,其具有开箱即用的功能,也提供丰富API供给开发人员使用,同时也具有良好的浏览器兼容的功能,但是也存在以下几个重大的缺陷:(1)所有的表格组件需要定制化开发,不支持实时动态修改,无法快速的相应地市简单的表格需求,每一次修改都需要开发修改代码,发布生产,造成人力资源浪费;(2)复用性不强,通用性不强。
JSON(JavaScript Object Notation,JS对象简谱)是一种轻量级的数据交换格式。
发明内容
本申请实施方式的目的是提供一种动态表格的实现方法及装置,该方案更加灵活,可以在编辑表格页面的同时,还可以编辑可操作组件,并可以通过服务端动态配置,以至少解决了背景技术中的部分技术问题。
为了实现上述目的,本申请的第一方面提供了一种动态表格的实现方法,应用于客户端,该方法包括:从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。
优选地,所述方法还包括:获取可视化区域;基于所述可视化区域确定操作区和表格渲染区;在所述操作区生成与功能组件对应的操作按钮;所述操作区用于获取基于所述操作按钮的用户操作,所述用户操作经操作按钮对应的功能组件被映射为所述配置操作;所述表格渲染区还用于呈现经所述配置操作后的渲染后的表格数据。
优选地,所述操作按钮包括以下至少一者:重置按钮,其对应的功能组件用于在所述表格渲染区用默认特定标签渲染表格数据的列数据;新增按钮,其对应的功能组件用于在所述表格渲染区新增列配置,并刷新渲染后的表格数据;删除按钮,其对应的功能组件用于在所述表格渲染区删除列数据,并刷新渲染后的表格数据;全局列拖拽按钮,其对应的功能组件用于在所述表格渲染区根据列拖拽排序刷新渲染后的表格数据;双击事件按钮,其对应的功能组件用于在所述表格渲染区修改列表头名称,并刷新渲染后的表格数据;隐藏/显示图标按钮,其对应的功能组件用于在所述表格渲染区控制列的隐藏或显示,并刷新渲染后的表格数据。
优选地,所述第一配置信息和第二配置信息中均包括以下参数至少一者,选择的参数与选择的操作按钮具有对应关系;对应列数据库字段及渲染表格列数据、对应列表头名称、列隐藏/显示控制参数、列宽、对列的值的过滤操作参数。
优选地,所述第一配置信息和第二配置信息中还包括:密钥字段;所述密钥字段用于保存加密的轻量级数据的密钥值;所述加密的轻量级数据用于与所述服务端的数据交互。
优选地,所述第一配置信息和第二配置信息中还包括:地市ID;所述地市ID基于所述客户端的登录地址信息生成,并与第一配置信息或所述第一配置信息中的参数具有对应关系。
在本申请的第二方面,还提供了一种动态表格的实现装置,应用于客户端,该装置包括:数据获取模块,用于从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;操作获取模块,用于获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;以及配置生成模块,用于基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。
优选地,所述装置还包括操作区域模块;所述操作区域模块通过以下步骤得到:获取可视化区域;基于所述可视化区域确定操作区和表格渲染区;在所述操作区生成与功能组件对应的操作按钮;所述操作区用于获取基于所述操作按钮的用户操作,所述用户操作经操作按钮对应的功能组件被映射为所述配置操作;所述表格渲染区还用于呈现经所述配置操作后的渲染后的表格数据。
优选地,所述操作按钮包括以下至少一者:重置按钮,其对应的功能组件用于在所述表格渲染区用默认特定标签渲染表格数据的列数据;新增按钮,其对应的功能组件用于在所述表格渲染区新增列配置,并刷新渲染后的表格数据;删除按钮,其对应的功能组件用于在所述表格渲染区删除列数据,并刷新渲染后的表格数据;全局列拖拽按钮,其对应的功能组件用于在所述表格渲染区根据列拖拽排序刷新渲染后的表格数据;双击事件按钮,其对应的功能组件用于在所述表格渲染区修改列表头名称,并刷新渲染后的表格数据;隐藏/显示图标按钮,其对应的功能组件用于在所述表格渲染区控制列的隐藏或显示,并刷新渲染后的表格数据。
优选地,所述第一配置信息和第二配置信息中均包括以下参数至少一者,选择的参数与选择的操作按钮具有对应关系;对应列数据库字段及渲染表格列数据、对应列表头名称、列隐藏/显示控制参数、列宽、对列的值的过滤操作参数。
优选地,所述第一配置信息和第二配置信息中还包括:密钥字段;所述密钥字段用于保存加密的轻量级数据的密钥值;所述加密的轻量级数据用于与所述服务端的数据交互。
优选地,所述第一配置信息和第二配置信息中还包括:地市ID;所述地市ID基于所述客户端的登录地址信息生成,并与第一配置信息或所述第一配置信息中的参数具有对应关系。
在本申请的第三方面,还提供了一种电子设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现前述的动态表格的实现方法的步骤。
在本申请的第四方面,还提供了一种计算机可读存储介质,所述存储介质中存储有指令,当其在计算机上运行时,使得计算机执行前述的动态表格的实现方法的步骤。
在本申请的第五方面提供一种计算机程序产品,包括计算机程序,该计算机程序在被处理器执行时实现前述的动态表格的实现方法。
上述技术方案至少具有以下有益效果:
(1)在客户端实时显示页面动态操作隐藏、拖拽、重置、隐藏等功能,保留了客户使用习惯,同时还具有较强扩展性和实用性,降低开发工作量。
(2)整合前端传输请求通讯,从而实现表格数据的动态展示。
(3)提供了以VUE组件的形式接入到具体的应用中,方便子***的调用,同时兼具有扩展性。
(4)生成的配置信息以JSON数据格式保存和传输,便于传输过程中的加密。
本申请实施方式的其它特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
附图是用来提供对本申请实施方式的进一步理解,并且构成说明书的一部分,与下面的具体实施方式一起用于解释本申请实施方式,但并不构成对本申请实施方式的限制。在附图中:
图1示意性示出了根据本申请实施方式的动态表格的实现方法的步骤示意图;
图2示意性示出了根据本申请实施方式的动态表格实现方法的应用环境示意图;
图3示意性示出了根据本申请实施方式中的数据交互示意图;
图4示意性示出了根据本申请实施方式的动态表格的实现装置的结构示意图;
图5示意性示出了根据本申请实施方式的计算机设备的内部结构图。
具体实施方式
为使本申请实施方式的目的、技术方案和优点更加清楚,下面将结合本申请实施方式中的附图,对本申请实施方式中的技术方案进行清楚、完整地描述,应当理解的是,此处所描述的具体实施方式仅用于说明和解释本申请实施方式,并不用于限制本申请实施方式。基于本申请中的实施方式,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施方式,都属于本申请保护的范围。
需要说明,若本申请实施方式中有涉及方向性指示(诸如上、下、左、右、前、后……),则该方向性指示仅用于解释在某一特定姿态(如附图所示)下各部件之间的相对位置关系、运动情况等,如果该特定姿态发生改变时,则该方向性指示也相应地随之改变。
另外,若本申请实施方式中有涉及“第一”、“第二”等的描述,则该“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外,各个实施方式之间的技术方案可以相互结合,但是必须是以本领域普通技术人员能够实现为基础,当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在,也不在本申请要求的保护范围之内。
本申请技术方案中对数据的获取、存储、使用、处理等均符合国家法律法规的相关规定。
图1示意性示出了根据本申请实施方式的动态表格的实现方法的步骤示意图。如图1所示,一种动态表格的实现方法,该方法包括:
S01、从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;
S02、获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;
S03、基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。
在以上实施方式中,通过用户配置的动态表格数据,来描述表格数据的渲染要素。然后通过渲染要素中的特定标签在客户端解析表格数据,生成渲染后的表格。
图2示意性示出了根据本申请实施方式的动态表格实现方法的应用环境示意图。如图2所示,本申请提供的动态表格的实现方法,可以应用于如图2所示的应用环境中。其中,终端102作为客户端,服务器104作为服务端,终端102通过网络与服务器104进行通信。终端102提供与用户的交互界面,并执行前述的步骤S01至S03的动作。服务器104存储有表格数据以及第一配置信息,并执行根据第二配置信息更新第一配置信息的动作。服务器104中存储的配置信息可以为多个,其根据终端102或登录账号的属性之一在多个配置信息中进行匹配,得到对应的第一配置信息。例如可以先判断登录账号是否具有默认的配置信息,在不存在时再根据登录账号所在组匹配配置信息,若还不存在,则根据其他属性进行配置信息的匹配,以匹配得到的配置信息作为第一配置信息返回至终端102。其中,终端102可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
图3示意性示出了根据本申请实施方式中的数据交互示意图。如图3所示,客户端通过加密JSON数据获取配置信息,为了与后续描述区分,该配置信息被称为第一配置信息。在客户端显示根据第一配置信息渲染后的表格数据,并提供表格的增删改查等操作,基于这些操作生成动态配置JSON并加密传输至服务端。服务端保存该配置信息,此处称为第二配置信息。并在客户端根据该动态配置JSON对表格数据进行显示。本实施方式整合前端HTTP请求通讯,从而实现数据的动态展示。
在本申请的一些实施方式中,所述方法还包括:获取可视化区域;基于所述可视化区域确定操作区和表格渲染区;在所述操作区生成与功能组件对应的操作按钮;所述操作区用于获取基于所述操作按钮的用户操作,所述用户操作经操作按钮对应的功能组件被映射为所述配置操作;所述表格渲染区还用于呈现经所述配置操作后的渲染后的表格数据。在本实施方式中,动态表格设计的界面被分为两个区域,即操作区和表格渲染区。两个区域的分工不同,其中表格渲染区能够实时实现基于操作区的渲染效果,实现所见即所得的效果。
以上区域设计可以通过软件代码进行实现。示例性地,在操作区中采用<ct-popover>主要是基于el-popover的封装,用于鼠标悬浮的提示。设计ct-table为操作区域表格,用于显示户配置的动态表格数据。allLabctData用于读取用户配置数据,优选为从服务器端获取。ref="dragTable"用于注册列操作区域拖拽事件。设计<ct-table-column>为列显示标签,渲染显示户配置对应列信息。设计<ct-tooltip>为提示标签,用于告知用户是否可进行该操作。设计<ct-button>为操作按钮标签。
在表格渲染区中,tabledata表示的列表显示数据,为业务真实渲染数据。@sctection-change="handleSctectionChange"、@sctect-all="handleScteAll"、
@row-click="rowClick"表示表格操作事件;sctection-change表示选择框单选情况;sctect-all为多选事件;row-click为行点击事件。<ct-table-column>中colsCurrentData为用户配置的动态表格数据,其中的参数将在后文详述,例如:v-bind="item.attrs"表示用户自定义属性,min-width="item.width"表示表格宽带设置。
在本申请的一些实施方式中,所述操作按钮包括以下至少一者:重置按钮,其对应的功能组件用于在所述表格渲染区用默认特定标签渲染表格数据的列数据;新增按钮,其对应的功能组件用于在所述表格渲染区新增列配置,并刷新渲染后的表格数据;删除按钮,其对应的功能组件用于在所述表格渲染区删除列数据,并刷新渲染后的表格数据;全局列拖拽按钮,其对应的功能组件用于在所述表格渲染区根据列拖拽排序刷新渲染后的表格数据;双击事件按钮,其对应的功能组件用于在所述表格渲染区修改列表头名称,并刷新渲染后的表格数据;隐藏/显示图标按钮,其对应的功能组件用于在所述表格渲染区控制列的隐藏或显示,并刷新渲染后的表格数据。本实施方式提供了多种基础按钮供用户选择,该操作组件是可编辑的,因此使操作组件配置更加灵活。以上操作按钮或功能组件可以采用VUE组件技术进行实施。组件是VUE.JS最强大的功能之一,VUE组件是把页面进行模块化。本实施方式以VUE组件的形式接入到具体应用中,方便各个子***使用。
在本申请的一些实施方式中,所述第一配置信息和第二配置信息中均包括以下参数至少一者,对应列数据库字段及渲染表格列数据、对应列表头名称、列隐藏/显示控制参数、列宽、对列的值的过滤操作参数。用户配置对应格数据关系如下表所示。
Josn对象key | 数据类型 | 关系描述 |
Prop | String | 对应列数据库字段渲染表格列数据 |
Lable | String | 对应列表头名称 |
Isshow | Bool | 控制列隐藏显示 |
Width | Number | 列宽 |
formatter | Function | 对列的值进行过滤操作 |
选择的参数与选择的操作按钮具有对应关系,是指前一实施方式中的按钮对应的功能组件需要有参数与其对应。例如,当操作按钮中包括隐藏/显示图标按钮时,在参数中需要有Isshow参数以保存和记录隐藏状态或显示状态。用户在操作该隐藏/显示图标按钮时,实际修改的是JSON数据中的Isshow参数的值。
在本申请的一些实施方式中,所述第一配置信息和第二配置信息中还包括:密钥字段;所述密钥字段用于保存加密的轻量级数据的密钥值(也称为key值);该轻量级数据优选为JSON数据。该加密JSON数据用于与所述服务端的数据交互。在本实施方式中,客户端与服务端的数据均采用JSON数据格式进行传输,同时在传输时采用密钥值进行加密,并在接收端采用该密钥值进行解密,以实现数据的安全传送。
在本申请的一些实施方式中,所述第一配置信息和第二配置信息中还包括:地市ID;所述地市ID基于所述客户端的登录地址信息生成,并与第一配置信息或所述第一配置信息中的参数具有对应关系。在本实施方式中,针对不同的地市快速实现相应地市的简单表格功能开发,并根据客户端的登录地址信息匹配对应的数据模板或操作界面,使得动态组件可以完美解决地市差异化带来的通用性差的问题。并具有较强扩展性和实用性,同时能降低开发工作量。例如,服务端的多个配置信息的地市ID不同,服务端获取客户端的登录信息,根据地市ID匹配该登录信息中地市对应的配置信息作为第一配置信息,将其返回至客户端,由此实现不同地市的数据模板或操作界面的定制化。
在本申请的一些实施方式中,存入服务器的配置信息中可以同时包括以上数据,示例如下:
字段 | 作用 |
Apiurl | 保存加密JSON的key值 |
fields | 动态表格配置josn |
Tid | 地市的tid |
通过以上实施方式,实现了动态表格的交互,并通过多种参数对表格展示效果进行控制,具有较强扩展性和实用性。
以下通过现实场景中的实际用于操作对本方法的实施方式进行说明。用户登录数字房产一体化平台,点击“菜单”进入列表页面。此时若点击“字段配置”按钮,弹窗显示配置功能,在此页面可以进行表格配置增删改查。若点击“隐藏”按钮会把列表对应字段隐藏,反之会显示。若点击“新增”按钮,页面会显示一个配置新增列表行问题。若双击点击中间文案,可以修改该文案的对应显示列表的表头。若点击“重置”按钮恢复表格通用基本数据功能。同时在列表可以进行拖拽排序,排序会直接在表格中展示。点击“确定”会生成JSON数据,同时将该JSON数据以及个人信息数据保存在服务器端。页面渲染时候根据JSON数据实时展示表格数据。由此使得动态表格兼具保留个人用户操作习惯。同时,页面设计的时候登录有地市数据,使得动态组件可以完美解决地市差异化导致通用性差的问题。本实施方式在实际数字房产推广中取得良好的用户体验。
通过以上实施方式中的步骤,使对于动态表格的操作更为灵活,可以在编表格页面的同时,还可以编辑可操作组件,这样编辑的内容可以通过服务端动态配置,还可以根据操作组件动态控制显示、隐藏、极大的提高了复用性和通用性。
基于同一申请构思,本申请还提供了一种动态表格的实现装置。图4示意性示出了根据本申请实施方式的动态表格的实现装置的结构示意图。如图4所示,一种动态表格的实现装置,包括:应用于客户端,该装置包括:数据获取模块,用于从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;操作获取模块,用于获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;以及配置生成模块,用于基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。
在本申请的可选实施方式中,所述装置还包括操作区域模块;所述操作区域模块通过以下步骤得到:获取可视化区域;基于所述可视化区域确定操作区和表格渲染区;在所述操作区生成与功能组件对应的操作按钮;所述操作区用于获取基于所述操作按钮的用户操作,所述用户操作经操作按钮对应的功能组件被映射为所述配置操作;所述表格渲染区还用于呈现经所述配置操作后的渲染后的表格数据。
在本申请的可选实施方式中,所述操作按钮包括以下至少一者:重置按钮,其对应的功能组件用于在所述表格渲染区用默认特定标签渲染表格数据的列数据;新增按钮,其对应的功能组件用于在所述表格渲染区新增列配置,并刷新渲染后的表格数据;删除按钮,其对应的功能组件用于在所述表格渲染区删除列数据,并刷新渲染后的表格数据;全局列拖拽按钮,其对应的功能组件用于在所述表格渲染区根据列拖拽排序刷新渲染后的表格数据;双击事件按钮,其对应的功能组件用于在所述表格渲染区修改列表头名称,并刷新渲染后的表格数据;隐藏/显示图标按钮,其对应的功能组件用于在所述表格渲染区控制列的隐藏或显示,并刷新渲染后的表格数据。
在本申请的可选实施方式中,所述第一配置信息和第二配置信息中均包括以下参数至少一者,选择的参数与选择的操作按钮具有对应关系;对应列数据库字段及渲染表格列数据、对应列表头名称、列隐藏/显示控制参数、列宽、对列的值的过滤操作参数。
在本申请的可选实施方式中,所述第一配置信息和第二配置信息中还包括:密钥字段;所述密钥字段用于保存加密的轻量级数据的密钥值;所述加密的轻量级数据用于与所述服务端的数据交互。
在本申请的可选实施方式中,所述第一配置信息和第二配置信息中还包括:地市ID;所述地市ID基于所述客户端的登录地址信息生成,并与第一配置信息或所述第一配置信息中的参数具有对应关系。
上述的动态表格的实现装置中的各个功能模块的具体限定可以参见上文中对于动态表格的实现方法的限定,在此不再赘述。上述装置或***中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。该装置作用于动态表格的实现,同样具有复用性高和通用性好的优点。
本申请实施方式提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现上述动态表格的实现方法。
在一个实施方式中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图5所示。图5示意性示出了根据本申请实施方式的计算机设备的内部结构图。该计算机设备包括通过***总线连接的处理器A01、网络接口A02、存储器(图中未示出)和数据库(图中未示出)。其中,该计算机设备的处理器A01用于提供计算和控制能力。该计算机设备的存储器包括内存储器A03和非易失性存储介质A04。该非易失性存储介质A04存储有操作***B01、计算机程序B02和数据库(图中未示出)。该内存储器A03为非易失性存储介质A04中的操作***B01和计算机程序B02的运行提供环境。该计算机设备的网络接口A02用于与外部的终端通过网络连接通信。该计算机程序B02被处理器A01执行时以实现一种动态表格的实现方法。
本领域技术人员可以理解,图5中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施方式中,本申请提供的动态表格的实现装置可以实现为一种计算机程序的形式,计算机程序可在如图5所示的计算机设备上运行。计算机设备的存储器中可存储组成该动态表格的实现装置的各个程序模块,各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施方式的动态表格的实现方法中的步骤。
本领域内的技术人员应明白,本申请的实施方式可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施方式、完全软件实施方式、或结合软件和硬件方面的实施方式的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施方式的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体,可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上仅为本申请的实施方式而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (14)
1.一种动态表格的实现方法,其特征在于,应用于客户端,该方法包括:
从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;
获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;
基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取可视化区域;
基于所述可视化区域确定操作区和表格渲染区;
在所述操作区生成与功能组件对应的操作按钮;
所述操作区用于获取基于所述操作按钮的用户操作,所述用户操作经操作按钮对应的功能组件被映射为所述配置操作;
所述表格渲染区还用于呈现经所述配置操作后的渲染后的表格数据。
3.根据权利要求2所述的方法,其特征在于,所述操作按钮包括以下至少一者:
重置按钮,其对应的功能组件用于在所述表格渲染区用默认特定标签渲染表格数据的列数据;
新增按钮,其对应的功能组件用于在所述表格渲染区新增列配置,并刷新渲染后的表格数据;
删除按钮,其对应的功能组件用于在所述表格渲染区删除列数据,并刷新渲染后的表格数据;
全局列拖拽按钮,其对应的功能组件用于在所述表格渲染区根据列拖拽排序刷新渲染后的表格数据;
双击事件按钮,其对应的功能组件用于在所述表格渲染区修改列表头名称,并刷新渲染后的表格数据;
隐藏/显示图标按钮,其对应的功能组件用于在所述表格渲染区控制列的隐藏或显示,并刷新渲染后的表格数据。
4.根据权利要求3所述的方法,其特征在于,所述第一配置信息和第二配置信息中均包括以下参数至少一者,选择的参数与选择的操作按钮具有对应关系;
对应列数据库字段及渲染表格列数据、对应列表头名称、列隐藏/显示控制参数、列宽参数、对列的值的过滤操作参数。
5.根据权利要求4所述的方法,其特征在于,所述第一配置信息和第二配置信息中还包括:密钥字段;
所述密钥字段用于保存加密的轻量级数据的密钥值;所述加密的轻量级数据用于与所述服务端的数据交互。
6.根据权利要求4所述的方法,其特征在于,所述第一配置信息和第二配置信息中还包括:地市ID;
所述地市ID基于所述客户端的登录地址信息生成,并与第一配置信息或所述第一配置信息中的参数具有对应关系。
7.一种动态表格的实现装置,其特征在于,应用于客户端,该装置包括:
数据获取模块,用于从服务端获取表格数据以及所述表格数据的第一配置信息,在表格渲染区呈现根据所述第一配置信息渲染后的表格数据;
操作获取模块,用于获取用户基于功能组件对渲染后的表格数据的配置操作;所述功能组件设置于所述表格渲染区对应的操作区中;以及
配置生成模块,用于基于所述配置操作生成第二配置信息,并将所述第二配置信息上传至所述服务端用于更新所述第一配置信息。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括操作区域模块;所述操作区域模块通过以下步骤得到:获取可视化区域;
基于所述可视化区域确定操作区和表格渲染区;
在所述操作区生成与功能组件对应的操作按钮;
所述操作区用于获取基于所述操作按钮的用户操作,所述用户操作经操作按钮对应的功能组件被映射为所述配置操作;
所述表格渲染区还用于呈现经所述配置操作后的渲染后的表格数据。
9.根据权利要求8所述的装置,其特征在于,所述操作按钮包括以下至少一者:
重置按钮,其对应的功能组件用于在所述表格渲染区用默认特定标签渲染表格数据的列数据;
新增按钮,其对应的功能组件用于在所述表格渲染区新增列配置,并刷新渲染后的表格数据;
删除按钮,其对应的功能组件用于在所述表格渲染区删除列数据,并刷新渲染后的表格数据;
全局列拖拽按钮,其对应的功能组件用于在所述表格渲染区根据列拖拽排序刷新渲染后的表格数据;
双击事件按钮,其对应的功能组件用于在所述表格渲染区修改列表头名称,并刷新渲染后的表格数据;
隐藏/显示图标按钮,其对应的功能组件用于在所述表格渲染区控制列的隐藏或显示,并刷新渲染后的表格数据。
10.根据权利要求9所述的装置,其特征在于,所述第一配置信息和第二配置信息中均包括以下参数至少一者,选择的参数与选择的操作按钮具有对应关系;
对应列数据库字段及渲染表格列数据、对应列表头名称、列隐藏/显示控制参数、列宽、对列的值的过滤操作参数。
11.根据权利要求10所述的装置,其特征在于,所述第一配置信息和第二配置信息中还包括:密钥字段;
所述密钥字段用于保存加密的轻量级数据的密钥值;所述加密的轻量级数据用于与所述服务端的数据交互。
12.根据权利要求10所述的装置,其特征在于,所述第一配置信息和第二配置信息中还包括:地市ID;
所述地市ID基于所述客户端的登录地址信息生成,并与第一配置信息或所述第一配置信息中的参数具有对应关系。
13.一种计算机可读存储介质,所述存储介质中存储有指令,当其在计算机上运行时,使得计算机执行权利要求1至6中任一项权利要求所述的动态表格的实现方法的步骤。
14.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序在被处理器执行时实现权利要求1至6中任一项权利要求所述的动态表格的实现方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311320030.6A CN117390317A (zh) | 2023-10-12 | 2023-10-12 | 动态表格的实现方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311320030.6A CN117390317A (zh) | 2023-10-12 | 2023-10-12 | 动态表格的实现方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117390317A true CN117390317A (zh) | 2024-01-12 |
Family
ID=89436858
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311320030.6A Pending CN117390317A (zh) | 2023-10-12 | 2023-10-12 | 动态表格的实现方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117390317A (zh) |
-
2023
- 2023-10-12 CN CN202311320030.6A patent/CN117390317A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4812337B2 (ja) | フォームタイプを使用してフォームを生成する方法および装置 | |
US8799796B2 (en) | System and method for generating graphical dashboards with drill down navigation | |
US10740550B1 (en) | Network-accessible data management service with web-of-sheets data model | |
US10223698B2 (en) | Integrating a web-based CRM system with a PIM client application | |
CN111367976B (zh) | 基于java反射机制的excel文件数据的导出方法及装置 | |
US20140351684A1 (en) | Methods and apparatus for translating forms to native mobile applications | |
US20070061283A1 (en) | Business intelligence incorporated business process management system and method thereof | |
CN107943465B (zh) | 一种生成html表单的方法及装置 | |
US20140068464A1 (en) | System And Method For Capturing Computer Application-Related Information | |
CN113018870A (zh) | 一种数据处理方法、装置及计算机可读存储介质 | |
US20130339835A1 (en) | Dynamic presentation of a results set by a form-based software application | |
US10417234B2 (en) | Data flow modeling and execution | |
CN109213668B (zh) | 操作记录方法、装置及终端 | |
CN114647409A (zh) | 大屏可视化应用创建平台、方法、计算设备和存储介质 | |
CN114444478A (zh) | 一种凭证可视化方法、装置、电子设备及存储介质 | |
CN113419711A (zh) | 页面引导方法、装置、电子设备及存储介质 | |
EP3819760A1 (en) | Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz | |
US20070100848A1 (en) | Node index | |
CN113515505B (zh) | 数据仓库的数据模型生成方法及装置、电子设备 | |
CN109240660B (zh) | 一种广告数据的接入方法、存储介质、电子设备及*** | |
CN115857929A (zh) | 资源数据处理方法、装置、计算机设备和存储介质 | |
CN117390317A (zh) | 动态表格的实现方法及装置 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN113741953A (zh) | 表单处理方法、装置、电子设备和计算机存储介质 | |
CN107357926B (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 |