基于HTML5高校圖書管理系統(tǒng)

王硯申　劉陽

摘要：現(xiàn)如今，很多發(fā)達地區(qū)的高等院校與中國部分發(fā)達區(qū)域高等院校的校園網(wǎng)信息控制平臺運用早就已經(jīng)非常的廣泛了，信息技術(shù)在教育領(lǐng)域當中的運用依然非常的深入，變成了校園向更深一個階層開展的推動裝置。同經(jīng)濟發(fā)達區(qū)域的高等院校做對比，部分地區(qū)的高等院校的圖書管理體系依舊存在很多的問題有待解決，極大地制約了高等院校的信息化進程的深入與發(fā)展，若不立即完善圖書館信息化的構(gòu)建，必定會阻礙該區(qū)域的教育水平。鑒于HTML5以及.NET的新型圖書館信息體系可以自動響應(yīng)移動設(shè)備、平板電腦以及PC端等各個終端設(shè)備裝置當中，提供了不同操作系統(tǒng)以及瀏覽器中的舒適體驗。

關(guān)鍵詞：HTML5；CSS3；Bootstrap；.NET；響應(yīng)式Web設(shè)計

中圖分類號：TP311 文獻標識碼：A 文章編號：1009-3044（2018）10-0084-02

為提升圖書館信息化管理程度并強化其工作的效益，院校通過效益極高的HTML5界面前端信息技術(shù)，讓該技術(shù)在校園的網(wǎng)絡(luò)設(shè)計規(guī)劃當中體現(xiàn)其重要的意義與用途，該項技術(shù)也將會變?yōu)閷W校向社會展現(xiàn)自身的一個利器。但是伴隨著時代的不斷發(fā)展與進步，很多的軟件程序在不斷被推廣使用的當今，已有的信息管理體系要求進行一次全方位的升級強化以及拓展，只有這樣才可以適應(yīng)由于教育規(guī)模拓展所造成的業(yè)務(wù)整改所引起的轉(zhuǎn)變。

1 概述

HTML5可以說是新一代的HTML，是用來取締HTML4.01的；經(jīng)歷了長達8年時間的鉆研與推進，在2014年中旬之時，W3C（World Wide Web Consortium）首次提出了有關(guān)HTML5的工藝標準以及其流程。

HTML5技術(shù)的研究與推行，讓很多的網(wǎng)站的研發(fā)以及互聯(lián)網(wǎng)用戶的網(wǎng)頁瀏覽體驗步入到了一個全新的紀元，除去展現(xiàn)基礎(chǔ)文字以及圖像，不必再去配置對應(yīng)的組件，HTML5原先的技術(shù)工藝已經(jīng)很難實現(xiàn)和以往的視頻或者是圖像之間實現(xiàn)交互了，也正是這樣的一個信息的技術(shù)逐漸的讓Web網(wǎng)站日漸成為一個規(guī)模巨大并且所蘊含的知識內(nèi)容非常的豐富的平臺；該項技術(shù)是Web網(wǎng)站實現(xiàn)自身理想的基礎(chǔ)，而Web網(wǎng)站的核心就是想要構(gòu)建一個開放的平臺。如果說最后這樣的一個目標可以被實現(xiàn)，那么就可以深入的推動其跨越平臺的使用與運作。該平臺的會員，譬如蘋果，谷歌，微軟以及華為等眾多知名的公司也都積極的加入到了其中，并在該項技術(shù)進步發(fā)展的過程當中體現(xiàn)了其自身的重要意義與價值體系，伴隨著整個互聯(lián)網(wǎng)信息技術(shù)的發(fā)展，各個產(chǎn)業(yè)鏈達成一致的認識，HTML5的標準受到了火狐瀏覽器，谷歌瀏覽器以及IE瀏覽器等各種瀏覽器軟件的深入運用。

該項技術(shù)的關(guān)鍵點在于，技術(shù)能夠?qū)崿F(xiàn)多終端裝置和跨越服務(wù)器平臺的使用，譬如某互聯(lián)網(wǎng)更是研發(fā)出了一個新型的技術(shù)結(jié)構(gòu)，而該公司就能夠選取在Unix，Linux系統(tǒng)以及微軟系統(tǒng)等不同的操作系統(tǒng)上頒布，也可以在臉書、蘋果、谷歌以及微信等相關(guān)軟件平臺上發(fā)布，HTML5的跨平臺性能非常的強大，這也正是產(chǎn)業(yè)當中的生產(chǎn)商與客戶對HTML5如此感興趣的主要原因之一。HTML5還有著實時更新的性能，更新HTML5系統(tǒng)就如同刷新網(wǎng)絡(luò)界面一般容易，是及時的、快速的更新。HTML5可以充分的體現(xiàn)客戶對于移動互聯(lián)軟件“富內(nèi)容、富交互、富體驗、跨平臺”的相關(guān)需求，配適離線訪問、配適全媒介呈現(xiàn)、配適交互體系的2D或是3D的圖形渲染、構(gòu)成一個完整的界面，根據(jù)其對應(yīng)設(shè)備的特點（如顯示屏分辨率）適配布控與對應(yīng)的行為。該項技術(shù)本身有著很多層面上的優(yōu)勢，譬如：將改項技術(shù)當中video以及audio元素應(yīng)用到音頻或者是視頻回放當中，而canvas元素的主要應(yīng)用方向就是我們的繪制體系，對離線應(yīng)用以及本地所儲存好的信息數(shù)據(jù)帶來全方位的支持，不僅如此還有nav，article，header等全新的特殊內(nèi)容標志。

本文用HTML5技術(shù)規(guī)程來當作對應(yīng)的準則，就圖書館信息資源體系展開設(shè)計規(guī)劃以及對應(yīng)的研發(fā)工作。通過HTML5， CSS3， JavaScript以及Bootstrap等相關(guān)技術(shù)的融入與使用，設(shè)計規(guī)劃跨平臺響應(yīng)型的站點體系。與此同時借助.NET技術(shù)開展對應(yīng)的后臺軟件的設(shè)計研發(fā)，用SQL Server來當作后臺的信息庫資源。借助HTML5的新標注以及CSS3技術(shù)當中的各項最新的屬性，與Java Script當中各項腳本是否符合相關(guān)的規(guī)程與其特效，切合Bootstrap技術(shù)工藝進行對應(yīng)的響應(yīng)體系的研究與推行，這是一種新興的設(shè)計概念，依照這樣的設(shè)計觀念規(guī)劃設(shè)計適用于移動客戶端或者是pc端等不同訪問裝置的網(wǎng)絡(luò)站點，提升學校師生運用數(shù)字化圖書館中心時的訪問感受。

2 系統(tǒng)的設(shè)計與實現(xiàn)

2.1 開發(fā)工具的選擇

鑒于.NET框架的技術(shù)的優(yōu)點所在，本資源體系是建立在Windows Server的基礎(chǔ)之上進行建設(shè)的，借助C#來當做是運用層開發(fā)的語言，其建設(shè)也根據(jù)NET與HTML5的新型圖書館數(shù)據(jù)體系。所建設(shè)的體系可以更好地配適圖書館數(shù)據(jù)資源體系相關(guān)的要求與標準，有著自動響應(yīng)移動客戶端以及pc端等屏幕規(guī)格不同的裝置，系統(tǒng)性能反饋的速率非常之快，良好的數(shù)據(jù)交換以及延展性能強的特征，而且能夠?qū)崿F(xiàn)跨平臺瀏覽。一次研發(fā)就可以在不同的操作系統(tǒng)上擁有一個完整的用戶交互感受，節(jié)省了研發(fā)以及維修的成本。

2.2 系統(tǒng)的設(shè)計實現(xiàn)

數(shù)據(jù)庫的規(guī)劃是該資源體系當中最根本的一個構(gòu)成環(huán)節(jié)，借助使用ORM（對象角色建模）的形式來設(shè)計規(guī)劃數(shù)據(jù)庫，與此同時建立起實體聯(lián)系圖，實際操作之時能夠借助Visio軟件來加以實現(xiàn)，借助這樣的一種形式構(gòu)建起來的數(shù)據(jù)庫，容易創(chuàng)建或者是更改業(yè)務(wù)規(guī)程，而且能夠?qū)崿F(xiàn)對于數(shù)據(jù)庫的反方向處理。

數(shù)據(jù)庫體系由管理員表manager， news Manager，內(nèi)容表news，圖像表image以及鏈接表link等表格構(gòu)建而成。在此當中new表主要是涵蓋有信息資源體系的大致內(nèi)容信息，字段規(guī)劃如下圖1，圖2所示：

信息體制當中的關(guān)鍵部分就在與對體系業(yè)務(wù)層的規(guī)劃與管理，使用剝離表示層以及其對應(yīng)的業(yè)務(wù)層的形式，將整個體系向著有更強的延展性以及靈活性的層面去發(fā)展完善，設(shè)計對應(yīng)的離線、分離形式并且依照XML以及JSON的數(shù)據(jù)體制架構(gòu)來進行設(shè)計規(guī)劃，借助.NET來完善其整個體系操作環(huán)節(jié)當中的性能可調(diào)配的性質(zhì)。

而對應(yīng)的表示層的規(guī)劃是借助HTML5，CSS3，Javascript以及Bootstrap技術(shù)開展起來的，前端框架整合有一個最基本的CSS插件、依照jQuery的Javascript插件集合，尊崇移動優(yōu)先的思維理念，建立起響應(yīng)式的圖書館數(shù)字化教學體系，只需要一次性的設(shè)計研發(fā)，體系就可以自行配適移動設(shè)備以及pc端等不同裝置的正常瀏覽，在火狐瀏覽器， 谷歌瀏覽器， 蘋果瀏覽器以及Edge瀏覽器當中有著較強的顯示，如此一來該體系就可以全方位的滿足使用者對于圖書館體系的整體需求了。這樣的一種新興的技術(shù)應(yīng)用，不但可以全面的體現(xiàn)設(shè)計過程當中的功能，還可以有效的強化整個體系對于現(xiàn)有資源的使用效益，不僅如此也減少了體系的維護的工作難度。

2.3 系統(tǒng)的部署運行

系統(tǒng)布設(shè)在Windows Server 2008 R2的IIS服務(wù)的頒布目錄之下，是根據(jù).NET Framework 4.5， jQuey3.1.1， Bootstrap3.3.7，以及SQL Server 2008 R2來開展的。

文章所建立的高校圖書館數(shù)字化資源體系，做到了跨平臺，多裝置，反應(yīng)快，更好地滿足客戶的瀏覽感受，與此同時適用于移動終端以及pc端等屏幕尺寸規(guī)格不同的設(shè)備的訪問。系統(tǒng)表示層HTML的主要結(jié)構(gòu)代碼如下所示。

3 結(jié)論

該項技術(shù)屬于一個全新的網(wǎng)絡(luò)平臺，有著可以跨越平臺限制，多設(shè)備并行，自動適應(yīng)的網(wǎng)頁規(guī)劃界面，數(shù)據(jù)信息實時更新上傳等對應(yīng)的優(yōu)勢所在，結(jié)合新興.的NET互聯(lián)網(wǎng)信息使用與對應(yīng)的服務(wù)政策，涵蓋有一套完整的軟件與信息技術(shù)，該項技術(shù)設(shè)計的流程以及其對應(yīng)的配適體制，引入了全新的屬性規(guī)范以及其對應(yīng)的性能體制到其中，轉(zhuǎn)變了用戶與文檔之間的交互模式，配適線下的，支持客戶端的Audio，Video等相關(guān)的性能。

使用該項技術(shù)的優(yōu)勢就在于，該項技術(shù)能夠?qū)崿F(xiàn)跨平臺的使用。譬如，用其他編輯語言與其技術(shù)之間相結(jié)合能夠研發(fā)出一個全新的HTML5的體系，這樣的系統(tǒng)可以更好地被轉(zhuǎn)移至對應(yīng)的開放平臺、也可以輕松地移植到諸如：Oiler的應(yīng)用中心、臉書應(yīng)用平臺，甚至可以經(jīng)過技術(shù)的封裝發(fā)放到蘋果商店以及谷歌商店之上，因此這就是該項技術(shù)強大之處的體現(xiàn)形式之一，更是該項技術(shù)受到廣大編程設(shè)計人員青睞的主要原因。綜上所述，在高校這種特定環(huán)境中，定制基于HTML5的高校圖書管理系統(tǒng)有著非常重大的意義。

參考文獻：

[1] 盧毓.基于HTML5的超市綜合管理系統(tǒng)的研究與實現(xiàn)[D].長春：吉林大學，2017.

[2] 胡世港，田櫻.基于HTML5+技術(shù)的教學質(zhì)量管理系統(tǒng)移動端APP的開發(fā)研究[J].電腦知識與技術(shù)，2015，11（21）：23-25.

[3] 郭玉江. 基于HTML5的跨平臺移動內(nèi)容管理系統(tǒng)的設(shè)計與實現(xiàn)[D]. 杭州：杭州電子科技大學，2015.

[4] 黃悅深.基于HTML5的移動Web App開發(fā)[J]圖書館雜志， 2014 ， 33 （7） ：72-77.

[5] 李慶云.高校圖書館管理系統(tǒng)的分析與設(shè)計[J].科技資訊， 2017 （9） ：11-12.

[6] 沈楠，崔忠偉，劉卓.基于HTML5與CSS3的高校新聞發(fā)布系統(tǒng)的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)， 2016 ， 12 （10） ：86-87.

[7] 舒遠仲，黃文強，梅夢喆.基于HTML5跨平臺高校就業(yè)信息服務(wù)系統(tǒng)的設(shè)計與實現(xiàn)[J].計算機時代， 2016 （3） ：93-96.

[8] 吳陳明.高校圖書管理系統(tǒng)的設(shè)計與實現(xiàn)[J].西部皮革， 2017 ， 39 （4） ：213-213.

[9] 辛建平.智能圖書管理系統(tǒng)的研究與功能設(shè)計[J].數(shù)字技術(shù)與應(yīng)用， 2017 （2） ：175-176.