CN110705243A - Web page table setting method, device, equipment and computer storage medium - Google Patents
Web page table setting method, device, equipment and computer storage medium Download PDFInfo
- Publication number
- CN110705243A CN110705243A CN201910960493.6A CN201910960493A CN110705243A CN 110705243 A CN110705243 A CN 110705243A CN 201910960493 A CN201910960493 A CN 201910960493A CN 110705243 A CN110705243 A CN 110705243A
- Authority
- CN
- China
- Prior art keywords
- web page
- configuration information
- setting
- information
- input
- 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 55
- 238000012790 confirmation Methods 0.000 claims description 6
- 238000005516 engineering process Methods 0.000 abstract description 5
- 230000008859 change Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及金融科技(Fintech)技术领域,本发明公开了一种web页面表格设置方法,该方法包括:在接收到表格设置请求时,获取web页面中所述表格设置请求对应的表格;根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息;在检测到表格配置信息输入完成时,根据所述表格配置信息,调整所述web页面中的表格。本发明还公开了一种web页面表格设置装置、设备及计算机存储介质。本发明提高了web页面表格设置操作的实时性和便捷性。
The invention relates to the technical field of financial technology (Fintech), and discloses a web page form setting method. The method includes: when a form setting request is received, obtaining a form corresponding to the form setting request in the web page; The information in the table generates a table setting window and outputs it, so that the user can input the table configuration information based on the table setting window; when it is detected that the input of the table configuration information is completed, according to the table configuration information, adjust the settings in the web page. sheet. The invention also discloses a web page table setting device, equipment and computer storage medium. The invention improves the real-time performance and convenience of the web page form setting operation.
Description
技术领域technical field
本发明涉及金融科技(Fintech)技术领域,尤其涉及web页面表格设置方法、装置、设备及计算机存储介质。The present invention relates to the technical field of financial technology (Fintech), and in particular, to a web page form setting method, apparatus, device and computer storage medium.
背景技术Background technique
随着互联网技术,尤其是互联网金融科技(Fintech)的飞速发展,越来越多的技术(大数据、分布式、区块链Blockchain、人工智能等)应用在金融领域。With the rapid development of Internet technology, especially Internet financial technology (Fintech), more and more technologies (big data, distributed, blockchain, artificial intelligence, etc.) are applied in the financial field.
金融业务中涉及到大量的金融数据,金融业务平台的前端web页面都需要显示金融数据,前端开发人员在前端web页面对应的前端代码中配置表格的信息,在加载前端web页面时会按照前端代码进行加载,若需要调整前端web页面中的表格,则需要前端开发人员调整前端web页面对应的前端代码,这样的web页面表格调整操作较为麻烦。A large amount of financial data is involved in financial business. The front-end web pages of the financial business platform need to display financial data. Front-end developers configure table information in the front-end code corresponding to the front-end web page. When loading the front-end web page, it will follow the front-end code. For loading, if the table in the front-end web page needs to be adjusted, the front-end developer needs to adjust the front-end code corresponding to the front-end web page. Such a web page table adjustment operation is troublesome.
发明内容SUMMARY OF THE INVENTION
本发明的主要目的在于提出一种web页面表格设置方法、装置、设备及计算机存储介质,旨在解决当前web页面中表格设置操作复杂的技术问题。The main purpose of the present invention is to propose a web page table setting method, device, device and computer storage medium, aiming to solve the technical problem of complicated table setting operations in current web pages.
为实现上述目的,本发明提供一种web页面表格设置方法,所述web页面表格设置方法包括如下步骤:In order to achieve the above object, the present invention provides a web page table setting method, the web page table setting method includes the following steps:
在接收到表格设置请求时,获取web页面中所述表格设置请求对应的表格;When receiving the form setting request, obtain the form corresponding to the form setting request in the web page;
根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息;Generate and output a form setting window according to the information in the form, so that the user can input form configuration information based on the form setting window;
在检测到表格配置信息输入完成时,根据所述表格配置信息调整所述web页面中的表格。When it is detected that the input of the form configuration information is completed, the form in the web page is adjusted according to the form configuration information.
在一实施例中,所述根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息的步骤,包括:In one embodiment, the step of generating and outputting a form setting window according to the information in the form, so that a user can input form configuration information based on the form setting window, includes:
解析所述表格确定所述表格中信息的维度,获取各维度信息对应的表格配置项,其中,所述表格配置项包括尺寸配置项、显示配置项、排列配置项和/或内容配置项;Parsing the table to determine the dimensions of the information in the table, and obtaining table configuration items corresponding to each dimension information, wherein the table configuration items include size configuration items, display configuration items, arrangement configuration items and/or content configuration items;
将各所述维度信息与所述维度信息对应的所述表格配置项添加到预设模板中,得到表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息。The dimension information and the table configuration items corresponding to the dimension information are added to a preset template, and a table setting window is obtained and output, so that the user can input table configuration information based on the table setting window.
在一实施例中,所述根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息的步骤之后,包括:In one embodiment, after the step of generating and outputting a form setting window according to the information in the form, for the user to input form configuration information based on the form setting window, the step includes:
在接收到基于所述表格设置窗口输入的表格配置信息时,确定所述表格配置信息对应的表格配置项;When receiving the table configuration information input based on the table setting window, determining a table configuration item corresponding to the table configuration information;
查询预设规则表,获取所述表格配置项对应的信息设置规则,判断所述表格配置信息是否符合所述信息设置规则;querying a preset rule table, acquiring information setting rules corresponding to the table configuration items, and judging whether the table configuration information complies with the information setting rules;
在所述表格配置信息不符合所述信息设置规则时,输出提示信息,以提示用户重新输入;When the form configuration information does not conform to the information setting rule, output prompt information to prompt the user to re-input;
在所述表格配置信息符合所述信息设置规则时,判定表格配置信息输入完成,并执行所述根据所述表格配置信息调整所述web页面中的表格的步骤。When the form configuration information conforms to the information setting rule, it is determined that the input of the form configuration information is completed, and the step of adjusting the form in the web page according to the form configuration information is performed.
在一实施例中,所述在检测到表格配置信息输入完成时,根据所述表格配置信息调整所述web页面中的表格的步骤,包括:In one embodiment, when it is detected that the input of the form configuration information is completed, the step of adjusting the form in the web page according to the form configuration information includes:
在检测到表格配置信息输入完成时,确定所述表格配置信息对应的表格配置项;When it is detected that the input of the table configuration information is completed, the table configuration item corresponding to the table configuration information is determined;
若所述表格配置信息对应的表格配置项为尺寸配置项,则输出提示信息,以提示用户输入字符缩放指令;If the table configuration item corresponding to the table configuration information is a size configuration item, output prompt information to prompt the user to input a character scaling instruction;
在接收到字符缩放指令时,获取所述表格配置信息中的当前表格尺寸,及所述当前表格尺寸对应的当前字符尺寸,并按照所述当前字符尺寸调整所述表格中字符的大小。When a character scaling instruction is received, the current table size in the table configuration information and the current character size corresponding to the current table size are acquired, and the size of the characters in the table is adjusted according to the current character size.
在一实施例中,所述在检测到表格配置信息输入完成时,根据所述表格配置信息调整所述web页面中的表格的步骤,包括:In one embodiment, when it is detected that the input of the form configuration information is completed, the step of adjusting the form in the web page according to the form configuration information includes:
在检测到表格配置信息输入完成时,确定所述表格配置信息对应的表格配置项;When it is detected that the input of the table configuration information is completed, the table configuration item corresponding to the table configuration information is determined;
若所述表格配置信息对应的表格配置项为排列配置项,则获取所述排列配置项中的维度序号,按照所述维度序号调整所述表格中各维度信息的排序。If the table configuration item corresponding to the table configuration information is an arrangement configuration item, the dimension serial number in the arrangement configuration item is acquired, and the order of each dimension information in the table is adjusted according to the dimension serial number.
在一实施例中,所述在检测到表格配置信息输入完成时,根据所述表格配置信息,调整所述web页面中的表格的步骤之后,包括:In one embodiment, after the step of adjusting the form in the web page according to the form configuration information when it is detected that the input of the form configuration information is completed, includes:
在接收到基于所述表格设置窗口输入的确认指令时,将所述表格设置窗口中的表格配置信息与所述web页面中的表格进行关联保存。When receiving a confirmation instruction input based on the form setting window, the form configuration information in the form setting window is associated with the form in the web page and saved.
在一实施例中,所述在接收到表格设置请求时,获取web页面中所述表格设置请求对应的表格的步骤之前,包括:In one embodiment, before the step of acquiring the form corresponding to the form setting request in the web page when the form setting request is received, the method includes:
在接收到web页面加载请求时,判断所述web页面加载请求对应的web页面中是否存在表格;When receiving the web page loading request, determine whether there is a table in the web page corresponding to the web page loading request;
若所述web页面中存在表格,则获取当前登录用户的账户标识,和所述账户标识对应的表格配置信息;If there is a form in the web page, obtain the account identifier of the currently logged in user, and the form configuration information corresponding to the account identifier;
若所述账户标识对应的表格配置信息与所述表格当前的表格配置信息不同,则根据所述账户标识对应的表格配置信息,调整所述web页面中的表格。If the table configuration information corresponding to the account identifier is different from the current table configuration information of the table, the table in the web page is adjusted according to the table configuration information corresponding to the account identifier.
此外,为实现上述目的,本发明还提供一种web页面表格设置装置,所述web页面表格设置装置包括:In addition, in order to achieve the above purpose, the present invention also provides a web page form setting device, the web page form setting device includes:
请求接收模块,用于在接收到表格设置请求时,获取web页面中所述表格设置请求对应的表格;a request receiving module, configured to obtain a form corresponding to the form setting request in the web page when a form setting request is received;
窗口输出模块,用于根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息;a window output module, configured to generate and output a table setting window according to the information in the table, so that a user can input table configuration information based on the table setting window;
表格调整模块,用于在检测到表格配置信息输入完成时,根据所述表格配置信息,调整所述web页面中的表格。The form adjustment module is configured to adjust the form in the web page according to the form configuration information when it is detected that the form configuration information has been input.
此外,为实现上述目的,本发明还提供一种web页面表格设置设备,所述web页面表格设置设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的web页面表格设置程序,所述web页面表格设置程序被所述处理器执行时实现如上所述的web页面表格设置方法的步骤。In addition, in order to achieve the above object, the present invention also provides a web page form setting device, the web page form setting device includes: a memory, a processor, and a web page stored in the memory and running on the processor. A page form setting program, which implements the steps of the web page form setting method as described above when the web page form setting program is executed by the processor.
此外,为实现上述目的,本发明还提供一种计算机存储介质,所述计算机存储介质上存储有web页面表格设置程序,所述web页面表格设置程序被处理器执行时实现如上所述的web页面表格设置方法的步骤。In addition, in order to achieve the above object, the present invention also provides a computer storage medium, on which a web page form setting program is stored, and when the web page form setting program is executed by a processor, the above-mentioned web page is realized The steps of the table setup method.
本发明提供一种web页面表格设置方法、装置、设备及计算机存储介质。本发明实施例中web页面表格设置设备根据web页面中表格的信息生成表格设置窗口,使得用户在表格设置窗口中对web页面中表格进行调整,提高了web页面表格调整的操作便捷性,与此同时,web页面中的表格按照用户在表格设置窗口中输入的表格配置信息进行灵活地调整,保证了web页面中的表格调整的实时性。The present invention provides a web page form setting method, device, device and computer storage medium. In the embodiment of the present invention, the web page form setting device generates a form setting window according to the information of the form in the web page, so that the user can adjust the form in the web page in the form setting window, which improves the operational convenience of adjusting the web page form. Meanwhile, the table in the web page is flexibly adjusted according to the table configuration information input by the user in the table setting window, which ensures the real-time adjustment of the table in the web page.
附图说明Description of drawings
图1是本发明实施例方案涉及的硬件运行环境的设备结构示意图;1 is a schematic diagram of a device structure of a hardware operating environment involved in an embodiment of the present invention;
图2为本发明web页面表格设置方法第一实施例的流程示意图;2 is a schematic flowchart of a first embodiment of a web page table setting method according to the present invention;
图3为本发明web页面表格设置方法第一实施例的具体场景示意图;3 is a schematic diagram of a specific scenario of the first embodiment of the method for setting a web page table according to the present invention;
图4为本发明web页面表格设置方法第二实施例的流程示意图;4 is a schematic flowchart of a second embodiment of a web page table setting method according to the present invention;
图5为本发明web页面表格设置装置一实施例的功能模块示意图。FIG. 5 is a schematic diagram of functional modules of an embodiment of a web page form setting apparatus according to the present invention.
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。The realization, functional characteristics and advantages of the present invention will be further described with reference to the accompanying drawings in conjunction with the embodiments.
具体实施方式Detailed ways
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。It should be understood that the specific embodiments described herein are only used to explain the present invention, but not to limit the present invention.
如图1所示,图1是本发明实施例方案涉及的硬件运行环境的设备结构示意图。As shown in FIG. 1 , FIG. 1 is a schematic diagram of a device structure of a hardware operating environment involved in an embodiment of the present invention.
本发明实施例web页面表格设置设备可以是PC机或服务器。The web page form setting device in the embodiment of the present invention may be a PC or a server.
如图1所示,该web页面表格设置设备可以包括:处理器1001,例如CPU,网络接口1004,用户接口1003,存储器1005,通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。As shown in FIG. 1 , the web page form setting device may include: a
本领域技术人员可以理解,图1中示出的设备结构并不构成对设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。Those skilled in the art can understand that the device structure shown in FIG. 1 does not constitute a limitation on the device, and may include more or less components than the one shown, or combine some components, or arrange different components.
如图1所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及web页面表格设置程序。As shown in FIG. 1 , the
在图1所示的设备中,网络接口1004主要用于连接后台服务器,与后台服务器进行数据通信;用户接口1003主要用于连接客户端(用户端),与客户端进行数据通信;而处理器1001可以用于调用存储器1005中存储的web页面表格设置程序,并执行下述web页面表格设置方法中的操作,在所述处理器上运行的web页面表格设置程序被执行时所实现的方法可参照本发明web页面表格设置方法各个实施例,此处不再赘述。In the device shown in FIG. 1 , the
基于上述硬件结构,提出本发明web页面表格设置方法实施例。Based on the above hardware structure, an embodiment of the web page table setting method of the present invention is proposed.
参照图2,图2为本发明web页面表格设置方法第一实施例的流程示意图,所述web页面表格设置方法包括:Referring to FIG. 2, FIG. 2 is a schematic flowchart of a first embodiment of a web page table setting method according to the present invention. The web page table setting method includes:
步骤S10,在接收到表格设置请求时,获取web页面中所述表格设置请求对应的表格。Step S10, when a form setting request is received, obtain a form corresponding to the form setting request in the web page.
本实施例中web页面表格设置方法应用于web页面表格设置设备,web页面表格设置设备接收web页面表格设置请求,web页面表格设置请求的触发方式不作具体限定,即,web页面表格设置请求可以用户主动触发的,例如,用户在web页面表格设置设备的web显示界面上的预设搜索窗口中输入“表格调整”,触发web页面表格设置请求;此外,web页面表格设置请求还可以是web页面表格设置设备自动触发的,例如,web页面表格设置设备在检测到屏幕尺寸与预设屏幕尺寸不同时,自动触发web页面表格设置请求。The web page form setting method in this embodiment is applied to the web page form setting device, the web page form setting device receives the web page form setting request, and the triggering method of the web page form setting request is not specifically limited, that is, the web page form setting request can be set by the user Actively triggered, for example, the user inputs "form adjustment" in the preset search window on the web display interface of the web page form setting device, triggering the web page form setting request; in addition, the web page form setting request may also be a web page form Triggered automatically by the setting device, for example, the web page form setting device automatically triggers a web page form setting request when it detects that the screen size is different from the preset screen size.
web页面表格设置设备在接收到web页面表格设置请求时,web页面表格设置设备获取web页面表格设置请求对应的表格,其中,web页面中表格的数量,和表格中的信息不作具体限定。When the web page form setting device receives the web page form setting request, the web page form setting device obtains the form corresponding to the web page form setting request, wherein the number of forms in the web page and the information in the form are not specifically limited.
步骤S20,根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息。Step S20, generating and outputting a form setting window according to the information in the form, so that the user can input form configuration information based on the form setting window.
web页面表格设置设备对web页面中的表格进行解析,获取表格中的信息并确定表格中信息的维度,具体地,web页面表格设置设备获取表格中第一行各行标题信息或者第一列各列表标题信息,web页面表格设置设备将每个行标题信息或每个列表标题信息作为表格一个维度信息,web页面表格设置设备将各维度信息与维度信息对应的表格配置项关联,生成表格设置窗口并输出。The web page table setting device parses the table in the web page, obtains the information in the table, and determines the dimension of the information in the table. Specifically, the web page table setting device obtains the title information of each row in the first row or each list in the first column. Title information, the web page table setting device takes each row title information or each list title information as a dimension information of the table, and the web page table setting device associates each dimension information with the table configuration item corresponding to the dimension information, generates a table setting window and output.
本实施例中给出了生成表格设置窗口的一种具体实现方式,包括:In this embodiment, a specific implementation of generating a table setting window is provided, including:
步骤a1,解析所述表格确定所述表格中信息的维度,获取各维度信息对应的表格配置项;Step a1, parse the table to determine the dimensions of the information in the table, and obtain table configuration items corresponding to each dimension information;
步骤a2,将各所述维度信息与所述维度信息对应的所述表格配置项添加到预设模板中,得到表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息。Step a2, adding the dimension information and the table configuration items corresponding to the dimension information into a preset template to obtain and output a table setting window for the user to input table configuration information based on the table setting window.
即,web页面表格设置设备解析表格确定表格中信息的维度,web页面表格设置设备获取各维度信息对应的表格配置项,其中,表格配置项包括尺寸配置项(尺寸配置项包括表格中各个单元格的尺寸信息)、显示配置项(显示配置项包括文字颜色、大小、边框样式和颜色等等)、排列配置项和/或内容配置项;例如,web页面中表格第一维度的信息为用户姓名,用户姓名对应的表格配置项包括:行列尺寸和文字颜色,web页面中表格第二维度的信息为用户联系方式,用户联系方式对应的表格配置项包括:行列排序、行列尺寸和文字颜色。That is, the web page table setting device parses the table to determine the dimensions of the information in the table, and the web page table setting device obtains table configuration items corresponding to each dimension information, wherein the table configuration items include size configuration items (the size configuration items include each cell in the table) size information), display configuration items (display configuration items include text color, size, border style and color, etc.), arrangement configuration items and/or content configuration items; for example, the information of the first dimension of a table in a web page is the user name , the table configuration items corresponding to the user name include: row and column size and text color, the information in the second dimension of the table in the web page is the user's contact information, and the table configuration items corresponding to the user's contact information include: row and column sorting, row and column size and text color.
web页面表格设置设备将各维度信息与维度信息对应的表格配置项添加到预设模板(预设模板是指预先设置的用于显示表格配置信息的模板)中,得到表格设置窗口并输出,例如,参考图3,web页面表格设置设备以每列作为一个维度,web页面表格设置设备获取各列的表格配置项,例如,列宽、显示比例和序号,web页面表格设置设备将表格中各列的列名以及能够进行配置的内容按照顺序显示得到表格设置窗口,以供用户基于表格设置窗口输入表格配置信息。The web page table setting device adds each dimension information and the table configuration items corresponding to the dimension information to the preset template (the preset template refers to the preset template for displaying the table configuration information), obtains the table setting window and outputs, for example , referring to FIG. 3, the web page table setting device takes each column as a dimension, the web page table setting device obtains the table configuration items of each column, such as column width, display ratio and serial number, and the web page table setting device converts each column in the table The column names and the contents that can be configured are displayed in order to obtain the table setting window, so that the user can input table configuration information based on the table setting window.
具体地,本实施例中表格设置窗口中包含各维度信息与维度信息对应的表格配置项,用户可以基于表格配置项输入表格配置信息,即,表格配置项后面设置的输入框或勾选框,用户可以在输入框或勾选框输入表格配置信息进行配置,比如,用户可以通过显示颜色配置项对该列的文字颜色进行一键配置(用户选择某个颜色后,web页面表格设置设备会拿到该颜色值,并将该值设为对应的文字的颜色属性值),用户还能改变表格中指定列的边框样式、颜色(web页面表格设置设备拿到用户配置的值并将其设为边框的属性值),并且,用户还可以通过在输入框里输入数字的形式改变该列中的数据的字体大小(web页面表格设置设备拿到用户输入的数字后,再加上单位‘px’,使得web页面表格设置设备按照用户输入的数字设置字体的大小),此外,web页面表格设置设备还可以对web页面中表格进行其他设置,本实施例中不作赘述。Specifically, in this embodiment, the table setting window contains table configuration items corresponding to each dimension information and dimension information, and the user can input table configuration information based on the table configuration items, that is, the input box or check box set behind the table configuration item, The user can enter the table configuration information in the input box or check box for configuration. For example, the user can configure the text color of the column with one click by displaying the color configuration item (after the user selects a certain color, the web page table setting device will take to the color value, and set the value as the color attribute value of the corresponding text), the user can also change the border style and color of the specified column in the table (the web page table setting device gets the value configured by the user and sets it as The attribute value of the border), and the user can also change the font size of the data in the column by entering numbers in the input box (after the web page table setting device gets the numbers entered by the user, add the unit 'px' , so that the web page table setting device sets the font size according to the numbers input by the user), in addition, the web page table setting device may also perform other settings for the tables in the web page, which will not be described in detail in this embodiment.
本实施例中web页面表格设置设备解析web页面中表格的信息,获取各个维度信息对应的表格配置项,web页面表格设置设备将各维度信息与维度信息对应的表格配置项关联,生成的表格设置窗口,使得用户可以按照需求对web页面中表格各个维度信息进行设置,可以使得用户能配置出定制化的表格,比如用户可以通过将文字标红标粗的方式突出显示最想展示给其他人的那些列的数据等等,实现了web表格中信息的灵活设置。In this embodiment, the web page table setting device parses the information of the table in the web page, and obtains the table configuration items corresponding to each dimension information. The web page table setting device associates each dimension information with the table configuration items corresponding to the dimension information, and the generated table sets The window allows users to set various dimension information of the tables in the web page according to their needs, and enables users to configure customized tables. For example, users can highlight the most wanted to show to others by marking the text in red and bold. The data of those columns, etc., realizes the flexible setting of the information in the web form.
步骤S30,在检测到表格配置信息输入完成时,根据所述表格配置信息调整所述web页面中的表格。Step S30, when it is detected that the input of the form configuration information is completed, adjust the form in the web page according to the form configuration information.
web页面表格设置设备实时地获取表格设置窗口中表格配置信息,即,web页面表格设置设备检测的输入状态,若表格设置窗口中表格配置信息变更时,web页面表格设置根据表格配置信息同步调整web页面中的表格。The web page form setting device obtains the form configuration information in the form setting window in real time, that is, the input state detected by the web page form setting device. If the form configuration information in the form setting window changes, the web page form setting synchronously adjusts the web page according to the form configuration information. form in the page.
例如,web页面表格设置设备以web页面中表格每列中的信息为一个维度信息,用户对web页面中表格中每列进行设置,具体地:For example, the web page table setting device takes the information in each column of the table in the web page as one dimension information, and the user sets each column in the table in the web page, specifically:
1、每列的列宽可以通过表格设置窗口中的输入框进行配置,用户在输入框里填写了该列的宽度的同时,表格中对应的这一列的宽度将会动态实时地变为用户填写的宽度,同时,其他所有列的宽度保持不变,此时表格的总宽度也会和该列的变化相同。1. The column width of each column can be configured through the input box in the table setting window. When the user fills in the width of the column in the input box, the width of the corresponding column in the table will dynamically change to the user's input in real time. At the same time, the width of all other columns remains unchanged, and the total width of the table will also be the same as the change of this column.
2、每列的数据显示格式可以通过表格设置窗口中上的勾选框进行配置,如果用户勾选了“使用百分比”,则表格里的数据将会变为百分数的形式,否则默认使用原数值。2. The data display format of each column can be configured through the check box on the table setting window. If the user has checked "Use Percentage", the data in the table will be in the form of a percentage, otherwise the original value will be used by default. .
3、每列在表格里从左到右的顺序可以通过表格设置窗口上的输入框进行配置;例如,web页面中包含的表格共4列,从左到右分别为:用户姓名、用户电话号码,用户邮箱号码、用户家庭住址;若用户在表格设置窗口上用户姓名、用户电话号码、用户邮箱号码和用户家庭住址各自的输入框中输入的序号为1、4、3、2,则web页面表格设置设备会将表格从左到右的排序调整为用户姓名、用户家庭住址、用户邮箱号码和用户电话号码。3. The order of each column in the table from left to right can be configured through the input box on the table setting window; for example, the table contained in the web page has a total of 4 columns, from left to right: user name, user phone number , the user's mailbox number, the user's home address; if the user enters the sequence numbers 1, 4, 3, and 2 in the respective input boxes of the user's name, user's phone number, user's mailbox number, and user's home address on the form setting window, the web page The table setting device adjusts the ordering of the table from left to right to user name, user home address, user email number, and user phone number.
4、每列的样式可以通过表格设置窗口上的输入框、勾选框进行配置,如文字颜色、大小,边框样式、颜色。4. The style of each column can be configured through the input box and check box on the table setting window, such as text color, size, border style and color.
5、每列有一个“字体是否按比例缩放”的勾选框,当用户在勾选了该勾选框后,当该列的列宽进行变化时,该列里的数据的字体大小也会对应地进行变化,保持该列的各单元格里的内容的排版不变。5. Each column has a check box of "whether the font is scaled proportionally". When the user checks the check box, when the column width of the column changes, the font size of the data in the column will also be changed. Changes are made accordingly to keep the layout of the contents of the cells in the column unchanged.
本实施例中web页面表格设置设备对表格各列的精确配置,会动态实时地展示在web页面的dashboard和display中:当在dashboard和display中使用到该表格时,对于表格的各列的各配置会动态实时的体现,这样也就形成了一个对于表格的调整和设置以及友好展示的完整流程。In this embodiment, the precise configuration of each column of the table by the web page table setting device will be dynamically displayed in the dashboard and display of the web page in real time: when the table is used in the dashboard and display, for each column of the table The configuration will be reflected in real time dynamically, thus forming a complete process of adjusting and setting the table and displaying it in a friendly manner.
可以理解的是,web页面表格设置设备会出现联动调整现象,即,web页面表格设置设备根据表格设置窗口中输入的表格配置信息,确定表格配置信息对其他部分的影响,从而对表格中的其他部分进行相应的调整,实现表格设置联动调整功能。It is understandable that the web page form setting device will have a linkage adjustment phenomenon, that is, the web page form setting device determines the influence of the form configuration information on other parts according to the form configuration information input in the form setting window, so as to affect other parts in the form. Some adjustments are made accordingly to realize the linkage adjustment function of table settings.
具体地:通常情况下在web页面dashboard或者display里使用一个或多个该表格,用户期望自己对于表格的设置和调整能够及时地体现在这边。比如,在表格配置时,表格总共有两列,各列的宽度都是500px,因此表格的总宽度是1000px;然后在dashboard或者display页面里,给当前表格设置的总宽度为400px,因此每列的宽度各为200px;接着web页面表格设置设备在表格配置处把表格第一列的宽度从500px调整为300px,第二列依然保持500px,现在表格配置处表格的总宽度为800px;dashboard或者display里面的该表格就要对应地变成总宽度为320px,其中第一列120px,第二列200px。Specifically: Usually, one or more of the forms are used in the dashboard or display of the web page, and the user expects that his settings and adjustments to the form can be reflected here in a timely manner. For example, when the table is configured, the table has a total of two columns, and the width of each column is 500px, so the total width of the table is 1000px; then in the dashboard or display page, the total width set for the current table is 400px, so each column is The width of the table is 200px; then the web page table setting device adjusts the width of the first column of the table from 500px to 300px in the table configuration, and the second column remains 500px. Now the total width of the table in the table configuration is 800px; dashboard or display The table inside will correspondingly become a total width of 320px, of which the first column is 120px and the second column is 200px.
本发明实施例中web页面表格设置设备根据web页面中表格的信息生成表格设置窗口,使得用户在表格设置窗口中对web页面中表格进行调整,提高了web页面表格调整的操作便捷性,与此同时,web页面中的表格按照用户在表格设置窗口中输入的表格配置信息进行灵活地同步调整,保证了web页面中的表格调整的实时性。In the embodiment of the present invention, the web page form setting device generates a form setting window according to the information of the form in the web page, so that the user can adjust the form in the web page in the form setting window, which improves the operational convenience of adjusting the web page form. At the same time, the tables in the web page are adjusted flexibly and synchronously according to the table configuration information input by the user in the table setting window, which ensures the real-time adjustment of the tables in the web page.
进一步地,参照图4,基于本发明web页面表格设置方法第一实施例,提出本发明web页面表格设置方法的第二实施例。Further, referring to FIG. 4 , based on the first embodiment of the web page form setting method of the present invention, a second embodiment of the web page form setting method of the present invention is proposed.
本实施例是第一实施例中步骤S20之后的步骤,本实施例与上述实施例的区别在于:This embodiment is a step after step S20 in the first embodiment. The difference between this embodiment and the above-mentioned embodiment is:
步骤S40,在接收到基于所述表格设置窗口输入的表格配置信息时,确定所述表格配置信息对应的表格配置项。Step S40: When receiving the table configuration information input based on the table setting window, determine the table configuration item corresponding to the table configuration information.
web页面表格设置设备在接收到基于表格设置窗口输入的表格配置信息时,web页面表格设置设备确定表格配置信息对应的表格配置项,例如,表格配置信息200对应的表格配置项为表格尺寸配置项。When the web page form setting device receives the form configuration information input based on the form setting window, the web page form setting device determines the form configuration item corresponding to the form configuration information, for example, the form configuration item corresponding to the form configuration information 200 is the form size configuration item .
步骤S50,查询预设规则表,获取所述表格配置项对应的信息设置规则,判断所述表格配置信息是否符合所述信息设置规则。Step S50 , query a preset rule table, obtain information setting rules corresponding to the table configuration items, and determine whether the table configuration information complies with the information setting rules.
web页面表格设置设备中预设规则表,预设规则表中包含不同表格配置项对应表格配置信息的输入规则,web页面表格设置设备在确定表格配置信息对应的表格配置项之后,web页面表格设置设备查询预设规则表,获取表格配置项对应的信息设置规则,web页面表格设置设备判断表格配置信息是否符合信息设置规则。A rule table is preset in the web page table setting device. The preset rule table contains input rules for the table configuration information corresponding to different table configuration items. After the web page table setting device determines the table configuration item corresponding to the table configuration information, the web page table setting The device queries the preset rule table to obtain the information setting rules corresponding to the table configuration items, and the web page table setting device determines whether the table configuration information conforms to the information setting rules.
步骤S60,在所述表格配置信息不符合所述信息设置规则时,输出提示信息,以提示用户重新输入。Step S60, when the table configuration information does not conform to the information setting rule, output prompt information to prompt the user to re-input.
web页面表格设置设备在表格配置信息不符合信息设置规则时,web页面表格设置设备输出提示信息,以提示用户重新输入新的表格配置信息,例如,预设规则表中包含:表格尺寸配置项对应的信息设置规则为:表格列宽在200px到2000px之间,用户在表格尺寸配置项对应的输入栏中输入50,此时,web页面表格设置设备判定表格配置信息不符合信息设置规则,web页面表格设置设备输出提示信息,以提示用户重新输入。When the web page form setting device does not conform to the information setting rules, the web page form setting device outputs prompt information to prompt the user to re-enter new form configuration information. For example, the preset rule table includes: the form size configuration item corresponds to The information setting rules of the table are: the table column width is between 200px and 2000px, and the user enters 50 in the input field corresponding to the table size configuration item. At this time, the web page table setting device determines that the table configuration information does not conform to the information setting rules, and the web page The form setting device outputs prompt information to prompt the user to re-enter.
在表格配置信息符合信息设置规则时,web页面表格设置设备判定表格配置信息输入完成,并执行第一实施例中根据表格配置信息调整web页面中的表格的步骤。When the form configuration information conforms to the information setting rule, the web page form setting device determines that the input of the form configuration information is completed, and executes the step of adjusting the form in the web page according to the form configuration information in the first embodiment.
本实施例中web页面表格设置设备根据信息设置规则对表格设置窗口中输入的表格配置信息进行检测,有效地防止了由于用户输入错误导致的表格调整不合理的情况。In this embodiment, the web page form setting device detects the form configuration information input in the form setting window according to the information setting rule, which effectively prevents the unreasonable adjustment of the form due to user input errors.
进一步地,基于本发明web页面表格设置方法上述实施例,提出本发明web页面表格设置方法第三实施例。Further, based on the above embodiments of the web page table setting method of the present invention, a third embodiment of the web page table setting method of the present invention is proposed.
本实施例是第一实施例中步骤S30的细化,本实施例与第一实施例的区别在于:This embodiment is a refinement of step S30 in the first embodiment. The differences between this embodiment and the first embodiment are:
在检测到表格配置信息输入完成时,确定所述表格配置信息对应的表格配置项;When it is detected that the input of the table configuration information is completed, the table configuration item corresponding to the table configuration information is determined;
若所述表格配置信息对应的表格配置项为尺寸配置项,则输出提示信息,以提示用户输入字符缩放指令;If the table configuration item corresponding to the table configuration information is a size configuration item, output prompt information to prompt the user to input a character scaling instruction;
在接收到字符缩放指令时,获取所述表格配置信息中的当前表格尺寸,及所述当前表格尺寸对应的当前字符尺寸,并按照所述当前字符尺寸调整所述表格中字符的大小。When a character scaling instruction is received, the current table size in the table configuration information and the current character size corresponding to the current table size are acquired, and the size of the characters in the table is adjusted according to the current character size.
即,web页面表格设置设备在检测到表格配置信息输入完成时,web页面表格设置设备确定表格配置信息对应的表格配置项;若表格配置信息对应的表格配置项为尺寸配置项,web页面表格设置设备输出提示信息,以提示用户输入字符缩放指令;web页面表格设置设备在接收到字符缩放指令时,web页面表格设置设备获取表格配置信息中的当前表格尺寸,及当前表格尺寸对应的当前字符尺寸,web页面表格设置设备按照当前字符尺寸调整表格中字符的大小,以完成字符的大小的调整。That is, when the web page form setting device detects that the input of the form configuration information is completed, the web page form setting device determines the form configuration item corresponding to the form configuration information; if the form configuration item corresponding to the form configuration information is a size configuration item, the web page form setting The device outputs prompt information to prompt the user to input a character scaling command; when the web page form setting device receives the character scaling command, the web page form setting device obtains the current form size in the form configuration information and the current character size corresponding to the current form size , the web page table setting device adjusts the size of the characters in the table according to the current character size, so as to complete the adjustment of the size of the characters.
具体地,表格设置窗口每列有一个“字体是否按比例缩放”的勾选框,当用户在勾选了该勾选框后,当该列的列宽进行变化时,web页面表格设置设备对该列里的数据的字体大小也会对应地进行调整,保持该列的各单元格里的内容的排版不变。比如现在表格某列的宽度为200px,其中的数据的字体大小为20px,当该列的宽度变为100px之后,其中的数据的字体就会也缩小一倍,变成10px。Specifically, each column of the table setting window has a check box of "whether the font is scaled proportionally". After the user checks the check box, when the column width of the column changes, the web page table setting device will The font size of the data in the column will also be adjusted accordingly, keeping the layout of the contents of the cells in the column unchanged. For example, the width of a column in the table is now 200px, and the font size of the data in it is 20px. When the width of the column becomes 100px, the font of the data in it will also be doubled to 10px.
本实施例中web页面表格设置设备通过等比缩小字体大小的方法,可以确保用户在更改列的列宽之后,里面的数据的展示排版和之前保持一致。In this embodiment, the web page table setting device reduces the font size proportionally to ensure that after the user changes the column width of the column, the display layout of the data in it is consistent with the previous one.
进一步地,基于本发明web页面表格设置方法上述实施例,提出本发明web页面表格设置方法第四实施例。Further, based on the above embodiments of the web page table setting method of the present invention, a fourth embodiment of the web page table setting method of the present invention is proposed.
本实施例是第一实施例中步骤S30的细化,本实施例与第一实施例的区别在于:This embodiment is a refinement of step S30 in the first embodiment. The differences between this embodiment and the first embodiment are:
在检测到表格配置信息输入完成时,确定所述表格配置信息对应的表格配置项;When it is detected that the input of the table configuration information is completed, the table configuration item corresponding to the table configuration information is determined;
若所述表格配置信息对应的表格配置项为排列配置项,则获取所述排列配置项中的维度序号,按照所述维度序号调整所述表格中各维度信息的排序。If the table configuration item corresponding to the table configuration information is an arrangement configuration item, the dimension serial number in the arrangement configuration item is acquired, and the order of each dimension information in the table is adjusted according to the dimension serial number.
即,web页面表格设置设备在检测到表格配置信息输入完成时,web页面表格设置设备确定表格配置信息对应的表格配置项;若表格配置信息对应的表格配置项为排列配置项,web页面表格设置设备获取排列配置项中的维度序号,web页面表格设置设备按照维度序号调整表格中各维度信息的排序。That is, when the web page form setting device detects that the input of the form configuration information is completed, the web page form setting device determines the form configuration item corresponding to the form configuration information; if the form configuration item corresponding to the form configuration information is an arrangement configuration item, the web page form setting The device obtains the dimension serial number in the arrangement configuration item, and the web page table setting device adjusts the order of each dimension information in the table according to the dimension serial number.
web页面中表格里从左到右的顺序可以通过web页面上的输入框进行配置,例如,一个表格可能有多列,但并不是每一列的数据对于用户来说都是那么重要的,用户希望将自己最关心的几列数据放在最前展示,即,用户能够在排列配置项对应的输入框里,输入自己希望该列处在表格的第几列(如果各列的数据不连续,则按照数据值从小到大排列各列,这样当列数多时,用户也不用去数得很清楚这列该是第多少列,用户只需要给这列的顺序值输入一个比应该排在这列之前的列的值更大的值就行了),并且当用户输入了这个数据值后,web页面表格设置设备通过代码实现了动态实时的改动(系统会将各列的顺序值拿到然后进行排序并立即重新渲染整个表格),当用户输入完数据值的瞬间,表格就会按照改动后顺序排列各列了。The order from left to right in the table in the web page can be configured through the input box on the web page. For example, a table may have multiple columns, but not the data in each column is so important to the user. Put the columns of data that you care about most at the front, that is, the user can enter the column in the table in the input box corresponding to the arrangement configuration item (if the data in each column is not continuous, follow the The data values are arranged in each column from small to large, so that when the number of columns is large, the user does not need to count the number of the column, and the user only needs to enter a sequence value for this column. The value of the column with a larger value is fine), and when the user enters this data value, the web page table setting device realizes dynamic real-time changes through code (the system will get the sequence value of each column and then sort and immediately Re-render the entire table), when the user finishes entering the data value, the table will arrange the columns in the order after the change.
即,本实施例中用户通过在web前端页面上的排列配置项对应的输入框中直接输入数字的方法快速调整列的顺序,web页面表格设置通过计算在用户在调整某一列的顺序之后,自动改动其他列的顺序,例如现在总共有5列,每列的顺序值系统会默认帮用户填在输入框中,分别是:1、2、3、4、5,若在第一列对应的排列配置项对应的输入框中将第一列的顺序从1改成3,那么第三列的顺序3会自动变成2,2会自动变成1;如果把5改成3,那么4会自动变成5,3会自动变成4,本实施例中通过一个数字的输入,用户就可能已经实现了多列的顺序排列。That is, in this embodiment, the user can quickly adjust the order of columns by directly inputting numbers in the input box corresponding to the arrangement configuration item on the web front-end page, and the web page table setting is calculated automatically after the user adjusts the order of a column. Change the order of other columns. For example, there are now 5 columns in total. The system will help the user to fill in the order value of each column in the input box by default. They are: 1, 2, 3, 4, and 5. In the input box corresponding to the configuration item, change the order of the first column from 1 to 3, then the order of the third column 3 will automatically become 2, and 2 will automatically become 1; if you change 5 to 3, then 4 will automatically If it becomes 5, 3 will automatically become 4. In this embodiment, by inputting a number, the user may have realized the sequential arrangement of multiple columns.
可以理解的是,web页面表格设置设备中还支持用户拖拽表格中某一列,web页面表格设置设备根据用户的拖拽操作调整表格中信息的排序,使得用户操作更加便捷。It is understandable that the web page table setting device also supports the user to drag and drop a column in the table, and the web page table setting device adjusts the sorting of information in the table according to the user's drag operation, making the user operation more convenient.
本实施例中web页面表格设置设备根据需求调整表格中各个单元格的排列,使得web页面中表格排列的调整更加便捷。In this embodiment, the web page table setting device adjusts the arrangement of each cell in the table according to the requirements, so that the adjustment of the table arrangement in the web page is more convenient.
进一步地,基于本发明web页面表格设置方法上述实施例,提出本发明web页面表格设置方法第五实施例。Further, based on the above embodiments of the web page table setting method of the present invention, a fifth embodiment of the web page table setting method of the present invention is proposed.
本实施例是第一实施例中步骤S30之后的步骤,本实施例与第一实施例的区别在于:This embodiment is a step after step S30 in the first embodiment. The difference between this embodiment and the first embodiment is:
在接收到基于所述表格设置窗口输入的确认指令时,将所述表格设置窗口中的表格配置信息与所述web页面中的表格进行关联保存。When receiving a confirmation instruction input based on the form setting window, the form configuration information in the form setting window is associated with the form in the web page and saved.
web页面表格设置设备在接收到基于表格设置窗口输入的确认指令时,web页面表格设置设备将表格设置窗口中的表格配置信息与web页面中的表格进行关联保存,本发明实施例中,web页面表格设置设备根据用户输入的表格配置信息对表格进行实时调整,在接收到确认指令web页面表格设置设备执行关联保存操作,以固定web页面中的表格。When the web page form setting device receives the confirmation instruction input based on the form setting window, the web page form setting device associates and saves the form configuration information in the form setting window and the form in the web page. In this embodiment of the present invention, the web page The form setting device adjusts the form in real time according to the form configuration information input by the user, and after receiving the confirmation instruction web page form setting device performs an associated save operation to fix the form in the web page.
进一步地,基于本发明web页面表格设置方法上述实施例,提出本发明web页面表格设置方法第六实施例。Further, based on the above embodiments of the web page table setting method of the present invention, a sixth embodiment of the web page table setting method of the present invention is proposed.
本实施例可以与上述任意一个实施例进行结合,本实施例与第一实施例的区别在于:This embodiment can be combined with any of the above-mentioned embodiments. The difference between this embodiment and the first embodiment is:
在接收到web页面加载请求时,判断所述web页面加载请求对应的web页面中是否存在表格;When receiving the web page loading request, determine whether there is a table in the web page corresponding to the web page loading request;
若所述web页面中存在表格,则获取当前登录用户的账户标识,和所述账户标识对应的表格配置信息;If there is a form in the web page, obtain the account identifier of the currently logged in user, and the form configuration information corresponding to the account identifier;
若所述账户标识对应的表格配置信息与所述表格当前的表格配置信息不同,则根据所述账户标识对应的表格配置信息,调整所述web页面中的表格。If the table configuration information corresponding to the account identifier is different from the current table configuration information of the table, the table in the web page is adjusted according to the table configuration information corresponding to the account identifier.
web页面表格设置设备在接收到web页面加载请求时,web页面表格设置解析web页面加载请求对应的前端代码,web页面表格设置设备根据前端代码的解析结果,判断web页面加载请求对应的web页面中是否存在表格;若web页面中不存在表格,则不作处理;若web页面中存在表格,web页面表格设置设备获取当前登录用户的账户标识,和账户标识对应的表格配置信息。When the web page form setting device receives the web page loading request, the web page form setting parses the front-end code corresponding to the web page loading request, and the web page form setting device judges the web page corresponding to the web page loading request according to the parsing result of the front-end code. Whether there is a form; if there is no form in the web page, it will not be processed; if there is a form in the web page, the web page form setting device obtains the account ID of the currently logged-in user and the form configuration information corresponding to the account ID.
web页面表格设置设备判断账户标识对应的表格配置信息与表格当前的表格配置信息是否相同,若账户标识对应的表格配置信息与表格当前的表格配置信息相同,web页面表格设置设备按照表格当前的表格配置信息加载web页面中的表格,若账户标识对应的表格配置信息与表格当前的表格配置信息不同,web页面表格设置设备根据账户标识对应的表格配置信息,调整web页面中的表格。The web page table setting device determines whether the table configuration information corresponding to the account ID is the same as the current table configuration information of the table. The configuration information loads the table in the web page. If the table configuration information corresponding to the account ID is different from the current table configuration information of the table, the web page table setting device adjusts the table in the web page according to the table configuration information corresponding to the account ID.
本实施例中web页面表格设置设备在进行页面加载时,可以根据当前登录用户的账户标识调整web页面中的表格,实现了web页面中表格的自动调整,使得web页面中的表格调整更加智能。In this embodiment, the web page table setting device can adjust the table in the web page according to the account ID of the currently logged in user when the page is loaded, which realizes the automatic adjustment of the table in the web page, and makes the adjustment of the table in the web page more intelligent.
参考图5,本发明实施例还提供一种web页面表格设置装置,所述web页面表格设置装置包括:Referring to FIG. 5 , an embodiment of the present invention further provides a web page form setting apparatus, where the web page form setting apparatus includes:
请求接收模块10,用于在接收到表格设置请求时,获取web页面中所述表格设置请求对应的表格;The
窗口输出模块20,用于根据所述表格中的信息生成表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息;A
表格调整模块30,用于在检测到表格配置信息输入完成时,根据所述表格配置信息,调整所述web页面中的表格。The
在一实施例中,所述窗口输出模块20,包括:In one embodiment, the
信息解析单元,用于解析所述表格确定所述表格中信息的维度,获取各维度信息对应的表格配置项,其中,所述表格配置项包括尺寸配置项、显示配置项、排列配置项和/或内容配置项;An information parsing unit, configured to parse the table to determine the dimensions of the information in the table, and obtain table configuration items corresponding to each dimension information, wherein the table configuration items include size configuration items, display configuration items, arrangement configuration items and/or or content configuration items;
窗口输出单元,用于将各所述维度信息与所述维度信息对应的所述表格配置项添加到预设模板中,得到表格设置窗口并输出,以供用户基于所述表格设置窗口输入表格配置信息。A window output unit, configured to add the dimension information and the table configuration items corresponding to the dimension information into a preset template, obtain a table setting window and output it, so that the user can input the table configuration based on the table setting window information.
在一实施例中,所述的web页面表格设置装置,包括:In one embodiment, the web page form setting device includes:
接收确定模块,用于在接收到基于所述表格设置窗口输入的表格配置信息时,确定所述表格配置信息对应的表格配置项;a receiving and determining module, configured to determine a table configuration item corresponding to the table configuration information when receiving the table configuration information input based on the table setting window;
规则判断模块,用于查询预设规则表,获取所述表格配置项对应的信息设置规则,判断所述表格配置信息是否符合所述信息设置规则;a rule judgment module, configured to query a preset rule table, obtain the information setting rule corresponding to the table configuration item, and judge whether the table configuration information complies with the information setting rule;
第一判定模块,用于在所述表格配置信息不符合所述信息设置规则时,输出提示信息,以提示用户重新输入;a first determination module, configured to output prompt information to prompt the user to re-input when the table configuration information does not conform to the information setting rule;
第二判定模块,用于在所述表格配置信息符合所述信息设置规则时,判定表格配置信息输入完成,并执行所述根据所述表格配置信息调整所述web页面中的表格的步骤。The second determination module is configured to determine that the input of the table configuration information is completed when the table configuration information conforms to the information setting rule, and perform the step of adjusting the table in the web page according to the table configuration information.
在一实施例中,所述表格调整模块30,包括:In one embodiment, the
信息确定单元,用于在检测到表格配置信息输入完成时,确定所述表格配置信息对应的表格配置项;an information determination unit, configured to determine the table configuration item corresponding to the table configuration information when it is detected that the table configuration information is input;
提示输出单元,用于若所述表格配置信息对应的表格配置项为尺寸配置项,则输出提示信息,以提示用户输入字符缩放指令;a prompt output unit, configured to output prompt information to prompt the user to input a character scaling instruction if the table configuration item corresponding to the table configuration information is a size configuration item;
尺寸获取单元,用于在接收到字符缩放指令时,获取所述表格配置信息中的当前表格尺寸,及所述当前表格尺寸对应的当前字符尺寸,并按照所述当前字符尺寸调整所述表格中字符的大小。A size obtaining unit, configured to obtain the current table size in the table configuration information and the current character size corresponding to the current table size when receiving a character scaling instruction, and adjust the size of the table according to the current character size size of characters.
在一实施例中,所述表格调整模块30,包括:In one embodiment, the
信息确定单元,用于在检测到表格配置信息输入完成时,确定所述表格配置信息对应的表格配置项;an information determining unit, configured to determine a table configuration item corresponding to the table configuration information when it is detected that the table configuration information is input;
排序调整单元,用于若所述表格配置信息对应的表格配置项为排列配置项,则获取所述排列配置项中的维度序号,按照所述维度序号调整所述表格中各维度信息的排序。The sorting adjustment unit is configured to obtain the dimension serial number in the sorting configuration item if the table configuration item corresponding to the table configuration information is an sorting configuration item, and adjust the sorting of each dimension information in the table according to the dimension serial number.
在一实施例中,所述的web页面表格设置装置,包括:In one embodiment, the web page form setting device includes:
关联保存模块,用于在接收到基于所述表格设置窗口输入的确认指令时,将所述表格设置窗口中的表格配置信息与所述web页面中的表格进行关联保存。The associated saving module is configured to associate and save the table configuration information in the table setting window and the table in the web page when receiving a confirmation instruction input based on the table setting window.
在一实施例中,所述的web页面表格设置装置,还包括:In one embodiment, the web page form setting device further includes:
加载判断模块,用于在接收到web页面加载请求时,判断所述web页面加载请求对应的web页面中是否存在表格;A loading judgment module, configured to judge whether there is a table in the web page corresponding to the web page loading request when receiving the web page loading request;
登录获取模块,用于若所述web页面中存在表格,则获取当前登录用户的账户标识,和所述账户标识对应的表格配置信息;a login acquisition module, configured to acquire the account identifier of the currently logged in user and the form configuration information corresponding to the account identifier if there is a form in the web page;
表格调整模块,用于若所述账户标识对应的表格配置信息与所述表格当前的表格配置信息不同,则根据所述账户标识对应的表格配置信息,调整所述web页面中的表格。A form adjustment module, configured to adjust the form in the web page according to the form configuration information corresponding to the account identifier if the form configuration information corresponding to the account identifier is different from the current form configuration information of the form.
上述各程序模块所执行的方法可参照本发明web页面表格设置方法各个实施例,此处不再赘述。For the methods executed by the above program modules, reference may be made to the various embodiments of the web page table setting method of the present invention, which will not be repeated here.
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。It should be noted that, herein, the terms "comprising", "comprising" or any other variation thereof are intended to encompass non-exclusive inclusion, such that a process, method, article or system comprising a series of elements includes not only those elements, It also includes other elements not expressly listed or inherent to such a process, method, article or system. Without further limitation, an element qualified by the phrase "comprising a..." does not preclude the presence of additional identical elements in the process, method, article or system that includes the element.
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。The above-mentioned serial numbers of the embodiments of the present invention are only for description, and do not represent the advantages or disadvantages of the embodiments.
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台服务器设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。From the description of the above embodiments, those skilled in the art can clearly understand that the method of the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation. Based on such understanding, the technical solutions of the present invention can be embodied in the form of software products in essence or the parts that make contributions to the prior art, and the computer software products are stored in a storage medium (such as ROM/RAM) as described above. , magnetic disk, optical disk), including several instructions to make a server device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to execute the methods described in the various embodiments of the present invention.
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。The above are only preferred embodiments of the present invention, and are not intended to limit the scope of the present invention. Any equivalent structure or equivalent process transformation made by using the contents of the description and drawings of the present invention, or directly or indirectly applied in other related technical fields , are similarly included in the scope of patent protection of the present invention.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910960493.6A CN110705243A (en) | 2019-10-10 | 2019-10-10 | Web page table setting method, device, equipment and computer storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910960493.6A CN110705243A (en) | 2019-10-10 | 2019-10-10 | Web page table setting method, device, equipment and computer storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110705243A true CN110705243A (en) | 2020-01-17 |
Family
ID=69200116
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910960493.6A Pending CN110705243A (en) | 2019-10-10 | 2019-10-10 | Web page table setting method, device, equipment and computer storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110705243A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
| CN112099801A (en) * | 2020-11-03 | 2020-12-18 | 广州市玄武无线科技股份有限公司 | Excel analysis method and system based on metadata driving |
| CN112558957A (en) * | 2020-12-08 | 2021-03-26 | 中国联合网络通信集团有限公司 | Method and device for generating webpage table, electronic equipment and readable storage medium |
| CN112714057A (en) * | 2020-12-22 | 2021-04-27 | 北京北信源软件股份有限公司 | Instant message processing method, device, equipment and storage medium |
| CN112860258A (en) * | 2021-03-16 | 2021-05-28 | 京东方科技集团股份有限公司 | Conference system interface layout method, device and storage medium |
| CN113190561A (en) * | 2021-05-24 | 2021-07-30 | 平安国际智慧城市科技股份有限公司 | Data list configuration method and device, electronic equipment and storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020091733A1 (en) * | 2001-01-05 | 2002-07-11 | Chen Tong S. | System and method for dynamically generating tables of web pages |
| US20070239757A1 (en) * | 2006-03-30 | 2007-10-11 | Oracle International Corporation | Dynamic Tables with Dynamic Rows for Use with a User Interface Page |
| US20070277099A1 (en) * | 2006-05-23 | 2007-11-29 | Kojiro Nakayama | Page source data generation method, page source data generation system, and program |
| CN107220378A (en) * | 2017-06-26 | 2017-09-29 | 福建中金在线信息科技有限公司 | Form sort method and device, WEB page methods of exhibiting and device |
| CN107908659A (en) * | 2017-10-17 | 2018-04-13 | 深圳前海微众银行股份有限公司 | Data sheet collocation method, report platform and computer-readable recording medium |
| CN107943770A (en) * | 2017-11-13 | 2018-04-20 | 深圳开思时代科技有限公司 | Web page form speed input method and device based on spare and accessory parts transaction platform |
| US20180157467A1 (en) * | 2016-12-03 | 2018-06-07 | Thomas STACHURA | Spreadsheet-Based Software Application Development |
| CN109840303A (en) * | 2019-01-02 | 2019-06-04 | 平安科技(深圳)有限公司 | Original list method for customizing, device, equipment and computer readable storage medium |
| CN110287472A (en) * | 2019-06-28 | 2019-09-27 | 湖南御家科技有限公司 | Report configuration method, system, equipment and computer readable storage medium |
-
2019
- 2019-10-10 CN CN201910960493.6A patent/CN110705243A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020091733A1 (en) * | 2001-01-05 | 2002-07-11 | Chen Tong S. | System and method for dynamically generating tables of web pages |
| US20070239757A1 (en) * | 2006-03-30 | 2007-10-11 | Oracle International Corporation | Dynamic Tables with Dynamic Rows for Use with a User Interface Page |
| US20070277099A1 (en) * | 2006-05-23 | 2007-11-29 | Kojiro Nakayama | Page source data generation method, page source data generation system, and program |
| US20180157467A1 (en) * | 2016-12-03 | 2018-06-07 | Thomas STACHURA | Spreadsheet-Based Software Application Development |
| CN107220378A (en) * | 2017-06-26 | 2017-09-29 | 福建中金在线信息科技有限公司 | Form sort method and device, WEB page methods of exhibiting and device |
| CN107908659A (en) * | 2017-10-17 | 2018-04-13 | 深圳前海微众银行股份有限公司 | Data sheet collocation method, report platform and computer-readable recording medium |
| CN107943770A (en) * | 2017-11-13 | 2018-04-20 | 深圳开思时代科技有限公司 | Web page form speed input method and device based on spare and accessory parts transaction platform |
| CN109840303A (en) * | 2019-01-02 | 2019-06-04 | 平安科技(深圳)有限公司 | Original list method for customizing, device, equipment and computer readable storage medium |
| CN110287472A (en) * | 2019-06-28 | 2019-09-27 | 湖南御家科技有限公司 | Report configuration method, system, equipment and computer readable storage medium |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111274781A (en) * | 2020-01-21 | 2020-06-12 | 北京三快在线科技有限公司 | Table display method and device, storage medium and electronic equipment |
| CN112099801A (en) * | 2020-11-03 | 2020-12-18 | 广州市玄武无线科技股份有限公司 | Excel analysis method and system based on metadata driving |
| CN112558957A (en) * | 2020-12-08 | 2021-03-26 | 中国联合网络通信集团有限公司 | Method and device for generating webpage table, electronic equipment and readable storage medium |
| CN112558957B (en) * | 2020-12-08 | 2024-02-13 | 中国联合网络通信集团有限公司 | Method and device for generating webpage form, electronic equipment and readable storage medium |
| CN112714057A (en) * | 2020-12-22 | 2021-04-27 | 北京北信源软件股份有限公司 | Instant message processing method, device, equipment and storage medium |
| CN112714057B (en) * | 2020-12-22 | 2023-04-07 | 北京北信源软件股份有限公司 | Instant message processing method, device, equipment and storage medium |
| CN112860258A (en) * | 2021-03-16 | 2021-05-28 | 京东方科技集团股份有限公司 | Conference system interface layout method, device and storage medium |
| CN113190561A (en) * | 2021-05-24 | 2021-07-30 | 平安国际智慧城市科技股份有限公司 | Data list configuration method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110705243A (en) | Web page table setting method, device, equipment and computer storage medium | |
| JP4865983B2 (en) | Network server | |
| US7370032B2 (en) | Data gathering | |
| CN106990970B (en) | MVC-based dynamic page generation method and system | |
| CN106033471A (en) | Method and device for processing form | |
| CN107369090A (en) | Open an account generation method, equipment and the computer-readable recording medium of the page | |
| CN109840303A (en) | Original list method for customizing, device, equipment and computer readable storage medium | |
| CN110853117A (en) | Diagram drawing method, device, equipment and storage medium | |
| CN112947900B (en) | Web application development method and device, server and development terminal | |
| CN110825745B (en) | Page generation method and device | |
| CN114116712A (en) | Extended field processing method, device, electronic device and storage medium | |
| CN112825038A (en) | Visual page making method based on general component language specification and related product | |
| CN110928540A (en) | Page generation method and device | |
| CN109948133B (en) | Data form realization method based on Layu | |
| JP6723976B2 (en) | Test execution device and program | |
| CN119045816A (en) | Automatic page generation method, device, equipment and medium based on query SQL statement | |
| CN106933552B (en) | Data processing method and front-end code generating device | |
| JP6032250B2 (en) | Program generating apparatus, information processing apparatus, control method, and program | |
| CN110515618B (en) | Page information input optimization method, equipment, storage medium and device | |
| CN116627986B (en) | Form realization method and system capable of dynamically configuring display and search | |
| CN111966349A (en) | Method, device and computer equipment for developing programs based on BS (browser/server) architecture | |
| CN112115399A (en) | Method and device for changing page theme based on cs, electronic equipment and computer readable medium | |
| CN106227713B (en) | Document processing method and device | |
| CN115659932A (en) | Extensible form configuration method and system based on object-oriented idea | |
| CN114706580A (en) | Front-end webpage development method and device, storage medium and electronic equipment |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200117 |