CN109343849A - 一种***、***ui的设计方法及工业触摸屏 - Google Patents
一种***、***ui的设计方法及工业触摸屏 Download PDFInfo
- Publication number
- CN109343849A CN109343849A CN201811116010.6A CN201811116010A CN109343849A CN 109343849 A CN109343849 A CN 109343849A CN 201811116010 A CN201811116010 A CN 201811116010A CN 109343849 A CN109343849 A CN 109343849A
- Authority
- CN
- China
- Prior art keywords
- function
- design method
- thin item
- page
- thin
- 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
- 238000013461 design Methods 0.000 title claims abstract description 32
- 238000000034 method Methods 0.000 title claims abstract description 30
- 230000006870 function Effects 0.000 claims description 65
- 238000012544 monitoring process Methods 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 238000005314 correlation function Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000005316 response function Methods 0.000 description 1
- 230000033772 system development Effects 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种***、***UI的设计方法及工业触摸屏,其中***UI的设计方法包括:将***UI的框架页面划分为不同的功能区;为各功能区建立包含了对应功能细项的UI资源库;从所述UI资源库中选择相应的功能细项布置到各功能区。本发明通过将页面划分为不同功能区,进行模块化设计,使得不同***的相同部分可以调用同一个模块化设计的内容,提高了研发***的效率。
Description
技术领域
本发明涉及***UI的设计方法,尤其涉及一种***UI的模块化设计方法以及采用该方法来搭建UI的***。
背景技术
常规的***开发都是根据用户的需求来总结相应的功能,然后根据功能开发各级功能页面,每承接一个工程,就需要根据一个工程来重复一遍上述操作,但是其实同一个类型的***中,即便用户需求会各有所不同,但是也会存在较大部分的相同内容,若是一个工程就开发一次,这样会造成人员、资源的浪费。
因此,如何提供一种可提高效率的UI设计方法是业界亟待解决的技术问题。
发明内容
为了解决现有技术中存在的上述问题,本发明提出了一种***UI的设计方法,包括:
将***UI的框架页面划分为不同的功能区;
为各功能区建立包含了对应功能细项的UI资源库;
从所述UI资源库中选择相应的功能细项布置到各功能区。
优选的,还包括关联各功能区之间相关的功能细项。
优选的,还包括为各功能细项设置不同的用户权限及***的登录页面。
在本技术方案中,所述功能区包括菜单栏和数据显示区。在一实施例中,所述菜单栏仅包含一级菜单栏,所述一级菜单栏中的各功能细项与数据显示区的各功能细项直接一一对应关联或采用一对多的方式对应关联。在其他实施例中,所述菜单栏包含多级菜单栏,所述各级菜单栏的各功能细项逐级对应关联后,最后一级的菜单栏的各功能细项再与对应的数据显示区的各功能细项对应关联。例如,所述菜单栏包含两级菜单栏,所述一级菜单栏的各功能细项分别与二级菜单栏的各功能细项采用一对多的方式对应关联后,二级菜单栏的各功能细项在于数据显示区的各功能细项一一对应关联或者采用一对多的方式对应关联。
具体的,所述菜单栏的功能细项为功能列表。所述数据显示区的功能细项为具体的功能页面。
具体的,所述***UI的框架页面、登录页面以及UI资源库存储于远程服务器中。
本发明还提出了一种***,包括服务器、设于服务器内的页面,所述页面采用上述任意一项权利要求所述的设计方法来设计UI。
优选的,所述***在本地计算机上加载页面时,先访问本地计算机的页面缓存,若没有再从远程服务器中调用,并存储至页面缓存中。
优选的,所述***加载各功能细项时,先访问本地计算机的内存调用UI资源库,若没有再从远程服务器中调用,并存储至内存中。
在一个具体实施例中,所述***为电力峰调监控***。所述***包含了至少一个工程,每个工程关联一套页面和功能细项。
本发明还提出了一种工业触摸屏,其内存储有计算机程序,执行时实现上述技术方案中的设计方法。
本发明通过总结各***、各工程的共同点,开发统一的框架页面,并分为不同的功能区,根据每个功能区来设计包含有功能细项的UI数据库,使得各***、各工程在研发时,可以套用不同的模板,提高了开发效率,进一步,开发完成的***在加载时,优选从页面缓存或内存中获取相关的页面或数据,若是没有再去远程服务器中下载,提高了页面加载的速度,用户体验更佳。
附图说明
下面结合实施例和附图对本发明进行详细说明,其中:
图1是本发明的方法流程图。
图2是本发明***在加载时的流程图。
具体实施方式
根据图1所示的内容,下面详细介绍本发明提出的***UI模块化设计方法的具体步骤。
首先将***UI的整体布局划分为不同的功能区,每个功能区内都设有对应的功能细项。本实施例中根据大部分的管理***、监控***等,将UI的整体布局分为菜单栏和数据显示区,菜单栏的功能细项可以是由按钮、超链接等组成的功能列表,数据显示区的功能细项则是用来响应功能列表的具体的功能页面。
然后,为各功能区建立包含了对应的功能细项的UI资源库,即建立包含了功能列表和具体的功能页面的UI资源库。不同的***可能具体功能会存在差别,但是也有较大部分是相同的,本发明将每个功能区所涉及到的内容划分为各功能细项,随着承接的工程量的增加,可以丰富UI资源库,使UI资源库中的功能细项越来越全面,对于***UI的设计将会大大提高效率。
接着从UI资源库中根据实际工程的需要,选择对应的功能细项布置到各功能区中,之后关联各功能区之间相关的功能细项,使得用户点击上级功能区的相关功能细项可以响应对应的下级功能细项。在一个实施例中,菜单栏仅包含一级菜单栏,一级菜单栏中的各功能细项与数据显示区的各功能细项可以直接一一对应关联,或者是采用一对多的方式对应关联。在另一个实施例中,菜单栏也可以包含多级菜单栏,所述各级菜单栏的各功能细项逐级对应关联后,最后一级的菜单栏的各功能细项再与对应的数据显示区的各功能细项对应关联。例如,菜单栏可以包含两级菜单栏,一级菜单栏的各功能细项分别与二级菜单栏的各功能细项采用一对多的方式对应关联后,二级菜单栏的各功能细项再与数据显示区的各功能细项一一对应关联或者采用一对多的方式对应关联。
在上述基础上,还可以为***的用户设置相应的权限,便于***管理。
本发明还保护采用上述方法所搭建的***,包括了服务器和存储在服务器上的页面,这些页面均是采用上述技术方案中的设计方法来模块化设计的。该***可以是电力峰调监控***,电力峰调监控***中包含了至少一个工程,***的用户可以访问一个工程也可以访问多个工程,具体的依据其权限而定。每一个工程都关联一套框架页面和对应的功能细项,框架页面划分不同的功能区,在一个具体实施例中,某一个工程包含了两级菜单栏和一个数据显示区。
在具体设置用户和工程的权限,关联工程内各功能区时,可以通过ID关联成表的方式来进行。用户拥有其对应的用户ID,每个工程也有其工程ID,一个用户可能拥有多个工程的访问权限,每一组用户和工程的对应关系拥有一个用户工程ID,形成下面的表1。采用同样的方式使该用户工程ID又与一级菜单栏形成对应关系(表2),使一级菜单栏与二级菜单栏形成对应的关系(表3),使二级菜单栏与数据显示区的具体的功能页面形成对应的关系(表4)。
表1
表2
表3
表4
图2给出了***在被使用时加载页面的具体流程图。该***在使用时,首先需要打开登录页面,***会优先访问本地计算机的页面缓存,看看是否可以获取登录页面的html文件,若没有再从远程服务器中调用,并存储至页面缓存中。
用户在登录页面上输入相关信息,例如用户ID、工程ID等。然后***获取用户输入的用户ID和工程ID,根据用户ID、工程ID,优先从内存中查找用户以及工程对应的菜单栏的功能列表、数据显示区对应的具体功能页面,若是内存中没有,从远程数据库中下载并存储到内存中。
然后,***会优先访问本地计算机的页面缓存,看看是否可以获取框架页面的html文件,若没有再从远程服务器中调用,并存储至页面缓存中。然后获取的html文件按约定的区域加载显示相关的功能列表和数据显示区。
这样***通过引入页面缓存和内存数据库的方式,提高了数据获取以及页面加载的速度。
上述可实现设计方法的软件(即计算机程序)存储在工业触摸屏中,该软件(计算机程序)执行时实现上述技术方案中的设计方法。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (16)
1.一种***UI的设计方法,其特征在于,包括:
将***UI的框架页面划分为不同的功能区;
为各功能区建立包含了对应功能细项的UI资源库;
从所述UI资源库中选择相应的功能细项布置到各功能区。
2.如权利要求1所述的***UI的设计方法,其特征在于,还包括:关联各功能区之间相关的功能细项。
3.如权利要求1所述的***UI的设计方法,其特征在于,还包括:为各功能细项设置不同的用户权限及***的登录页面。
4.如权利要求1所述的***UI的设计方法,其特征在于,所述功能区包括菜单栏和数据显示区。
5.如权利要求4所述的***UI的设计方法,其特征在于,所述菜单栏仅包含一级菜单栏,所述一级菜单栏中的各功能细项与数据显示区的各功能细项直接一一对应关联或采用一对多的方式对应关联。
6.如权利要求4所述的***UI的设计方法,其特征在于,所述菜单栏包含多级菜单栏,所述各级菜单栏的各功能细项逐级对应关联后,最后一级的菜单栏的各功能细项再与对应的数据显示区的各功能细项对应关联。
7.如权利要求6所述的***UI的设计方法,其特征在于,所述菜单栏包含两级菜单栏,所述一级菜单栏的各功能细项分别与二级菜单栏的各功能细项采用一对多的方式对应关联后,二级菜单栏的各功能细项在于数据显示区的各功能细项一一对应关联或者采用一对多的方式对应关联。
8.如权利要求4所述的***UI的设计方法,其特征在于,所述菜单栏的功能细项为功能列表。
9.如权利要求4所述的***UI的设计方法,其特征在于,所述数据显示区的功能细项为具体的功能页面。
10.如权利要求3所述的***UI的设计方法,其特征在于,所述***UI的框架页面、登录页面以及UI资源库存储于远程服务器中。
11.一种***,包括服务器、设于服务器内的页面,其特征在于,所述页面采用上述任意一项权利要求所述的设计方法来设计UI。
12.如权利要求11所述的***,其特征在于,所述***在本地计算机加载页面时,先访问本地计算机的页面缓存,若没有再从远程服务器中调用,并存储至页面缓存中。
13.如权利要求11所述的***,其特征在于,所述***加载各功能细项时,先访问本地计算机的内存调用UI资源库,若没有再从远程服务器中调用,并存储至内存中。
14.如权利要求11所述的***,其特征在于,所述***为电力峰调监控***。
15.如权利要求14所述的***,其特征在于,所述***包含了至少一个工程,每个工程关联一套页面和功能细项。
16.一种工业触摸屏,其内存储有计算机程序,其特征在于,所述计算机程序执行时实现如权利要求1-10任意一项所述的设计方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811116010.6A CN109343849A (zh) | 2018-09-25 | 2018-09-25 | 一种***、***ui的设计方法及工业触摸屏 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811116010.6A CN109343849A (zh) | 2018-09-25 | 2018-09-25 | 一种***、***ui的设计方法及工业触摸屏 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109343849A true CN109343849A (zh) | 2019-02-15 |
Family
ID=65306758
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811116010.6A Pending CN109343849A (zh) | 2018-09-25 | 2018-09-25 | 一种***、***ui的设计方法及工业触摸屏 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109343849A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101321306A (zh) * | 2008-06-16 | 2008-12-10 | 华为技术有限公司 | 创建业务、部署业务的方法、装置 |
CN102654833A (zh) * | 2012-02-01 | 2012-09-05 | 中兴通讯(香港)有限公司 | 一种手机应用开发方法和*** |
US20170068519A1 (en) * | 2015-05-13 | 2017-03-09 | Nadia Analia Huebra | Computer-applied method for displaying software-type applications based on design specifications |
CN106557314A (zh) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | 应用软件开发方法及装置 |
CN108520010A (zh) * | 2018-03-19 | 2018-09-11 | 成都星环科技有限公司 | 一种智能页面布局方法 |
CN108563432A (zh) * | 2018-03-14 | 2018-09-21 | 广东能龙教育股份有限公司 | 一种通过路由配置的Android应用程序组件化快速开发方法 |
-
2018
- 2018-09-25 CN CN201811116010.6A patent/CN109343849A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101321306A (zh) * | 2008-06-16 | 2008-12-10 | 华为技术有限公司 | 创建业务、部署业务的方法、装置 |
CN102654833A (zh) * | 2012-02-01 | 2012-09-05 | 中兴通讯(香港)有限公司 | 一种手机应用开发方法和*** |
US20170068519A1 (en) * | 2015-05-13 | 2017-03-09 | Nadia Analia Huebra | Computer-applied method for displaying software-type applications based on design specifications |
CN106557314A (zh) * | 2016-10-19 | 2017-04-05 | 深圳智慧林网络科技有限公司 | 应用软件开发方法及装置 |
CN108563432A (zh) * | 2018-03-14 | 2018-09-21 | 广东能龙教育股份有限公司 | 一种通过路由配置的Android应用程序组件化快速开发方法 |
CN108520010A (zh) * | 2018-03-19 | 2018-09-11 | 成都星环科技有限公司 | 一种智能页面布局方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Ellis et al. | Officetalk-D: An experimental office information system | |
KR102002754B1 (ko) | 스프레드시트 객체의 코드리스 공유 | |
US7523147B2 (en) | Method and system for managing inventory for a migration using history data | |
US8316420B2 (en) | Access control on dynamically instantiated portal applications | |
EP2208133A2 (en) | A language framework and infrastructure for safe and composable applications | |
CN100553214C (zh) | 移动虚拟环境*** | |
US20050114361A1 (en) | Method and apparatus for integrating data repositories and frameworks | |
CN111427491A (zh) | 一种***后台菜单按钮的配置方法及装置 | |
US20150082138A1 (en) | Object templates for data-driven applications | |
KR101275871B1 (ko) | SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체 | |
US11119749B2 (en) | Architectures and techniques for record protection and field management | |
JP2007133568A (ja) | 多層ワーク支援装置、多層ワーク支援装置の割当方法並びに表示方法、及びプログラム | |
US20240028991A1 (en) | Flexible Work Breakdown Structure | |
CN110780953A (zh) | 组合计算机应用 | |
CN105279431A (zh) | 一种移动设备中操作信息的记录方法、装置和*** | |
CN107544723A (zh) | 一种应用程序的交互方法、装置及*** | |
CN109343849A (zh) | 一种***、***ui的设计方法及工业触摸屏 | |
CN102402598A (zh) | 应用文件***访问 | |
US7065717B1 (en) | Tree-based interface apparatus for display of call dependencies and method therefor | |
Lif et al. | Workspaces enhance efficiency–theories, concepts and a case study | |
CN105938431A (zh) | 一种网页的开发方法和装置 | |
CN112632930A (zh) | 表格数据控制方法及装置 | |
CN111198675B (zh) | 一种管控方法及*** | |
CN117992991B (zh) | 基于多粒度的数据库数据加密方法及设备 | |
CN112307380A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190215 |
|
RJ01 | Rejection of invention patent application after publication |