高校移動(dòng)圖書館管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

姜浙煒

摘要：該文基于HTML5技術(shù)設(shè)計(jì)開發(fā)了一套圖書管理系統(tǒng)，以滿足現(xiàn)代校園圖書館管理的需求。該文主要研究了移動(dòng)圖書管理系統(tǒng)的客戶端和服務(wù)器端的開發(fā)。該系統(tǒng)釆用B/S結(jié)構(gòu)，使用JQuery控件布局客戶端，后臺(tái)使用Servlet編寫服務(wù)器，通過JDBC來調(diào)用MySQL數(shù)據(jù)庫。系統(tǒng)的主界面清晰，簡單，操作易行，實(shí)現(xiàn)了圖書借閱管理的移動(dòng)化、智能化。

關(guān)鍵詞： 移動(dòng)圖書管理系統(tǒng)；HTML5；jQuery Mobile

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）11-0060-03

Abstract： The paper designs and develops of a library management system based on HTML5 technology to meet the needs of modern campus library management. This paper studies the development of the client and server-side mobile library management system. The system adopts B / S structure， use JQuery client to control layout and the background use Servlet writing server to invoke MySQL database via JDBC. The main interface of the system is clear， simple to operate and easy to achieve a borrowing management of mobile， intelligent.

Key words： mobile library management system； HTML5； jQuery Mobile

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的發(fā)展，高校具有傳統(tǒng)功能的圖書館急需開通移動(dòng)借閱功能，當(dāng)前高校圖書館提供的移動(dòng)服務(wù)模式主要有wap網(wǎng)站與客戶端應(yīng)用程序這兩種，通過搜索引擎搜索后發(fā)現(xiàn)高校圖書館APP只有幾家著名大學(xué)具有，普通高校以及高職院校卻寥寥無幾。關(guān)于移動(dòng)圖書管理系統(tǒng)的設(shè)計(jì)已有一些學(xué)者做過相應(yīng)的研究，如黃政的高校移動(dòng)圖書管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[1]，陳大軍的移動(dòng)數(shù)字圖書館平臺(tái)的研究與設(shè)計(jì)[2]，劉方的基于Android平臺(tái)的移動(dòng)圖書管理系統(tǒng)的設(shè)計(jì)[3]等。以上文獻(xiàn)都是基于單一移動(dòng)平臺(tái)進(jìn)行設(shè)計(jì)實(shí)現(xiàn)的，不能適應(yīng)當(dāng)前多種移動(dòng)應(yīng)用平臺(tái)的需求。本文采用HTML5技術(shù)構(gòu)建客戶端，服務(wù)器端采用Java EE的分層結(jié)構(gòu)技術(shù)，設(shè)計(jì)與實(shí)現(xiàn)了一套高校移動(dòng)圖書管理系統(tǒng)。然后分別打包生成Android、IOS、Windows Phone等多種不同移動(dòng)平臺(tái)的應(yīng)用程序，適應(yīng)了跨平臺(tái)的需求。

1 關(guān)鍵技術(shù)

1.1 HTML5

HTML5是最新的一項(xiàng)Web標(biāo)準(zhǔn)，在原有HTML4的基礎(chǔ)上定義了一些新的標(biāo)簽和新的JavaScriot API。是原有HTML4標(biāo)準(zhǔn)的一個(gè)超集。HTML5具有功能豐富的Web應(yīng)用，用于繪畫的canvas元素提供了對(duì)圖形、動(dòng)畫的支持，更易于實(shí)現(xiàn)游戲；用于媒介回放的video和audio元素提供了更加方便的多媒體支持；還有新增加的頁面元素以及新的表單控件更利于web界面的設(shè)計(jì)；同時(shí)提供了更強(qiáng)大的實(shí)時(shí)數(shù)據(jù)通信特性、離線應(yīng)用特性以及本地存儲(chǔ)特性。

本文在前端界面的設(shè)計(jì)中使用支持HTML5 的jQuery mobile中的各種表單控件進(jìn)行布局與設(shè)計(jì)。

1.2 Websocket

目前移動(dòng)系統(tǒng)的開發(fā)中，客戶端與服務(wù)器通信的方式主要是通過ajax技術(shù)與json技術(shù)，如文獻(xiàn)[4]提出的Ajax+JSON+jQuery傳輸方案，有效提高了Web應(yīng)用系統(tǒng)的數(shù)據(jù)傳輸效率， 減少客戶端的請(qǐng)求響應(yīng)時(shí)間.但這種Ajax技術(shù)還是需要客戶端發(fā)起請(qǐng)求，服務(wù)器端需要被動(dòng)的等待客戶端的請(qǐng)求，無法實(shí)現(xiàn)即時(shí)通信，故本文采用HTML5中的一個(gè)新特性WebSockets。WebSockets是下一代客戶端-服務(wù)器的異步通信方法。該通信取代了單個(gè)的TCP套接字，使用WS或WSS協(xié)議。WebSockets最偉大之處就是在于服務(wù)器和客戶端可以在給定的時(shí)間范圍內(nèi)的任意時(shí)刻互相推送消息，并且能跨域通信。

本文在客戶端與服務(wù)器端進(jìn)行通信是采用兩種方式，即時(shí)通信采用websocket，普通數(shù)據(jù)的獲取采用Ajax+JSON+jQuery的方式。

1.3 服務(wù)器端技術(shù)

移動(dòng)圖書館服務(wù)器主要是用戶與圖書的管理功能。主要負(fù)責(zé)用戶與圖書的增、刪、改等功能。服務(wù)器端的實(shí)現(xiàn)有多種，本平臺(tái)的服務(wù)器采用Java EE的分層結(jié)構(gòu)，主要包括視圖層、控制器層、業(yè)務(wù)邏輯層以及DAO層。分層體系將業(yè)務(wù)規(guī)則、數(shù)據(jù)訪問等工作放到中間層處理，客戶端與數(shù)據(jù)庫不直接交互，而是通過控制器與中間層建立連接，再由中間層與數(shù)據(jù)庫交互，中間層采用Struts2+Spring+Hibernate，使用MySQL數(shù)據(jù)庫存放數(shù)據(jù)。服務(wù)器端應(yīng)用的總體架構(gòu)如圖1所示：

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

2.1 系統(tǒng)架構(gòu)

系統(tǒng)的總體架構(gòu)如圖2所示，系統(tǒng)支持基于不同平臺(tái)的移動(dòng)終端通過無線網(wǎng)絡(luò)進(jìn)行訪問。

2.2 詳細(xì)設(shè)計(jì)

基于HTML5的移動(dòng)圖書館系統(tǒng)客戶端的主要功能包括用戶登錄、查詢圖書、圖書借閱、預(yù)約圖書、掛失圖書等功能，服務(wù)器端主要包括系統(tǒng)設(shè)置、讀者管理、圖書借還等功能。如圖3所示：

各功能模塊說明如下：

1）客戶端

用戶登錄：主要包括登錄、找回密碼等功能。

查詢圖書：學(xué)生用戶可以進(jìn)行簡單查詢和高級(jí)查詢；

圖書借閱：圖書的借還、續(xù)借等功能。

預(yù)約圖書：當(dāng)要借的書不在圖書館時(shí)或已被借閱完時(shí)，可以提前預(yù)約。

掛失圖書：圖書丟失需要掛失，可以在客戶端實(shí)現(xiàn)。

2）服務(wù)器端

服務(wù)器端的功能比較復(fù)雜，如系統(tǒng)設(shè)置、系統(tǒng)查詢、管理用戶、圖書等，還需要對(duì)借閱進(jìn)行管理，具體功能如下：

系統(tǒng)設(shè)置：包括圖書館信息設(shè)置、管理員設(shè)置、參數(shù)設(shè)置等。

系統(tǒng)查詢：包括圖書檔案查詢、圖書借閱查詢與借閱到期提醒等。

用戶管理：實(shí)現(xiàn)用戶信息的增、刪、改、查。

圖書管理：包括對(duì)圖書的增、刪、改等。

借閱管理：主要是用戶借閱圖書、歸還圖書和繳納罰款的管理。

圖3 功能結(jié)構(gòu)圖

2.3系統(tǒng)實(shí)現(xiàn)

本項(xiàng)目將圖書館的資源信息與各平臺(tái)的移動(dòng)終端相結(jié)合，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)方便、通用性強(qiáng)的移動(dòng)圖書館，非常方便的使用戶隨時(shí)隨地地獲取圖書館中各類圖書資源和進(jìn)行相應(yīng)的操作。用戶只需打開手機(jī)客戶端軟件連接服務(wù)端，即可實(shí)現(xiàn)圖書的查詢、借閱、續(xù)借等操作。本系統(tǒng)可以應(yīng)用于各類中小型圖書館，讀者通過移動(dòng)圖書館，能更加充分地利用傳統(tǒng)圖書館的館藏資源，同時(shí)方便讀者借閱圖書，并能夠?yàn)樽x者提供個(gè)性化的推送服務(wù)。當(dāng)讀者打開客戶端的移動(dòng)圖書館時(shí)，便能查詢到最新書籍、已借書籍、違約金繳納等通知。系統(tǒng)部分操作界面如圖4、圖5所示。3 結(jié)束語

移動(dòng)圖書館是以移動(dòng)無線通訊網(wǎng)絡(luò)為支撐，以圖書館集成管理系統(tǒng)平臺(tái)為基礎(chǔ)，以適應(yīng)移動(dòng)終端一站式信息搜索應(yīng)用為核心，通過手機(jī)、Ipad等手持移動(dòng)終端設(shè)備，為圖書館用戶提供自動(dòng)查詢與借閱業(yè)務(wù)。伴隨著4G 時(shí)代的全面開啟以及移動(dòng)通信網(wǎng)絡(luò)和移動(dòng)終端的全面提升，移動(dòng)圖書館的應(yīng)用也將變得更為廣泛。下一步將在系統(tǒng)的功能完善、運(yùn)行性能、用戶體驗(yàn)方面作進(jìn)一步的完善。

參考文獻(xiàn)：

[1] 黃政.高校移動(dòng)圖書管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].成都：電子科技大學(xué)，2014.

[2] 陳大軍.移動(dòng)數(shù)字圖書館平臺(tái)的研究與設(shè)計(jì)[D].大連：大連理工大學(xué)，2015.

[3] 劉方.基于Android平臺(tái)的移動(dòng)圖書管理系統(tǒng)的設(shè)計(jì)[D].南京：南京理工大學(xué)，2015

[4] 屈展，李嬋.JSON在Ajax數(shù)據(jù)交換中的應(yīng)用研究[J].西安石油大學(xué)學(xué)報(bào)，2011（1）.

[5] 武玉坤.高并發(fā)校園快遞超市系統(tǒng)[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2015（9）.

[6] 鄭金明，佟施.基于HTML5的校園網(wǎng)高校管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].廣西教育學(xué)院學(xué)報(bào)，2013（2）.