姜浙煒

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

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

中圖分類號：TP393 文獻標識碼：A 文章編號：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

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

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

1.1 HTML5

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

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

1.2 Websocket

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

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

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

移動圖書館服務(wù)器主要是用戶與圖書的管理功能。主要負責用戶與圖書的增、刪、改等功能。服務(wù)器端的實現(xiàn)有多種，本平臺的服務(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è)計

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

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

2.2 詳細設(shè)計

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

各功能模塊說明如下：

1）客戶端

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

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

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

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

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

2）服務(wù)器端

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

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

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

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

圖書管理：包括對圖書的增、刪、改等。

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

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

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

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

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

參考文獻：

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

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

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

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

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

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