前言：想要寫出一篇引人入勝的文章？我們特意為您整理了實驗室資源信息管理系統(tǒng)設計研究范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：本文基于MVVM設計模式的vue.js開發(fā)設計了一套實驗室資源管理系統(tǒng)，用于教學活動安排和師生對實驗室資源資源占用情況的查詢，以及預約申請等操作，確保實驗室資源的利用達到最大化。

關鍵詞：實驗室資源；MVVM；信息管理

1引言

隨著高校培養(yǎng)人才對實踐動手能力和創(chuàng)新能力的不斷提高[1-2]，理工科和文科的很多課程都在不斷增設課程的實驗項目或者實驗課程，實驗室成為高校教師和學生越來越重要的教學活動場所，很多高校也不斷加大對實驗室建設的財力投入，硬件設施得到了很大的改善。實驗室在提高高校教師的科研能力方面，以及提高學生的實踐動手能力和創(chuàng)新開發(fā)能力等方面具有重要作用，是重要的科研與學習空間、實驗教學與人才培養(yǎng)基地。然而，有些高校的實驗室管理比較分散，從而造成一定的資源浪費[3-4]，大多數(shù)實驗室基本上都是有課的時候學生才可以進入實驗室，尤其是辦學層次比較低的一些高校，實驗室的規(guī)模與管理水平、使用效果反映了高校的辦學水平。因此，為了充分利用實驗室資源，提高資源利用率及其管理效率，各高校對實驗室資源管理提出了越來越高的要求，實驗室資源管理也因而成為當前高校實驗室工作的重要任務之一，各高校也在不斷投入財力提高管理效率[5-9]。本文針對廣東海洋大學計算機實驗室的管理開發(fā)設計了一個信息管理平臺，用于平時的教學活動安排和實驗室資源占用情況查詢，強化實驗室對師生的服務功能，從而使得實驗室資源的利用達到最大化。

2實驗室資源信息管理系統(tǒng)

系統(tǒng)的用戶分為資源管理和資源查詢與申請需求，前者為管理員，系統(tǒng)的權限大，對后者的基本情況進行核實，對實驗室資源的配置情況及其使用情況、預約情況進行統(tǒng)一運籌和管理，可以在系統(tǒng)一些實驗室申請使用的公告，也可以對各種信息增添刪除或者修改等操作。后者為師生用戶，除了可以修改設置個人的密碼等信息之外，主要有實驗室資源占用情況（上課、待定）的查詢以及實驗室資源的預約申請，查看公告等。

3實驗室資源信息管理系統(tǒng)的設計

開發(fā)設計實驗室管理系統(tǒng)的主要目的是發(fā)揮教育信息技術在教學資源管理中的作用，方便老師和學生在日常教學活動中對實驗室的使用進行線上查詢和預約。圖1是本系統(tǒng)的登陸界面，登陸用戶名為administrator和u123456或u654321兩種類型（123456和654321分別表示教工號和學號）。系統(tǒng)根據登陸賬號的特點將自動判斷和識別用戶類型，從而區(qū)分登陸用戶具有管理權限還是使用權限。系統(tǒng)建立了基于MVVM設計模式的數(shù)據庫，包含實驗室占用、待定、空閑情況以及配置信息、用戶信息情況等信息。

3.1實驗室資源信息使用情況查詢

系統(tǒng)為登陸用戶提供了實驗室查詢功能，登陸時依據登陸查賬識別登陸賬號的身份類別以后迅速提供相應的查詢功能，方便用戶快速找到可用的實驗室及其所屬的區(qū)域或教學實驗樓。信息展示頁面如圖2所示。

3.2實驗室空閑資源的預約申請

為了提高實驗室資源的利用率和高效管理，本資源管理系統(tǒng)為用戶建立了空閑實驗室在線預約申請的功能。申請時，用戶首先登錄系統(tǒng)查詢實驗室的配置情況以及在自己欲申請的時間段是否處于空閑狀態(tài)或待定狀態(tài)，如果不是空閑或待定狀態(tài)的實驗室則不能進入預約界面，同時系統(tǒng)會優(yōu)先推薦空閑狀態(tài)的實驗室。預約時，選中自己想要的實驗室，并且填寫申請使用的理由、具體的時間段、申請人的聯(lián)系信息及其所在的學院和班級等信息。3.3實驗室資源的可視化瀏覽為了方便老師和學生更快的申請到自己需要的實驗室，系統(tǒng)增添了各樓宇實驗室占用情況的可視化模塊，有的占用率高有的占用率低，申請預約的用戶可以首先選擇占用率低的區(qū)域找是否有符合自己配置要求的實驗室，然后申請，從而提高用戶申請預約的效率。實驗室資源的可視化結果如圖3所示。

3.4實驗室資源系統(tǒng)的統(tǒng)籌管理

系統(tǒng)的統(tǒng)籌管理只屬于管理員，普通用戶只有使用權而沒有管理權，從而確保系統(tǒng)的安全性。本系統(tǒng)是根據登陸時的賬戶自動識別用戶類型從而確定對應的權限，如果識別到管理員登陸，則界面上可對實驗室資源的占用情況、預約情況和空閑情況以及其他用戶信息進行查詢和添加、修改、刪除等操作，如果遇到某種緊急情況須要使用某個實驗室，但是該實驗室又已經被預約的情況下，管理員可刪除該預約同時向申請人發(fā)送相關信息，提醒申請人重新進行預約，最終達到管理實驗室資源系統(tǒng)的目的。

4管理系統(tǒng)的核心技術

本文的資源管理系統(tǒng)采用MVVM(Model-View-ViewModel)設計模式的vue.js進行開發(fā)，可以大大地減少對DOM(DocumentObjectModel)的操作，框架替我們做了大部分的工作，從而專注于數(shù)據驅動的方式進行開發(fā)，提升可讀性以及可復用性。MVVM設計模式的ViewModel可以理解為數(shù)據處理層，View層發(fā)生變化的時候會直接影響到ViewModel層的變化，同時，ViewModel層得到的變化也會明顯影響到View層的效果[10]，這個變化關系稱之為雙向綁定，如圖4所示。其中，系統(tǒng)的View層主要是用于呈現(xiàn)給用戶，用戶在這里進行交互。View中應盡量減少邏輯，只存在簡單的條件，避免耦合過多的邏輯，從而導致系統(tǒng)后期維護困難。其獨立于Model層的變化與改變。通常細分下來就是HTML+CSS層。ViewModel是控制層，是View層與Model層的橋梁，Model層或View層發(fā)生的更改需要ViewModel來通訊，這一部分的操作具體由vue.js實現(xiàn)MVVM雙向綁定。Model層負責主要的業(yè)務邏輯。系統(tǒng)在進行數(shù)據錄入的時候，信息會同步錄入到form變量，方便進行后期的數(shù)據處理，我們主要通過vue.js的v-model實現(xiàn)數(shù)據的雙向綁定，具體的實現(xiàn)使用了Observer中的Object.definePrototype()函數(shù)實現(xiàn)監(jiān)聽數(shù)據，當數(shù)據變化時就通知訂閱者并執(zhí)行綁定的更新函數(shù)，從而達到更新View的目的。雙向綁定功能的代碼如圖5所示。而系統(tǒng)的數(shù)據可視化采用了由vue.js封裝的vue-schart的圖表組件進行，使得采集到的數(shù)據在可視化時不繁瑣、邏輯不復雜。核心技術采用MVVM設計模式的意義在于：（1）提升開發(fā)體驗，View與邏輯層的分離大大提高開發(fā)效率。（2）方便測試，測試ViewModel的代碼即可驗證功能邏輯的正確與否。（3）MVVM模式搭配虛擬DOM技術極大地減少了直接的DOM操作。通過Diff算法節(jié)省了操作DOM所帶來的開銷。

5結束語

本文基于MVVM設計模式的vue.js開發(fā)了實驗室資源管理系統(tǒng)，解決了實驗室開放管理中的查詢、預約申請等操作過程的復雜問題，充分體現(xiàn)了教育信息現(xiàn)代化在教學與科研中的作用，使得高校能夠充分利用實驗室資源，提高資源利用率及其管理效率，為實驗室資源的高效利用與管理奠定了便利基礎。

參考文獻

[1]陳真,戴永壽.基于“虛實結合”實踐平臺構建面向創(chuàng)新能力培養(yǎng)的實驗教學模式[J].實驗技術與管理,2020,37(9):223-225.

[2]崔萍，周曉瑩等.面向創(chuàng)新與復雜問題求解能力培養(yǎng)的計算機網絡實驗教學改革[J].教育現(xiàn)代化,2019,8:62-64.

[3]翟寧,郭俊倉.微環(huán)境下考研座位預約功能的實現(xiàn)[J].農業(yè)圖書情報學刊,2018,30(2):84-86.

[4]羅晶,葉耀輝,于玲玲等.醫(yī)藥院校實驗室可視化管理平臺探索[J].實驗室研究與探索,2016,35(11):248-250.

[5]江洪波.淺談三層架構在信息系統(tǒng)開發(fā)中的應用[J].信息通信,2016,12:205-206.

[6]王丹,錢磊,徐燁等.基于Web的實驗室資源管理系統(tǒng)設計與實現(xiàn)[J].軟件導刊,2018,17(3):67-69.

[7]白潔,劉麗艷,吳素煥等.高校實驗室資源共享模式和管理機制的研究[J].實驗技術與管理,2018,35(10):207-209.

[8]崔江慧,劉會玲,劉樹慶.高校大型儀器設備管理的實踐與探索[J].實驗室研究與探索,2011,30(10):198-200.

[9]宋強.高校實驗室資源的管理利用與共享[J].產業(yè)與科教論壇,2019,19(10):244-245.

[10]易劍波.基于MVVM模式的WEB前端框架的研究[J].信息與電腦,2016,19:76-77.

作者：吳偉娜 于北瑜 孫會強 周會會 單位：廣東海洋大學數(shù)學與計算機學院