CN116257163A - 一种在低代码平台中用于记录查询的页面布局及控制方法 - Google Patents
一种在低代码平台中用于记录查询的页面布局及控制方法 Download PDFInfo
- Publication number
- CN116257163A CN116257163A CN202211632593.4A CN202211632593A CN116257163A CN 116257163 A CN116257163 A CN 116257163A CN 202211632593 A CN202211632593 A CN 202211632593A CN 116257163 A CN116257163 A CN 116257163A
- Authority
- CN
- China
- Prior art keywords
- query
- area
- button
- displaying
- view
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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/248—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提出了一种在低代码平台中用于记录查询的界面布局及控制方法,把界面分为视图区、导航区和选项区,视图区用于显示视图,导航区用于显示导航树,选项区用于显示功能选项,功能选项至少包括:全库查询、包含下级、锁定查询条件。视图区可以显示多个视图,每个视图对应一个页签,每个页签又包含查询栏、列表区、按钮栏,查询栏用于显示查询器和查询按钮,列表区用于显示记录列表,按钮栏用于显示功能按钮。控制方法包括界面加载逻辑和查询控制逻辑。
Description
技术领域
本发明属于电子信息技术领域,具体涉及一种在低代码平台中用于记录查询的页面布局及控制方法。
背景技术
在低代码平台中,记录查询是一个非常常用的功能,很多低代码平台的记录查询功能非常简单,就是记录列表+查询框+操作按钮,这样的界面虽然使用起来很简单,但查询功能却不是很强大。也有一些低代码平台提供了强大的页面定制功能,让用户自己来设计查询页面,这样的功能对用户来说使用难度很大。
发明内容
针对上述问题,本发明提供了一种在低代码平台中用于记录查询的页面布局及控制方法,能为用户提供强大的记录查询和管理功能,且界面简单易用。
本发明的第一方面,页面配置:在服务器后台进行页面配置,指定在页面上显示的视图列表,对每个视图配置导航树、显示列、查询器、功能按钮。导航树用于显示指定的与记录相关的分类或从数据库中提取的指定字段的值列表,提供对记录进行分类筛选的功能,显示列用来显示记录属性或其他与记录相关的内容,查询器用于按记录属性进行查询,功能按钮用于调用相应的功能代码。
本发明的第二方面,页面布局:把页面分为视图区、导航区和选项区,视图区用于显示视图,导航区用于显示导航树,选项区用于显示功能选项,功能选项至少包括:全库查询、包含下级、锁定查询条件。视图区可以显示多个视图,每个视图对应一个页签,每个页签又包含查询栏、列表区、按钮栏,查询栏用于显示查询器和查询按钮,列表区用于显示记录列表,按钮栏用于显示功能按钮。
本发明的第三方面,页面加载:在浏览器中打开指定的页面时,从后台服务器读取页面配置,根据页面配置,为每个视图创建一个页签,每个页签里面包括查询栏、列表区、按钮栏,在查询栏里面为该视图的每个查询器生成一个静态文本和一个输入框,静态文本显示查询器的名称,输入框用于输入查询内容,在查询栏的最后添加查询按钮和重置按钮,在按钮栏里面为该视图的每个功能按钮生成一个按钮;最后自动选中第一个页签;当某个页签被选中的时候,在导航区中加载该视图对应的导航树,在列表区中按初始条件加载该视图的记录列表。
本发明的第四方面,查询控制:当用户点击导航树上的节点时,如果“锁定查询条件”选项被勾选,则保持所有查询器的输入不变,否则清空所有查询器的输入,并用导航树上的选中节点、“包含下级”选项的值和所有查询器的输入作为查询条件,重新查询显示记录列表;当用户点击查询按钮时,如果“全库查询”选项被勾选,则仅以所有查询器的输入作为查询条件,否则以导航树的选中节点、“包含下级”选项的值和所有查询器的输入作为查询条件,重新查询显示记录列表;当用户点击重置按钮时,清空所有查询器的输入,并触发查询按钮的操作。在执行查询的过程中,如果查询条件中包含了导航树节点,如果“包含下级”选项被勾选,则表示在与该导航树节点及其所有下级节点相关的记录集中进行查询,否则只在与该导航树节点相关的记录集中进行查询。
附图说明:
图1界面布局示意图
图2生成的“文件审批管理”页面
具体实施方式
下面将结合说明书中的附图,对本发明的实施方案进行举例说明,此处所描述的实施方案仅仅是一个典型的实施方案,根据本发明还可以设计出其他的实施方案。
本实施例以配置生成一个文件审批管理页面,来说明如何实现本发明提出的技术方案。本实施例采用的开发语言是JAVA、HTML/JS,服务器采用Tomcat,浏览器采用Chrome,界面控件采用EasyUI。
页面配置:
文件审批管理页面包含两个视图:待审批视图、已审批视图;待审批视图包括两个查询器:文件名称、审批状态,显示列包括四个字段:文件名称、创建人、创建时间、审批状态,功能按钮包括:新建、编辑、删除、审批,导航树采用按文件所属的“部门分类”进行导航;已审批视图包括两个查询器:文件名称、审批状态,显示列包括四个字段:文件名称、创建人、创建时间、审批状态,功能按钮包括:查看、归档,导航树采用按文件的“文件类型”属性进行导航。
界面加载:
1)从服务器获取页面配置信息;
2)在视图区生成两个页签:待审批、已审批;在“待审批”页签下的查询栏中,生成两个查询器:文件名称、审批状态,并添加两个按钮:查询、重置,在列表区生成一个包含四列的表格:文件名称、创建人、创建时间、审批状态,在按钮栏生成四个按钮:新建、编辑、删除、审批;在
“已审批”页签下的查询栏中,生成两个查询器:文件名称、审批状态,并添加两个按钮:查询、重置,在列表区生成一个包含四列的表格:文件名称、创建人、创建时间、审批状态,在按钮栏生成两个按钮:查看、归档;自动选中“待审批”页签。
3)当“待审批”页签被选中时,显示“待审批”页签下的内容,在导航区中加载“部门分类”,按树状结构显示,并在列表区中按初始条件加载待审批文件列表。
4)当“已审批”页签被选中时,显示“已审批”页签下的内容,在导航区中加载“文件类型”列表,按树状结构显示,并在列表区中按初始条件加载已审批文件列表。
查询控制:
在导航树控件上绑定节点点击事件,当用户点击导航树上的节点时,如果“锁定查询条件”选项被勾选,则保持所有查询器的输入不变,否则清空所有查询器的输入,并用导航树上的选中节点、“包含下级”选项的值和所有查询器的输入作为查询条件,重新查询显示记录列表;
在查询按钮上绑定点击事件,当用户点击查询按钮时,如果“全库查询”选项被勾选,则仅以所有查询器的输入作为查询条件,否则以导航树的选中节点、“包含下级”选项的值和所有查询器的输入作为查询条件,重新查询显示记录列表;
在重置按钮上绑定点击事件,当用户点击重置按钮时,清空所有查询器的输入,并触发查询按钮的操作。
Claims (3)
1.一种在低代码平台中用于记录查询的页面布局及控制方法,其特征在于,包括三个方面:页面配置、页面布局、页面加载:
所述的页面配置,是指在服务器后台进行页面配置,指定在页面上显示的视图列表,对每个视图配置导航树、显示列、查询器、功能按钮。导航树用于显示指定的与记录相关的分类或从数据库中提取的指定字段的值列表,提供对记录进行分类筛选的功能,显示列用来显示记录属性或其他与记录相关的内容,查询器用于按记录属性进行查询,功能按钮用于调用相应的功能代码;
所述的页面布局,是指把页面分为视图区、导航区和选项区,视图区用于显示视图,导航区用于显示导航树,选项区用于显示功能选项,功能选项至少包括:全库查询、包含下级、锁定查询条件。视图区可以显示多个视图,每个视图对应一个页签,每个页签又包含查询栏、列表区、按钮栏,查询栏用于显示查询器和查询按钮,列表区用于显示记录列表,按钮栏用于显示功能按钮;
所述的页面加载,是指在浏览器中打开指定的页面时,从后台服务器读取页面配置,根据页面配置,为每个视图创建一个页签,每个页签里面包括查询栏、列表区、按钮栏,在查询栏里面为该视图的每个查询器生成一个静态文本和一个输入框,静态文本显示查询器的名称,输入框用于输入查询内容,在查询栏的最后添加查询按钮和重置按钮,在按钮栏里面为该视图的每个功能按钮生成一个按钮;最后自动选中第一个页签;当某个页签被选中的时候,在导航区中加载该视图对应的导航树,在列表区中按初始条件加载该视图的记录列表。
2.根据权利要求1所述的方法,其特征在于,当用户点击导航树上的节点时,如果“锁定查询条件”选项被勾选,则保持所有查询器的输入不变,否则清空所有查询器的输入,并用导航树上的选中节点、“包含下级”选项的值和所有查询器的输入作为查询条件,重新查询显示记录列表;当用户点击查询按钮时,如果“全库查询”选项被勾选,则仅以所有查询器的输入作为查询条件,否则以导航树的选中节点、“包含下级”选项的值和所有查询器的输入作为查询条件,重新查询显示记录列表;当用户点击重置按钮时,清空所有查询器的输入,并触发查询按钮的操作。在执行查询的过程中,如果查询条件中包含了导航树节点,如果“包含下级”选项被勾选,则表示在与该导航树节点及其所有下级节点相关的记录集中进行查询,否则只在与该导航树节点相关的记录集中进行查询。
3.根据权利要求1所述的方法,其特征在于,在页面布局中,视图区、导航区、选项区的相对位置,是可以改变的;在每个页签里面,查询栏、列表区、按钮栏的相对位置是可以改变的。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211632593.4A CN116257163A (zh) | 2022-12-19 | 2022-12-19 | 一种在低代码平台中用于记录查询的页面布局及控制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211632593.4A CN116257163A (zh) | 2022-12-19 | 2022-12-19 | 一种在低代码平台中用于记录查询的页面布局及控制方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116257163A true CN116257163A (zh) | 2023-06-13 |
Family
ID=86678379
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211632593.4A Pending CN116257163A (zh) | 2022-12-19 | 2022-12-19 | 一种在低代码平台中用于记录查询的页面布局及控制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116257163A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117270854A (zh) * | 2023-11-17 | 2023-12-22 | 江西格如灵科技股份有限公司 | 一种基于ugui的树形折叠结构页签创建方法和系统 |
-
2022
- 2022-12-19 CN CN202211632593.4A patent/CN116257163A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117270854A (zh) * | 2023-11-17 | 2023-12-22 | 江西格如灵科技股份有限公司 | 一种基于ugui的树形折叠结构页签创建方法和系统 |
CN117270854B (zh) * | 2023-11-17 | 2024-02-23 | 江西格如灵科技股份有限公司 | 一种基于ugui的树形折叠结构页签创建方法和系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US6233592B1 (en) | System for electronic publishing | |
US7853610B2 (en) | Virtual foldering system for blending process and content in a collaborative environment | |
Zloof | Office-by-Example: A business language that unifies data and word processing and electronic mail | |
USRE44652E1 (en) | Computer-readable data product for managing sales information | |
US6321229B1 (en) | Method and apparatus for using an information model to organize an information repository into a hierarchy of information | |
US5603025A (en) | Methods for hypertext reporting in a relational database management system | |
CA2669479C (en) | Generating end-user presentations from structured data | |
US10452768B2 (en) | Managing source annotation metadata | |
US20010003455A1 (en) | Method, system and graphic user interface for entering and editing filter conditions for filtering a database | |
KR101213798B1 (ko) | 복합 데이터 액세스 | |
JP2005515557A (ja) | 法典の履歴版及び現行版を提供する動的な法律データベース | |
ZA200503578B (en) | Adaptively interfacing with a data repository | |
KR20090028758A (ko) | 정보 재사용 방법, 정보 제공 방법, 편집 가능한 문서, 및 문서 편집 시스템 | |
US20060277203A1 (en) | Method of providing tree-structured views of data | |
JP2009104587A (ja) | 設定変更可能な追跡および報告システム用のデータおよびアプリケーションモデル | |
US20090094271A1 (en) | Variable driven method and system for the management and display of information | |
CN116257163A (zh) | 一种在低代码平台中用于记录查询的页面布局及控制方法 | |
US7085772B1 (en) | Method for processing data objects | |
US20180121042A1 (en) | Mandatory comment on action or modification | |
JPH11282882A (ja) | 文書管理方法 | |
McFedries | Teach Yourself Visually Access 2013 | |
WO2003042865A2 (en) | Taxonomy management | |
Škrbić et al. | Bibliographic records editor in XML native environment | |
Boyhan | Agricultural statistical data analysis using Stata | |
Narayanan | VTCDD Showcase |
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 |