CN103106078A - 一种软件设计的新型界面布局 - Google Patents
一种软件设计的新型界面布局 Download PDFInfo
- Publication number
- CN103106078A CN103106078A CN2013100406627A CN201310040662A CN103106078A CN 103106078 A CN103106078 A CN 103106078A CN 2013100406627 A CN2013100406627 A CN 2013100406627A CN 201310040662 A CN201310040662 A CN 201310040662A CN 103106078 A CN103106078 A CN 103106078A
- Authority
- CN
- China
- Prior art keywords
- control
- zone
- data
- data item
- user
- 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
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
一种软件设计的新型界面布局,本发明的目的是实现将数据库应用程序对数据的增加、修改、删除、查询、浏览、排序以及数据导出等操作,整合到一个操作界面中,使用户的以上操作在一个界面中就可以操作完成,避免了用户在多个界面之间切换的繁琐,并且实现了用户不用移动左右滚动条就可以看清楚全部数据的目的。本发明将用户操作界面分为5部分,分别实现数据项信息的录入或显示、条件查询及查询结果导出、数据库记录的更新、查询结果记录浏览、查询结果状态显示等功能。
Description
技术领域
本发明专利涉及到在计算机数据库应用编程设计中,是用户操作界面的一种新型布局,应用于计算机程序设计领域。
背景技术
现在的数据库应用程序,对数据的增加、修改、删除、查询、浏览、排序以及数据导出等操作,需要用户在多个操作界面之间切换才能完成并确信数据的操作,并且一般每条数据记录的数据项都比较多,要想看清全部数据,需要将左右滚动条来回移动才能实现,这些都增加了操作的复杂度。本发明专利是基于现在的计算机显示器分辨率普遍较高的情况下,将数据的增加、修改、删除、查询、浏览、排序以及数据导出等操作整合到一个操作界面中,方便了用户的操作。
发明内容
本发明专利的目的是实现将数据库应用程序对数据的增加、修改、删除、查询、浏览、排序以及数据导出等操作,整合到一个操作界面中,使用户的以上操作在一个界面中就可以操作完成,避免了用户在多个界面之间切换的繁琐,并且实现了用户不用移动左右滚动条就可以看清楚某条记录全部数据项的目的。
本发明专利解决其技术问题所采用的技术方案参见图1,具体是:1.在操作界面的区域(1)中实现各个数据项信息的录入或显示,在区域(2)中实现条件查询的各种操作,并具有将查询结果导出的功能,在区域(3)中实现数据库记录的更新操作,在区域(4)中实现数据记录查询结果的浏览,并且各信息项都具有排序功能,区域(5)作为状态栏,显示查询结果的汇总信息,包括总的记录条数、符合查询条件的记录条数、符合条件的记录中关键数据项的汇总和、符合条件的记录中关键数据项的平均值。2.新数据录入完毕,在区域(4)中清楚地显示刚录入完毕的数据信息。3.点击区域(4)中的每一条记录,相应记录的数据项都显示在区域(1)中的对应位置,避免了来回拖动左右滚动条来查看一条记录中所有数据项的麻烦。4.为保持界面的整洁性,将区域(1)(2)(3)(4)(5)设计成左右边界都对齐,并且区域(1)(2)(3)(5)中每行中的控件都设置成底端对齐。5.区域(1)占用的空间高度根据实际数据项数目的多少确定,但是经过调整其高度不能超过整个界面高度的1/2。区域(2)和区域(3)的高度在740到800个像素之间,区域(2)占界面宽度的2/3左右,区域(3)占界面宽度的1/3左右。区域(5)的高度占12到15个像素。区域(4)的高度占据剩余区域的高度。
图1中区域1中控件的个数和种类根据具体程序中每条记录数据项的个数和相应数据项中数据的类型确定,除了标签控件之外,文本框控件、列表框控件、日期时间控件等控件的个数等于对应数据库中数据表包含的数据项的个数,并且各个控件的宽度,要根据对应数据项所能接收的字符的多少和界面布局的美观进行调整。为了更清楚地说明图1中区域1中控件的数量、类型以及布局,通过图2 和图3进一步进行说明。图2是发明人设计开发的科研信息管理系统中的期刊管理窗口中与图1中区域(1)对应的区域的平面结构示意图,图3是发明人设计开发的科研信息管理系统中的论文信息管理窗口中与图1中区域(1)对应的区域的平面结构示意图,这两个应用中控件的数量、类型以及布局都不一样,但是界面整体布局清晰、美观。
在图4中进行如下设置:(66)是GroupBox控件,其属性Text的值是“查询操作”;(67)是一个标签控件,其属性Text的值是“时间段”;(68)和(69)都是日期时间控件,用于设定查询条件中的起始时间和终止时间;(70)是标签控件,其属性Text的值是“请选择1”;(71)是列表框控件,其属性Items中预先存储可以提供查询的数据项的名称;(72)是标签控件,其属性Text的值是“请输入1”;(73)是列表框控件,如果(71)中选择的数据项的值是在某一些具体的数据中筛选,则其属性Items中预先存储可以提供选择的数据信息,否则其属性Items为空;(74)是标签控件,其属性Text的值是“请选择2”;(75)是列表框控件,其属性Items中预先存储可以提供查询的数据项的名称;(76)是标签控件,其属性Text的值是“请输入2”;(77)是列表框控件,如果(75)中选择的数据项的值是在某一些具体的数据中筛选,则其属性Items中预先存储可以提供选择的数据信息,否则其属性Items为空;(78)是按钮控件,其属性Text的值是“查询”,功能是点击该按钮后,程序执行查询功能;(79)是按钮控件,其属性Text的值是“结果导出”,功能是点击该按钮后,程序执行将查询结果导出到文件的功能。
在图5中进行如下设置: (80)是GroupBox控件,其属性Text的值是“更新操作”;(81)是录入按钮,功能是点击此按钮后,按钮(82)变为可用状态,并且图1中区域(1)中的相应控件都变为可用状态,供用户编辑;(82)是保存按钮,默认状态是不可用状态,功能是将图1中区域(1)中的信息保存到数据库中,保存完毕,又变为不可用状态;(83)是修改按钮,默认状态为不可用,只有用户在图1中的区域(4)中双击相应记录时,该按钮才变为可用状态,并且用户双击的相应记录的各个数据项信息都显示在图1中区域(1)中对应的控件中,此时再点击此按钮,然后在图1中的区域(1)中修改相应信息,再点击按钮(82),就实现了用户对相应记录数据项信息的修改操作;(84)是删除按钮,默认状态为不可用,只有用户在图1中的区域(4)中双击相应记录时,该按钮才变为可用状态,并且用户双击的相应记录的各个数据项的信息都显示在图1中的区域(1)中的对应控件中,此时如果用户点击此按钮,用户双击的那一条信息就会被删除掉。
图6是发明人设计开发的科研信息管理系统中的论文管理窗口中与图1中区域(4)对应的区域的平面结构示意图,在图6中进行如下设置:整个图6用到的控件是DataGridView控件,其中(85)是数据浏览显示区域;(86)(87)(88)(89)(90)(91)都是与DataGridView控件关联的数据表或者视图中对应的数据项的名称,具体数据项的个数根据程序中数据项的个数确定。如果数据项的个数比较多,则编程工具提供的DataGridView控件会自动生成左右滚动条,通过移动左右滚动条,可以查看所有数据项的内容。
在图7中进行如下设置:(1)(2)(3)(4)都是标签控件,(1)显示总共记录条数;(2)显示符合条件的记录条数;(3)显示符合条件的记录中关键数据项的汇总和;(4)显示符合条件的记录中关键数据项的平均值。
附图说明
图1.本发明专利的平面结构示意图。图2. 图1中区域(1)的平面结构示意图之一期刊管理窗口。图3. 图1中区域(1)的平面结构示意图之二论文信息管理窗口。图4. 图1中区域(2)的平面结构示意图。图5. 图1中区域(3)的平面结构示意图。图6. 图1中区域(4)的平面结构示意图。图7. 图1中区域(5)的平面结构示意图。
图中标记:1.各项数据输入及显示区域;2.查询条件选择区域;3.数据库记录更新操作区域;4.数据记录查询结果浏览区域;5.状态栏;6.刊物名称标签控件;7.刊物名称文本框控件;8.刊物类型标签控件;9.刊物类型列表框控件;10.检索级别标签控件;11.检索级别列表框控件;12.认定级别标签控件;13.认定级别列表框控件;14.认定年份标签控件;15.认定年份日期时间控件;16.期刊CN号标签控件;17. 期刊CN号文本框控件;18.文种标签控件;19.文种列表框控件;20.专管单位标签控件;21.主管单位文本框控件;22.主办单位标签控件;23.主办单位文本框控件;24.学科大类标签控件;25.学科大类列表框控件;26.学科小类标签控件;27.学科小类列表框控件;28.备注信息标签控件;29.备注信息文本框控件;30.作者编号标签控件;31. 作者编号列表框控件;32.论文题目标签控件;33.论文题目文本框控件;34.研究类别标签控件;35.研究类别列表框控件;36.学科门类标签控件;37.学科门类列表框控件;38.一级学科标签控件;39.一级学科列表框控件;40.二级学科标签控件;41.二级学科列表框控件;42.字数(千)标签控件;43.字数文本框控件;44.发表时间标签控件;45.发表时间日期时间控件;46.刊物类型标签控件;47.刊物类型列表框控件;48.刊物名称标签控件;49.刊物名称列表框控件;50.资助项目标签控件;51.资助项目文本框控件;52.作者总数标签控件;53.作者总数文本框控件;54.本人位次标签控件;55.本人位次文本框控件;56.认定级别标签控件;57.认定级别列表框控件;58.检索级别标签控件;59.检索级别列表框控件;60.基本分值标签控件;61.基本分值文本框控件;62.本人得分标签控件;63.本人得分文本框控件;64.备注信息标签控件;65.备注信息文本框控件;66.查询操作GroupBox控件;67.时间段标签控件;68.起始时间日期时间控件;69.终止时间日期时间控件;70.请选择1标签控件;71.请选择1列表框控件;72.请输入1标签控件;73.请输入1列表框控件;74.请选择2标签控件;75.请选择2列表框控件;76.请输入2标签控件;77.请输入2列表框控件;78.查询按钮控件;79.结果导出按钮控件;80. 更新操作GroupBox控件;81.录入按钮控件;82.保存按钮控件;83.修改按钮控件;84.删除按钮控件;85.DataGridView控件;86.人员编号数据项;87.姓名数据项;88.论文题目数据项;89.研究类别数据项;90.学科门类数据项;91.一级学科数据项;92.符合条件的记录数标签控件;93.共有记录数标签控件;94.科研得分总计标签控件;95.科研平均得分标签控件。
具体实施方式
本发明专利的实施根据设计的程序适用的显示器的分辨率来确定具体的界面布局,但是要求显示器的分辨率在1024×768以上,否则设计界面布局过于拥挤,不方便用户使用。具体实施步骤如下。
(1)参考图2和图3,根据数据库程序中数据表中各个的数据类型、数据项的个数以及每一个数据项限定输入字符的多少,确定图1中区域(1)中的标签控件、文本框控件、列表框控件或者日期时间控件的数量以及每一个控件的宽度,并且注意将处在不同行中的控件设置成左右对齐并且将每一行中的控件设置成下边界对齐。
(2)在图4中进行如下设置:(66)是GroupBox控件,其属性Text的值是“查询操作”;(67)是一个标签控件,其属性Text的值是“时间段”;(68)和(69)都是日期时间控件,用于设定查询条件中的起始时间和终止时间;(70)是标签控件,其属性Text的值是“请选择1”;(71)是列表框控件,其属性Items中预先存储可以提供查询的数据项的名称;(72)是标签控件,其属性Text的值是“请输入1”;(73)是列表框控件,如果(71)中选择的数据项的值是在某一些具体的数据中筛选,则其属性Items中预先存储可以提供选择的数据信息,否则其属性Items为空;(74)是标签控件,其属性Text的值是“请选择2”;(75)是列表框控件,其属性Items中预先存储可以提供查询的数据项的名称;(76)是标签控件,其属性Text的值是“请输入2”;(77)是列表框控件,如果(75)中选择的数据项的值是在某一些具体的数据中筛选,则其属性Items中预先存储可以提供选择的数据信息,否则其属性Items为空;(78)是按钮控件,其属性Text的值是“查询”,功能是点击该按钮后,程序执行查询功能;(79)是按钮控件,其属性Text的值是“结果导出”,功能是点击该按钮后,程序执行将查询结果导出到文件的功能。
(3) 在图5中进行如下设置: (80)是GroupBox控件,其属性Text的值是“更新操作”;(81)是录入按钮,功能是点击此按钮后,按钮(82)变为可用状态,并且图1中区域(1)中的相应控件都变为可用状态,供用户编辑;(82)是保存按钮,默认状态是不可用状态,功能是将图1中区域(1)中的信息保存到数据库中,保存完毕,又变为不可用状态;(83)是修改按钮,默认状态为不可用,只有用户在图1中的区域(4)中双击相应记录时,该按钮才变为可用状态,并且用户双击的相应记录的各个数据项信息都显示在图1中区域(1)中对应的控件中,此时再点击此按钮,然后在图1中的区域(1)中修改相应信息,再点击按钮(82),就实现了用户对相应记录数据项信息的修改操作;(84)是删除按钮,默认状态为不可用,只有用户在图1中的区域(4)中双击相应记录时,该按钮才变为可用状态,并且用户双击的相应记录的各个数据项的信息都显示在图1中的区域(1)中的对应控件中,此时如果用户点击此按钮,用户双击的那一条信息就会被删除掉。
(4)在图6中添加DataGridView控件,并将相应列绑定到数据表中的相应信息项上。
(5) 在图7中进行如下设置:(1)(2)(3)(4)都是标签控件,(1)显示总共记录条数;(2)显示符合条件的记录条数;(3)显示符合条件的记录中关键数据项的汇总和;(4)显示符合条件的记录中关键数据项的平均值。
Claims (3)
1.一种软件设计的新型界面布局,通过将整个操作界面划分成5个部分,每一部分都有固定的功能,其特征是:将数据库程序中数据的增加、修改、删除、查询、浏览等操作整合到一个操作界面中,并且具体功能如下:1.在操作界面的区域(1)中实现各个数据项信息的录入和显示操作,在区域(2)中实现条件查询的各种操作,在区域(3)中实现数据库记录的更新操作,在区域(4)中实现数据记录查询结果的浏览,在区域(5)中显示查询结果的汇总信息。
2.根据权利要求1所述一种软件设计的新型界面布局,其特征是:新数据录入完毕保存到数据库中后,在区域(4)中清楚地显示刚录入完毕的数据信息。
3.根据权利要求1所述一种软件设计的新型界面布局,其特征是:点击区域(4)中每一条数据,相应记录的数据项都显示在区域(1)中的对应位置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013100406627A CN103106078A (zh) | 2013-02-03 | 2013-02-03 | 一种软件设计的新型界面布局 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013100406627A CN103106078A (zh) | 2013-02-03 | 2013-02-03 | 一种软件设计的新型界面布局 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103106078A true CN103106078A (zh) | 2013-05-15 |
Family
ID=48313963
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013100406627A Pending CN103106078A (zh) | 2013-02-03 | 2013-02-03 | 一种软件设计的新型界面布局 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103106078A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107515702A (zh) * | 2016-06-16 | 2017-12-26 | 苏宁云商集团股份有限公司 | 一种页面交互方法及装置 |
CN110069303A (zh) * | 2019-03-20 | 2019-07-30 | 厦门网宿有限公司 | 一种屏幕布局更新方法及服务器、电子设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101882074A (zh) * | 2010-03-15 | 2010-11-10 | 浪潮集团山东通用软件有限公司 | 一种用于图形用户界面组合及布局的方法与系统 |
US20120143931A1 (en) * | 2009-02-17 | 2012-06-07 | Tagle Information Technology Inc. | Context-aware folders |
-
2013
- 2013-02-03 CN CN2013100406627A patent/CN103106078A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120143931A1 (en) * | 2009-02-17 | 2012-06-07 | Tagle Information Technology Inc. | Context-aware folders |
CN101882074A (zh) * | 2010-03-15 | 2010-11-10 | 浪潮集团山东通用软件有限公司 | 一种用于图形用户界面组合及布局的方法与系统 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107515702A (zh) * | 2016-06-16 | 2017-12-26 | 苏宁云商集团股份有限公司 | 一种页面交互方法及装置 |
CN107515702B (zh) * | 2016-06-16 | 2020-10-27 | 苏宁易购集团股份有限公司 | 一种页面交互方法及装置 |
CN110069303A (zh) * | 2019-03-20 | 2019-07-30 | 厦门网宿有限公司 | 一种屏幕布局更新方法及服务器、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10261660B2 (en) | Orbit visualization animation | |
CN1329798C (zh) | 用于在图形用户界面中管理软件应用程序的系统和方法 | |
CN101646997B (zh) | 具有不同交互模型的可扩展主从用户界面 | |
US8769436B2 (en) | Adaptive UI regions for enterprise applications | |
US8600967B2 (en) | Automatic organization of browsing histories | |
US9959358B2 (en) | Navigation tool for device user interface | |
CN1786952B (zh) | 用于基于互联网和本地帮助内容的集成客户帮助查看器 | |
JP6596594B2 (ja) | モバイル・ユーザ・インタフェース | |
US20110004839A1 (en) | User-customized computer display method | |
US20150012813A1 (en) | Accessing multi-page data using a page index in a scrollbar | |
US20140222553A1 (en) | Dynamic Website Campaign Builder for Merchandising | |
CN101535943A (zh) | 用于元数据导航和分配的圆盘传送带式控件 | |
US20100192066A1 (en) | Method and system for a graphical user interface | |
CN102436344A (zh) | 上下文菜单 | |
CN102446094A (zh) | 用于有效地实现系统和桌面配置增强的装置和方法 | |
CN116991408B (zh) | 一种基于生成式ai的动态建站方法及系统 | |
US11151627B2 (en) | System and method for customizing photo product designs with minimal and intuitive user inputs | |
CN103106078A (zh) | 一种软件设计的新型界面布局 | |
Yu | Getting started with Salesforce Einstein analytics: A Beginner’s guide to building interactive dashboards | |
US20220414610A1 (en) | User interface to dynamically update the display of changing work steps and/or work plans for work orders | |
US20130205211A1 (en) | System and method for enterprise information dissemination | |
CN101122910A (zh) | 存储装置及打开其所存储文件的方法 | |
JP2007257364A (ja) | 電子組織図処理システム、電子組織図処理方法及びプログラム | |
CN103902190A (zh) | 网页的群组管理方法 | |
Galliano | The importance of data visualization tools in modern enterprises. Cost-effective solutions and empowering of an open source project. |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130515 |