基于HTML5高校图书管理系统

　　摘要：现如今，很多发达地区的高等院校与中国部分发达区域高等院校的校园网信息控制平台运用早就已经非常的广泛了，信息技术在教育领域当中的运用依然非常的深入，变成了校园向更深一个阶层开展的推动装置。同经济发达区域的高等院校做对比，部分地区的高等院校的图书管理体系依旧存在很多的问题有待解决，极大地制约了高等院校的信息化进程的深入与发展，若不立即完善图书馆信息化的构建，必定会阻碍该区域的教育水平。鉴于HTML5以及.NET的新型图书馆信息体系可以自动响应移动设备、平板电脑以及PC端等各个终端设备装置当中，提供了不同操作系统以及浏览器中的舒适体验。

　　关键词：HTML5；CSS3；Bootstrap；.NET；响应式Web设计

　　中图分类号：TP311文献标识码：A文章编号：1009-3044（2018）10-0084-02

　　为提升图书馆信息化管理程度并强化其工作的效益，院校通过效益极高的HTML5界面前端信息技术，让该技术在校园的网络设计规划当中体现其重要的意义与用途，该项技术也将会变为学校向社会展现自身的一个利器。但是伴随着时代的不断发展与进步，很多的软件程序在不断被推广使用的当今，已有的信息管理体系要求进行一次全方位的升级强化以及拓展，只有这样才可以适应由于教育规模拓展所造成的业务整改所引起的转变。

　　1概述

　　HTML5可以说是新一代的HTML，是用来取缔HTML4.01的；经历了长达8年时间的钻研与推进，在2014年中旬之时，W3C（WorldWideWebConsortium）首次提出了有关HTML5的工艺标准以及其流程。

　　HTML5技术的研究与推行，让很多的网站的研发以及互联网用户的网页浏览体验步入到了一个全新的纪元，除去展现基础文字以及图像，不必再去配置对应的组件，HTML5原先的技术工艺已经很难实现和以往的视频或者是图像之间实现交互了，也正是这样的一个信息的技术逐渐的让Web网站日渐成为一个规模巨大并且所蕴含的知识内容非常的丰富的平台；该项技术是Web网站实现自身理想的基础，而Web网站的核心就是想要构建一个开放的平台。如果说最后这样的一个目标可以被实现，那么就可以深入的推动其跨越平台的使用与运作。该平台的会员，譬如苹果，谷歌，微软以及华为等众多知名的公司也都积极的加入到了其中，并在该项技术进步发展的过程当中体现了其自身的重要意义与价值体系，伴随着整个互联网信息技术的发展，各个产业链达成一致的认识，HTML5的标准受到了火狐浏览器，谷歌浏览器以及IE浏览器等各种浏览器软件的深入运用。

　　该项技术的关键点在于，技术能够实现多终端装置和跨越服务器平台的使用，譬如某互联网更是研发出了一个新型的技术结构，而该公司就能够选取在Unix，Linux系统以及微软系统等不同的操作系统上颁布，也可以在脸书、苹果、谷歌以及微信等相关软件平台上发布，HTML5的跨平台性能非常的强大，这也正是产业当中的生产商与客户对HTML5如此感兴趣的主要原因之一。HTML5还有着实时更新的性能，更新HTML5系统就如同刷新网络界面一般容易，是及时的、快速的更新。HTML5可以充分的体现客户对于移动互联软件“富内容、富交互、富体验、跨平台”的相关需求，配适离线访问、配适全媒介呈现、配适交互体系的2D或是3D的图形渲染、构成一个完整的界面，根据其对应设备的特点（如显示屏分辨率）适配布控与对应的行为。该项技术本身有着很多层面上的优势，譬如：将改项技术当中video以及audio元素应用到音频或者是视频回放当中，而canvas元素的主要应用方向就是我们的绘制体系，对离线应用以及本地所储存好的信息数据带来全方位的支持，不仅如此还有nav，article，header等全新的特殊内容标志。

　　本文用HTML5技术规程来当作对应的准则，就图书馆信息资源体系展开设计规划以及对应的研发工作。通过HTML5，CSS3，JavaScript以及Bootstrap等相关技术的融入与使用，设计规划跨平台响应型的站点体系。与此同时借助.NET技术開展对应的后台软件的设计研发，用SQLServer来当作后台的信息库资源。借助HTML5的新标注以及CSS3技术当中的各项最新的属性，与JavaScript当中各项脚本是否符合相关的规程与其特效，切合Bootstrap技术工艺进行对应的响应体系的研究与推行，这是一种新兴的设计概念，依照这样的设计观念规划设计适用于移动客户端或者是pc端等不同访问装置的网络站点，提升学校师生运用数字化图书馆中心时的访问感受。

　　2系统的设计与实现

　　2.1开发工具的选择

　　鉴于.NET框架的技术的优点所在，本资源体系是建立在WindowsServer的基础之上进行建设的，借助C#来当做是运用层开发的语言，其建设也根据NET与HTML5的新型图书馆数据体系。所建设的体系可以更好地配适图书馆数据资源体系相关的要求与标准，有着自动响应移动客户端以及pc端等屏幕规格不同的装置，系统性能反馈的速率非常之快，良好的数据交换以及延展性能强的特征，而且能够实现跨平台浏览。一次研发就可以在不同的操作系统上拥有一个完整的用户交互感受，节省了研发以及维修的成本。

　　2.2系统的设计实现

　　数据库的规划是该资源体系当中最根本的一个构成环节，借助使用ORM（对象角色建模）的形式来设计规划数据库，与此同时建立起实体联系图，实际操作之时能够借助Visio软件来加以实现，借助这样的一种形式构建起来的数据库，容易创建或者是更改业务规程，而且能够实现对于数据库的反方向处理。

　　数据库体系由管理员表manager，newsManager，内容表news，图像表image以及链接表link等表格构建而成。在此当中new表主要是涵盖有信息资源体系的大致内容信息，字段规划如下图1，图2所示：

　　信息体制当中的关键部分就在与对体系业务层的规划与管理，使用剥离表示层以及其对应的业务层的形式，将整个体系向着有更强的延展性以及灵活性的层面去发展完善，设计对应的离线、分离形式并且依照XML以及JSON的数据体制架构来进行设计规划，借助.NET来完善其整个体系操作环节当中的性能可调配的性质。

　　而对应的表示层的规划是借助HTML5，CSS3，Javascript以及Bootstrap技术开展起来的，前端框架整合有一个最基本的CSS插件、依照jQuery的Javascript插件集合，尊崇移动优先的思维理念，建立起响应式的图书馆数字化教学体系，只需要一次性的设计研发，体系就可以自行配适移动设备以及pc端等不同装置的正常浏览，在火狐浏览器，谷歌浏览器，苹果浏览器以及Edge浏览器当中有着较强的显示，如此一来该体系就可以全方位的满足使用者对于图书馆体系的整体需求了。这样的一种新兴的技术应用，不但可以全面的体现设计过程当中的功能，还可以有效的强化整个体系对于现有资源的使用效益，不仅如此也减少了体系的维护的工作难度。

　　2.3系统的部署运行

　　系统布设在WindowsServer2008R2的IIS服务的颁布目录之下，是根据.NETFramework4.5，jQuey3.1.1，Bootstrap3.3.7，以及SQLServer2008R2來开展的。

　　文章所建立的高校图书馆数字化资源体系，做到了跨平台，多装置，反应快，更好地满足客户的浏览感受，与此同时适用于移动终端以及pc端等屏幕尺寸规格不同的设备的访问。系统表示层HTML的主要结构代码如下所示。

　　3结论

　　该项技术属于一个全新的网络平台，有着可以跨越平台限制，多设备并行，自动适应的网页规划界面，数据信息实时更新上传等对应的优势所在，结合新兴.的NET互联网信息使用与对应的服务政策，涵盖有一套完整的软件与信息技术，该项技术设计的流程以及其对应的配适体制，引入了全新的属性规范以及其对应的性能体制到其中，转变了用户与文档之间的交互模式，配适线下的，支持客户端的Audio，Video等相关的性能。

　　使用该项技术的优势就在于，该项技术能够实现跨平台的使用。譬如，用其他编辑语言与其技术之间相结合能够研发出一个全新的HTML5的体系，这样的系统可以更好地被转移至对应的开放平台、也可以轻松地移植到诸如：Oiler的应用中心、脸书应用平台，甚至可以经过技术的封装发放到苹果商店以及谷歌商店之上，因此这就是该项技术强大之处的体现形式之一，更是该项技术受到广大编程设计人员青睐的主要原因。综上所述，在高校这种特定环境中，定制基于HTML5的高校图书管理系统有着非常重大的意义。

　　作者：王砚深