[發(fā)明專利]一種系統(tǒng)、系統(tǒng)UI的設計方法及工業(yè)觸摸屏

在審

• 申請?zhí)枺?/td>: 201811116010.6
• 申請日: 2018-09-25
• 公開（公告）號: CN109343849A
• 公開（公告）日: 2019-02-15
• 發(fā)明（設計）人: 羅曉;古松;黃建軍;李彥龍;胡海平;盧揚漸;吳妙瑜;王靈軍;林曉玲;許芳萃
• 申請（專利權(quán)）人: 珠海格力電器股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/451
• 代理公司: 深圳市康弘知識產(chǎn)權(quán)代理有限公司 44247
• 代理人: 尹彥;胡朝陽

本發(fā)明公開了一種系統(tǒng)、系統(tǒng)UI的設計方法及工業(yè)觸摸屏，其中系統(tǒng)UI的設計方法包括：將系統(tǒng)UI的框架頁面劃分為不同的功能區(qū)；為各功能區(qū)建立包含了對應功能細項的UI資源庫；從所述UI資源庫中選擇相應的功能細項布置到各功能區(qū)。本發(fā)明通過將頁面劃分為不同功能區(qū)，進行模塊化設計，使得不同系統(tǒng)的相同部分可以調(diào)用同一個模塊化設計的內(nèi)容，提高了研發(fā)系統(tǒng)的效率。

技術(shù)領(lǐng)域

本發(fā)明涉及系統(tǒng)UI的設計方法，尤其涉及一種系統(tǒng)UI的模塊化設計方法以及采用該方法來搭建UI的系統(tǒng)。

背景技術(shù)

常規(guī)的系統(tǒng)開發(fā)都是根據(jù)用戶的需求來總結(jié)相應的功能，然后根據(jù)功能開發(fā)各級功能頁面，每承接一個工程，就需要根據(jù)一個工程來重復一遍上述操作，但是其實同一個類型的系統(tǒng)中，即便用戶需求會各有所不同，但是也會存在較大部分的相同內(nèi)容，若是一個工程就開發(fā)一次，這樣會造成人員、資源的浪費。

因此，如何提供一種可提高效率的UI設計方法是業(yè)界亟待解決的技術(shù)問題。

發(fā)明內(nèi)容

為了解決現(xiàn)有技術(shù)中存在的上述問題，本發(fā)明提出了一種系統(tǒng)UI的設計方法，包括：

將系統(tǒng)UI的框架頁面劃分為不同的功能區(qū)；

為各功能區(qū)建立包含了對應功能細項的UI資源庫；

從所述UI資源庫中選擇相應的功能細項布置到各功能區(qū)。

優(yōu)選的，還包括關(guān)聯(lián)各功能區(qū)之間相關(guān)的功能細項。

優(yōu)選的，還包括為各功能細項設置不同的用戶權(quán)限及系統(tǒng)的登錄頁面。

在本技術(shù)方案中，所述功能區(qū)包括菜單欄和數(shù)據(jù)顯示區(qū)。在一實施例中，所述菜單欄僅包含一級菜單欄，所述一級菜單欄中的各功能細項與數(shù)據(jù)顯示區(qū)的各功能細項直接一一對應關(guān)聯(lián)或采用一對多的方式對應關(guān)聯(lián)。在其他實施例中，所述菜單欄包含多級菜單欄，所述各級菜單欄的各功能細項逐級對應關(guān)聯(lián)后，最后一級的菜單欄的各功能細項再與對應的數(shù)據(jù)顯示區(qū)的各功能細項對應關(guān)聯(lián)。例如，所述菜單欄包含兩級菜單欄，所述一級菜單欄的各功能細項分別與二級菜單欄的各功能細項采用一對多的方式對應關(guān)聯(lián)后，二級菜單欄的各功能細項在于數(shù)據(jù)顯示區(qū)的各功能細項一一對應關(guān)聯(lián)或者采用一對多的方式對應關(guān)聯(lián)。

具體的，所述菜單欄的功能細項為功能列表。所述數(shù)據(jù)顯示區(qū)的功能細項為具體的功能頁面。

具體的，所述系統(tǒng)UI的框架頁面、登錄頁面以及UI資源庫存儲于遠程服務器中。

本發(fā)明還提出了一種系統(tǒng)，包括服務器、設于服務器內(nèi)的頁面，所述頁面采用上述任意一項權(quán)利要求所述的設計方法來設計UI。

優(yōu)選的，所述系統(tǒng)在本地計算機上加載頁面時，先訪問本地計算機的頁面緩存，若沒有再從遠程服務器中調(diào)用，并存儲至頁面緩存中。

優(yōu)選的，所述系統(tǒng)加載各功能細項時，先訪問本地計算機的內(nèi)存調(diào)用UI資源庫，若沒有再從遠程服務器中調(diào)用，并存儲至內(nèi)存中。

在一個具體實施例中，所述系統(tǒng)為電力峰調(diào)監(jiān)控系統(tǒng)。所述系統(tǒng)包含了至少一個工程，每個工程關(guān)聯(lián)一套頁面和功能細項。

本發(fā)明還提出了一種工業(yè)觸摸屏，其內(nèi)存儲有計算機程序，執(zhí)行時實現(xiàn)上述技術(shù)方案中的設計方法。

本發(fā)明通過總結(jié)各系統(tǒng)、各工程的共同點，開發(fā)統(tǒng)一的框架頁面，并分為不同的功能區(qū)，根據(jù)每個功能區(qū)來設計包含有功能細項的UI數(shù)據(jù)庫，使得各系統(tǒng)、各工程在研發(fā)時，可以套用不同的模板，提高了開發(fā)效率，進一步，開發(fā)完成的系統(tǒng)在加載時，優(yōu)選從頁面緩存或內(nèi)存中獲取相關(guān)的頁面或數(shù)據(jù)，若是沒有再去遠程服務器中下載，提高了頁面加載的速度，用戶體驗更佳。

附圖說明

下面結(jié)合實施例和附圖對本發(fā)明進行詳細說明，其中：