一种系统、系统UI的设计方法及工业触摸屏技术方案

本发明专利技术公开了一种系统、系统UI的设计方法及工业触摸屏，其中系统UI的设计方法包括：将系统UI的框架页面划分为不同的功能区；为各功能区建立包含了对应功能细项的UI资源库；从所述UI资源库中选择相应的功能细项布置到各功能区。本发明专利技术通过将页面划分为不同功能区，进行模块化设计，使得不同系统的相同部分可以调用同一个模块化设计的内容，提高了研发系统的效率。

【技术实现步骤摘要】
一种系统、系统UI的设计方法及工业触摸屏
本专利技术涉及系统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文件按约定的区域加载显示相关的功能列表和数据显示区。这样系统通过引入页面缓存和内存数据库的方式，提高了数据获取以及页面加载的速度。上述可实现设计方法的软件（即计算机程序）存储在工业触摸屏中，该软件（计算机程序）执行时实现上述技术方案中的设计方法。以上所述仅为本专利技术的较佳实施例而已，并不用以限制本专利技术，凡在本专利技术的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本专利技术的保护范围之内。本文档来自技高网...

【技术保护点】
1.一种系统UI的设计方法，其特征在于，包括：将系统UI的框架页面划分为不同的功能区；为各功能区建立包含了对应功能细项的UI资源库；从所述UI资源库中选择相应的功能细项布置到各功能区。

【技术特征摘要】
1.一种系统UI的设计方法，其特征在于，包括：将系统UI的框架页面划分为不同的功能区；为各功能区建立包含了对应功能细项的UI资源库；从所述UI资源库中选择相应的功能细项布置到各功能区。2.如权利要求1所述的系统UI的设计方法，其特征在于，还包括：关联各功能区之间相关的功能细项。3.如权利要求1所述的系统UI的设计方法，其特征在于，还包括：为各功能细项设置不同的用户权限及系统的登录页面。4.如权利要求1所述的系统UI的设计方法，其特征在于，所述功能区包括菜单栏和数据显示区。5.如权利要求4所述的系统UI的设计方法，其特征在于，所述菜单栏仅包含一级菜单栏，所述一级菜单栏中的各功能细项与数据显示区的各功能细项直接一一对应关联或采用一对多的方式对应关联。6.如权利要求4所述的系统UI的设计方法，其特征在于，所述菜单栏包含多级菜单栏，所述各级菜单栏的各功能细项逐级对应关联后，最后一级的菜单栏的各功能细项再与对应的数据显示区的各功能细项对应关联。7.如权利要求6所述的系统UI的设计方法，其特征在于，所述菜单栏包含两级菜单栏，所述一级菜单栏的各功能细项分别与二级菜单栏的各功能细项采用一对多的方式对应关联后，二级菜单栏的各功能细项在于数据显示区的各功能细项一一...

【专利技术属性】
技术研发人员：罗晓，古松，黄建军，李彦龙，胡海平，卢扬渐，吴妙瑜，王灵军，林晓玲，许芳萃，
申请(专利权)人：珠海格力电器股份有限公司，
类型：发明
国别省市：广东,44