基于B/S架構(gòu)的設(shè)備狀態(tài)管理系統(tǒng)設(shè)計(jì)與研發(fā)

張旭東

（徐工集團(tuán)工程機(jī)械股份有限公司科技分公司，江蘇 徐州 221000）

當(dāng)前中國(guó)經(jīng)濟(jì)飛速發(fā)展，工業(yè)也隨之進(jìn)入新的領(lǐng)域。傳統(tǒng)使用SSM開(kāi)發(fā)的Web項(xiàng)目由于繁瑣的配置，遭到很多人的詬病。各種XML配置以及各種指定目錄的結(jié)構(gòu)，讓人眼花繚亂，而且一不小心就會(huì)出錯(cuò)，想找出原因相當(dāng)困難。然而Spring Boot的出現(xiàn)，極大地減少了開(kāi)發(fā)過(guò)程中花費(fèi)在配置上的時(shí)間，從而提高了開(kāi)發(fā)效率并提高了產(chǎn)量。這是本平臺(tái)選用Spring Boot開(kāi)發(fā)的根本原因。

一般Web工程都是分層設(shè)計(jì)，有表現(xiàn)層、業(yè)務(wù)邏輯層、持久層，需要各種XML配置的支持。而Spring Boot實(shí)現(xiàn)了無(wú)XML配置，提供了一個(gè)舒適、獨(dú)立的操作環(huán)境，并且滿足了“一鍵式”的要求，可以滿足快速應(yīng)用程序開(kāi)發(fā)的需求，因此開(kāi)發(fā)人員不再需要定義模板設(shè)置。

B/S（瀏覽器/服務(wù)器）架構(gòu)是優(yōu)化C/S架構(gòu)的瀏覽器和服務(wù)器架構(gòu)。在這種模式下，用戶通過(guò)網(wǎng)址訪問(wèn)瀏覽即可，少量事務(wù)邏輯是在前臺(tái)實(shí)現(xiàn)的，但是事務(wù)邏輯是執(zhí)行的。創(chuàng)建了主服務(wù)器端以及所謂的三層和三層體系結(jié)構(gòu)。這次，它簡(jiǎn)化了客戶的計(jì)算機(jī)，降低了系統(tǒng)維護(hù)的成本和數(shù)量，并降低了用戶的總成本。通過(guò)Internet在各種位置和方法訪問(wèn)數(shù)據(jù)庫(kù)，使得用戶管理數(shù)據(jù)非常的方便、快捷、高效。

1 系統(tǒng)分析

1.1 開(kāi)發(fā)環(huán)境

平臺(tái)首先基于Spring Boot框架中的Web項(xiàng)目，安裝好JDK 1.8，Influx DB數(shù)據(jù)庫(kù)，Redis，Mysql，Nvicat，以及開(kāi)發(fā)工具Idea。部署好本項(xiàng)目的服務(wù)器，同時(shí)為服務(wù)器安裝相應(yīng)的環(huán)境，設(shè)置好訪問(wèn)路徑以及分配權(quán)限。

1.2 硬件選擇

采用Linux系統(tǒng)，CPU選擇Corei5 2.3赫茲，16G運(yùn)行內(nèi)存，1T硬盤(pán)。

1.3 技術(shù)介紹

開(kāi)發(fā)語(yǔ)言選擇的是當(dāng)下非常熱門(mén)和成熟的Java語(yǔ)言。頁(yè)面使用Layui框架作為基礎(chǔ)并使用HTM5、CSS、JavaScript等前端技術(shù)修改以達(dá)到客戶需求。使用Mysql存儲(chǔ)數(shù)據(jù)通過(guò)AJAX進(jìn)行數(shù)據(jù)交互。本系統(tǒng)的主體開(kāi)發(fā)框架為Spring Boot。

2 系統(tǒng)可行性分析

2.1 經(jīng)濟(jì)可行性分析

本系統(tǒng)是基于B/S模式實(shí)現(xiàn)的，所以對(duì)于客戶無(wú)需過(guò)多要求，只需要一臺(tái)聯(lián)網(wǎng)的主機(jī)即可。系統(tǒng)的主要成本在于開(kāi)發(fā)，只需要合理的安排和詳細(xì)規(guī)劃開(kāi)發(fā)周期，在一定程度上控制人力和物力成本在經(jīng)濟(jì)上是可行的。而且本系統(tǒng)是持久穩(wěn)定的，所帶來(lái)的收益遠(yuǎn)超過(guò)開(kāi)發(fā)成本。

2.2 技術(shù)可行性分析

本系統(tǒng)的開(kāi)發(fā)是在Java環(huán)境下進(jìn)行的，使用Spring Boot框架進(jìn)行開(kāi)發(fā)，此框架是當(dāng)下最熱門(mén)的開(kāi)放源碼框架。同時(shí)作者使用Mysql數(shù)據(jù)庫(kù)存儲(chǔ)數(shù)據(jù)和數(shù)據(jù)調(diào)用，通過(guò)A JAX傳遞數(shù)據(jù)，使用Layui構(gòu)建頁(yè)面。選擇的開(kāi)發(fā)環(huán)境和技術(shù)已經(jīng)相當(dāng)成熟并且已經(jīng)有了眾多案例，所以利用該技術(shù)可以實(shí)現(xiàn)本系統(tǒng)的開(kāi)發(fā)。

2.3 安全性分析

本系統(tǒng)采用Mysql數(shù)據(jù)庫(kù)作為系統(tǒng)的數(shù)據(jù)存放和數(shù)據(jù)調(diào)取。此數(shù)據(jù)庫(kù)穩(wěn)定性好、安全性高，是很多項(xiàng)目的首要選擇，所以在數(shù)據(jù)安全方面絕對(duì)可行。

2.4 操作可行性分析

本系統(tǒng)雖然由眾多技術(shù)和工具開(kāi)發(fā)，但用戶無(wú)需過(guò)問(wèn)數(shù)據(jù)從何來(lái)，存放在哪里，只需要掌握簡(jiǎn)單的網(wǎng)頁(yè)操作即可。并且本系統(tǒng)的頁(yè)面精美簡(jiǎn)約，通過(guò)圖表展示數(shù)據(jù)，客戶一眼就能看到重要的信息和數(shù)據(jù)，所以此系統(tǒng)非常容易上手，操作簡(jiǎn)單。

3 系統(tǒng)設(shè)計(jì)

3.1 系統(tǒng)總體設(shè)計(jì)

系統(tǒng)總體設(shè)計(jì)是基于B/S實(shí)現(xiàn)的，是當(dāng)下最流行的網(wǎng)絡(luò)結(jié)構(gòu)體系，所以瀏覽器就顯得格外的重要。這種方式統(tǒng)一了操作，大部分的操作均在服務(wù)器上完成。大致架構(gòu)如圖1、圖2。

圖1 網(wǎng)站架構(gòu)圖

圖2 Web框架的系統(tǒng)架構(gòu)圖

本系統(tǒng)通過(guò)實(shí)際需求進(jìn)行整理分析，將所有的功能進(jìn)行分類并劃分成子模塊進(jìn)行開(kāi)發(fā)。設(shè)計(jì)階段我們按照從大到小的規(guī)律開(kāi)始初步分解，一直到不可再分為止，遵照高內(nèi)聚低耦合原則設(shè)計(jì)系統(tǒng)邏輯架構(gòu)。

3.2 系統(tǒng)詳細(xì)設(shè)計(jì)

本系統(tǒng)有很多主要模塊，每個(gè)模塊下都有根據(jù)需求描述而產(chǎn)生的子模塊（如圖3所示）。其中有：程序管理、報(bào)表中心、算法管理、看板中心、用戶管理、健康檔案等。

圖3 系統(tǒng)功能模塊結(jié)構(gòu)圖

3.2.1 系統(tǒng)首頁(yè)

首頁(yè)包含每個(gè)分廠的空氣質(zhì)量，用電概括以及水資源消耗、氣體消耗和每個(gè)分廠的告警圖表，以及生產(chǎn)線效率的柱狀圖。并且本系統(tǒng)的所有數(shù)據(jù)表格均實(shí)現(xiàn)了分頁(yè)功能。如圖4所示。

圖4 系統(tǒng)界面展示圖

3.2.2 基礎(chǔ)數(shù)據(jù)

基礎(chǔ)數(shù)據(jù)有11個(gè)子模塊，有公司、工廠、部門(mén)以及車間、人員的信息等。

公司信息中顯示的是公司信息，有搜索、增、改、查的功能。點(diǎn)擊對(duì)應(yīng)的功能按鈕即可實(shí)現(xiàn)。如圖5所示。

圖5 數(shù)據(jù)添加流程圖

本模塊中工廠信息、設(shè)備類型、停機(jī)原因、日歷設(shè)置、公告管理等子模塊均實(shí)現(xiàn)了與公司信息相同的功能。

3.2.3 告警中心

告警中心分為4個(gè)功能模塊，分別是告警詳情、告警規(guī)則、告警知識(shí)以及告警看板。

告警中心中顯示的是告警的編號(hào)、告警來(lái)源、告警登記，以及告警的主模塊等詳細(xì)信息。本模塊相對(duì)于公司信息模塊的功能多了查看圖表和導(dǎo)出的功能。點(diǎn)擊查看圖表按鈕就可以看到相同告警下的告警設(shè)備數(shù)量，導(dǎo)出則會(huì)將數(shù)據(jù)以Excel形式導(dǎo)出到本地。

告警規(guī)則、告警知識(shí)均實(shí)現(xiàn)了告警詳情的模塊功能，以及多了復(fù)制數(shù)據(jù)的功能。

告警看板的數(shù)據(jù)展示是通過(guò)彩色餅圖的形式向用戶展示效果。

3.2.4 用戶管理

系統(tǒng)分為2個(gè)功能模塊，分別為職位管理和用戶權(quán)限。職位管理中顯示職位名稱，創(chuàng)建時(shí)間等信息，用戶權(quán)限主要顯示用戶的個(gè)人信息。兩個(gè)功能模塊均有新增、刪除、修改、搜索的功能。值得一提的是，因?yàn)閷?shí)現(xiàn)了分頁(yè)，本系統(tǒng)所有表格的第一列是一個(gè)復(fù)選框，選擇以后可以進(jìn)行批量操作，此設(shè)計(jì)使得系統(tǒng)更加人性化。

4 結(jié)論

本文是對(duì)基于B/S架構(gòu)的設(shè)備狀態(tài)管理系統(tǒng)的開(kāi)發(fā)方式、使用以及功能的介紹。本系統(tǒng)不僅采用了比較方便快捷的開(kāi)發(fā)方式，而且從數(shù)據(jù)分析的角度出發(fā)，采用了更為人性化的圖表結(jié)合展示數(shù)據(jù)形式。讓用戶入眼的不再是表格和大量數(shù)據(jù)，反而是形態(tài)各異，顏色多變的餅圖、柱狀圖等。以九大功能為根結(jié)點(diǎn)開(kāi)始，一步一步細(xì)化系統(tǒng)的功能，體現(xiàn)了系統(tǒng)的完備性和實(shí)用性。本系統(tǒng)的開(kāi)發(fā)解決了大部分工業(yè)企業(yè)無(wú)法快速響應(yīng)數(shù)據(jù)，實(shí)時(shí)查詢數(shù)據(jù)的難題，為部分企業(yè)的運(yùn)營(yíng)分析和趨勢(shì)監(jiān)控提供了關(guān)鍵性信息，是企業(yè)長(zhǎng)期成長(zhǎng)的可靠力量。