尉建龍 ，郭志剛 ，貢 力

(太原重工股份有限公司 技術(shù)中心 礦山采掘裝備及職能制造國家重點實驗室，山西 太原 030024)

0 引言

實驗室的建設(shè)和管理水平體現(xiàn)了一個企業(yè)的科研和管理水平。太重國家實驗室是企業(yè)實驗教學(xué)、科學(xué)研究和技術(shù)服務(wù)的重要基地,隨著國企體制改革的快速推進,太重國家實驗室在建設(shè)和管理上存在一些新的問題、新的挑戰(zhàn)。本文根據(jù)國家重點實驗室門戶網(wǎng)站的總體要求以及需求,采用MVC模式設(shè)計開發(fā)了重點實驗室門戶網(wǎng)站。首先研究確定設(shè)計的技術(shù)路線，然后對國家重點實驗室門戶網(wǎng)站的前端實現(xiàn)、整體布局、后臺開發(fā)功能模塊等方面進行詳細說明，最后對門戶系統(tǒng)進行了總結(jié)說明。

1 設(shè)計國家重點實驗室門戶網(wǎng)站的技術(shù)路線

進行門戶設(shè)計之前，首先要對設(shè)計的技術(shù)路線進行確定，從整體框架路線，以及數(shù)據(jù)交互兩個方面進行設(shè)計。設(shè)計國家重點實驗室門戶網(wǎng)站的技術(shù)路線如下：

(1) 整體架構(gòu)采用三層B/S結(jié)構(gòu)，代碼結(jié)構(gòu)采用MVC分離設(shè)計，將功能實現(xiàn)與運轉(zhuǎn)進行層式隔離，互相之間的業(yè)務(wù)不產(chǎn)生沖突，保障運行效率和容錯性能。

(2) 利用JSON和XML作為系統(tǒng)接口的數(shù)據(jù)交換標(biāo)準(zhǔn)。JSON作為輕型數(shù)據(jù)傳輸方式，采用結(jié)點樹和MAP對數(shù)據(jù)進行標(biāo)準(zhǔn)化封裝，對于中型數(shù)據(jù)量的傳輸擁有無可比擬的執(zhí)行效率和容錯性，在數(shù)據(jù)產(chǎn)生不復(fù)雜的功能模塊上采用JSON數(shù)據(jù)接口交換標(biāo)準(zhǔn)可極大地提高網(wǎng)站的運行速度和準(zhǔn)確性。XML數(shù)據(jù)傳輸是一種不同系統(tǒng)之間的標(biāo)準(zhǔn)數(shù)據(jù)傳輸方式，特別是對于較大數(shù)據(jù)量的傳輸，采用XML是現(xiàn)下最流行最適合的傳輸方式。

2 國家重點實驗室門戶網(wǎng)站的前端實現(xiàn)

確定技術(shù)路線后，首先需要整體設(shè)計門戶系統(tǒng)，其中前端實現(xiàn)作為門戶系統(tǒng)設(shè)計的開端需要滿足很多條件:可以支持發(fā)布服務(wù)器和Web服務(wù)器靈活部署在不同的網(wǎng)絡(luò)環(huán)境，允許發(fā)布服務(wù)器和Web服務(wù)器部署在不同網(wǎng)段，在兩個網(wǎng)段隔離的情況下都能夠保證信息正常地發(fā)布在Web Server上。

對于前端含有多臺Web Server的情況，應(yīng)該做到多臺Web Server同步，不能出現(xiàn)一臺Web Server更新而其他的Web Server長時間沒有更新的情況，具體設(shè)計要求如下:

(1) 頁面設(shè)計要求為：符合重工行業(yè)特征，融合流行元素與色調(diào)搭配，同時富有學(xué)術(shù)研究領(lǐng)域特色；頁面干凈整潔，內(nèi)容表現(xiàn)詳盡且明顯突出各頁面內(nèi)容主題；主網(wǎng)站框架布局統(tǒng)一，詳盡內(nèi)容頁布局統(tǒng)一；部分欄目頁面采用獨立設(shè)計，以突出板塊的功能性與交互性。

(2) 腳本特效要求為：首頁通欄Banner采用全屏滾動特效；Top與底部導(dǎo)航菜單采用底色及文字變色鏈接特效；各一級欄目板塊使用獨立的通欄Banner設(shè)計，強調(diào)各欄目內(nèi)容的獨立性，以提升網(wǎng)站粘性；部分頁面可采用彈出層凍結(jié)特效。

(3) 技術(shù)要求為：前端頁面使用div+css3+javascript技術(shù)，兼容主流瀏覽器；頁面整體寬幅保持1 200 px，并確保在瀏覽分辨率不同的情況下面不變形及布局不變；支持多種數(shù)據(jù)庫的訪問。

3 國家重點實驗室門戶網(wǎng)站的整體布局

在前端實現(xiàn)的基礎(chǔ)上，需要對門戶的內(nèi)容顯示、整體布局等進行規(guī)劃。下面主要從首頁以及欄目分塊兩方面進行說明。

首頁作為一個平臺最先呈現(xiàn)的頁面，對門戶起著很重要的作用，內(nèi)容應(yīng)根據(jù)實際情況進行展示。網(wǎng)頁首頁由頭部布置、內(nèi)容部分布置和底部布置組成。頭部布置包括標(biāo)識Logo、主導(dǎo)航、搜索功能；內(nèi)容部分布置包括Banner輪播圖、欄目內(nèi)容推送、欄目快捷鏈接；底部布置包括版權(quán)信息、底部導(dǎo)航、基本聯(lián)系方式以及友情鏈接。國家重點實驗室門戶網(wǎng)站的整體布局如圖1所示。

除了首頁的設(shè)置以外，本方案對欄目板塊進行了分解，分為一級欄目與二級欄目。其中一級欄目包括實驗室概況、研究方向、科研隊伍、承擔(dān)項目、新聞與動態(tài)、研究成果、人才培養(yǎng)、課題與交流、儀器設(shè)備、資料下載。下面對一級欄目進行詳細說明。

實驗室概況包括實驗室介紹、基礎(chǔ)條件、建設(shè)規(guī)劃、組織機構(gòu)、依托單位、聯(lián)系方式，主要展現(xiàn)實驗室介紹、構(gòu)成、規(guī)劃等基本信息，欄目以圖文形式展現(xiàn)，并支持后臺編輯維護。

圖1 國家重點實驗室門戶網(wǎng)站的整體布局

研究方向包括礦山采掘裝備現(xiàn)代設(shè)計理論與方法研究、礦山采掘裝備可靠性研究、礦山采掘裝備智能化研究，本欄目以圖文并茂的形式展現(xiàn)實驗室的主要研究內(nèi)容與方向，支持后臺編輯維護，并支持后臺拓展二級欄目。

科研隊伍集中介紹實驗室的科研團隊組織情況?？蒲嘘犖榘ㄈ藛T結(jié)構(gòu)欄目和科研人員欄目，人員結(jié)構(gòu)欄目內(nèi)容以圖文方式展現(xiàn)科研人員組織結(jié)構(gòu)，科研人員欄目以頁簽形式展現(xiàn)人員列表。管理后臺支持編輯維護人員內(nèi)容，并根據(jù)需要可拓展人員列表頁簽。

承擔(dān)項目概要介紹實驗室歷年承擔(dān)的科研項目，以頁簽形式體現(xiàn)歷年項目列表，并可進入項目了解圖文概要信息。后臺可實時維護增加科研項目二級欄目或具體項目信息，后期可根據(jù)后臺需求擴展二級欄目。

新聞與動態(tài)包括公告、新聞動態(tài)、媒體報道，進入欄目即展現(xiàn)動態(tài)新聞條目。后臺使用信息管理模塊，進行欄目維護與內(nèi)容添加編輯。

研究成果包括論文、專利著作、獲獎。此欄目分類體現(xiàn)實驗室的主要研究成果，并進行詳情的概要介紹。研究成果欄目如圖2所示。

圖2 研究成果欄目

人才培養(yǎng)包括培養(yǎng)計劃、教學(xué)力量、優(yōu)秀學(xué)員、教學(xué)成果。培養(yǎng)計劃以列表形式詳細介紹各個人才培養(yǎng)項目；教學(xué)力量以圖文列表形式介紹主要專家學(xué)者，并可瀏覽詳細介紹；優(yōu)秀學(xué)員以圖文列表形式展示重點培養(yǎng)學(xué)員，并可瀏覽詳細介紹；教學(xué)成果以列表形式介紹教學(xué)培養(yǎng)成果，包括獲獎、論文等信息。

課題與交流包括課題基金、學(xué)術(shù)交流、開放課題、學(xué)術(shù)成果、申請與指南、公示。課題基金以圖文形式介紹為學(xué)術(shù)交流而設(shè)立的課題基金基本設(shè)置與概要情況；學(xué)術(shù)交流以列表形式介紹各項交流活動及內(nèi)容，包括會議、活動、論壇等；開放課題以圖文形式詳解開放研究的三大項課題方向；學(xué)術(shù)成果以列表形式展現(xiàn)交流成果，包括報告、技術(shù)、論文等；申請與指南作為課題交流幫助類欄目，提供申請表下載，幫助問答形式的指南列表。

儀器設(shè)備包括電氣、化學(xué)、齒輪、整機實驗，以圖文列表形式詳解各類儀器設(shè)備?？赏ㄟ^后臺拓展分類及添加儀器設(shè)備詳情。

資料下載配置了下載列表的二級欄目，以列表形式展現(xiàn)，為瀏覽者提供各種資源下載，例如申請表、技術(shù)標(biāo)準(zhǔn)、文獻和規(guī)定等。

4 后臺開發(fā)功能模塊

網(wǎng)站管理的后臺建設(shè)可以實現(xiàn)前端顯示靈活，同時方便實驗室管理員對網(wǎng)站進行高效便捷的管理。本門戶系統(tǒng)的網(wǎng)站管理后臺采用java+php+Msql開發(fā)，運用多應(yīng)用模塊合成模式，各模塊交叉管理網(wǎng)站欄目。后臺可編輯網(wǎng)頁所有主要內(nèi)容，后臺界面以T字布局展開分類，頭部為菜單導(dǎo)航，左側(cè)為功能導(dǎo)航，右側(cè)為信息維護部分。同時后臺操作界面兼容主流瀏覽器。門戶網(wǎng)站后臺界面如圖3所示。

后臺開發(fā)模塊主要包括內(nèi)容管理系統(tǒng)、信息發(fā)布與下載模塊。內(nèi)容管理系統(tǒng)是一種網(wǎng)站應(yīng)用模塊，集中管理新聞發(fā)布和內(nèi)容更新等，同時提取內(nèi)容信息的共性特征，然后分類整理，最后標(biāo)準(zhǔn)化、系統(tǒng)化發(fā)布到網(wǎng)站上。在信息發(fā)布與下載模塊中，管理員、維護人員可進行分類發(fā)布、修改、刪除管理新聞動態(tài)等操作，管理員、維護人員通過配置的HTML編輯器可編輯動態(tài)新聞效果。

圖3 門戶網(wǎng)站后臺界面

5 結(jié)束語

本文通過MVC分離設(shè)計，采用B/S架構(gòu)，利用制定的技術(shù)路線，對前端、后臺以及整體內(nèi)容布局進行設(shè)計，形成了后臺管理功能極大的門戶網(wǎng)站。該系統(tǒng)具有比較強大的信息管理、信息發(fā)布功能，能很好地滿足目前實驗室的一些特定需要。通過本系統(tǒng)的實現(xiàn)，對太重國家重點實驗的發(fā)展以及信息化建設(shè)有極大的推動作用。

參考文獻：

[1] 萬鵬飛.基于MVC模式的開放實驗室門戶網(wǎng)站的設(shè)計與實現(xiàn)[D].西安：西安電子科技大學(xué)，2010： 1-20.

[2] 聶敬云.智能化實驗室管理控制平臺的設(shè)計與實現(xiàn)[D].天津：天津工業(yè)大學(xué)，2015：1-17.