刘洋
21072719880414****天津现代职业技术学院
1目的与意义
在现代化高速发展的时代，我们生活的节奏也随着时代变化变得非常快，无论是做事还是学习生活，都追求高效。人们也随着时代需求对生活质量要求越来越高，尽可能的不让大量的时间花费在一些繁琐的过程，使之能够快速的完成事情而获得相同甚至更好的结果。互联网的到来，网民的不断增加和用户群的不断扩大就是证明了它的影响，让我们越来越离不开它，互联网高效率给我们生活带来很多好处，计算机科学已经渗透到我们生活的各个阶层，足不出户就能实现购物，缴费等交易。能够快速的获得资讯，学习理论知识、社交、娱乐，并上传资料、按需下载等多种操作，方便信息查询、传递，并拉近人们的距离，同时也拉近了人们对更多事物的认知，人们可以在科学的知识海洋中畅游，从而使人们着眼于世界并分享人们创造的知识财富。智能的管理系统，也已经成为人们不可小觑的辅助工具，在整个管理流程中，运用前后端开发实验室管理系统，信息的组成是人们处理信息的流动，输入和输出。包括信息采集、整理、储存和的加工过程，它能使繁琐的各个环节事务变的井井有条。
将实验室系统进行优化，实现一个适用于本学院的实验室管理系统是很有必要的，设计是以校园实验设备器材为题材，设计出能使实验设备真正发挥用处，学生能高效率的使用资源的实验设备管理系统，该系统基于WEB设计，并运用CSS，MySQL,Html,jsp,jQuery等技术，由框架技术来实现系统所有设备的管理，学生能够查看实验设备信息，账户管理，设备的信息以及使用者信息，管理者信息，设备借还，预定及增加删除等操作，绘制概念和模式，数据库实现对象，前端实现界面。进行流程优化，使管理更合理，规范和高效。针对这一需求,设计了一个管理系统。系统功能能实现对用户的登陆和注册、查阅设备、预约、关键字查询、工作人员查找、添加、删除、审批设备等功能。提高用户进行信息沟通获得更高的效益，提高学校实验设备的使用率，使得学生更方便的使用实验器材，也更方便的促进学生的学习。
2 主要解决的问题
设计出适合贵州民族大学机械电子工程学院的实验室系统，用前端进行系统框架构建和系统模块网页渲染设计，把信息用html标签代码实现出来，注重色彩的搭配及功能的展现，才能将网页呈现出来，并保证结构稳定，各浏览器兼容问题，系统界面包括用户登录，首页和查询器材详情，内容展示部分。然而，数据库在系统中充当尤其重要的角色，对数据进行增添、修改、删除及数据信息整合，使本系统能够进行数据库的连接，保证后台的帐号和密码系统能够提供给用户，是系统设计的核心部分，而设计的核心是降低人工成本，转换成现代网络技术，摒弃传统实验室管理耗时费力的短板模式[17]，学生在网上就能浏览实验室信息，锁定想要的实验设备，也为学校教学活动，校园开展实验竞赛等提供便利，在之前的实验系统上继续深化改进，因地制宜，设计出综合规范的系统，打破传统的硬式教学模式，新建出优质的教育配置资源[18]，合理的应用。
3技术介绍
3.1 HTML
界面文本操作是由Html完成，HTML能够很好的与浏览器对接，所写的HTML标签能够在浏览器中被识别且解析，这里使用的是HTML5，<!doctype html>标签来声明引用，使得浏览器能够精确的解析到这个版本。使用它来完成基本网页的框架结构，初步以图文构成简单的结构，之后再与样式，动态效果相互结合， HTML组成完网页的框架结构，将网页元素进行分类整理，是组成web标准集合之一，后缀名是.html，完成代码可以在浏览器打开。运用HTML可以将网页结构中的文字，图片，声音等其他内容呈现出现。
在完成骨架的搭建上，链接标签在运用上是必不可少的，可以加载其他内容。运用HTML可以进行表单的创建，用户填写信息，提交信息等，由HTML里的表单标签完成，用于收集用户资料。
3.2 CSS
CSS主要担任样式设计，对HTML单一的框架增添色彩，它可以独立于HTML，使得网页更易于修改，代码更加简洁。也是web标准集合之一，能够对浏览器内容进行颜色，排版，页面布局等格式进行设置，将网页文档呈现出更加精确的图文，它能够继承父亲的属性，对于样式的添加，可以用行内，外联，内部样式来操作。优先级高的会先设置，在权重相等的情况下，越接近内容，就先执行。它能实现的功能也尤其多，例如媒体查询，浮动，弹性盒子等丰富的功能样式。
3.3 Javascript
早期，用户信息与服务器交接慢，浪费很多时间，达不到人们的需求，为了提升网速，推出将数据在服务端验证，在浏览器端就能把功能实现，后来被Netscape公司设计生成，是一门能在网页上用javascript引擎做出动态特效的脚本语言， JavaScript是网页中尤其重要的一大模块，它的出现，能够将静态的页面灵活的展现出来，初级将接触很多逻辑语法，可以实现弹框，用户请求，程序员在控制台打印运行结果等功能，一般将script标签放在body的最下边的脚本位置处，HTML是单线程执行代码，从上往下执行，方便Dom的控制，它赋予静态的HTML逻辑和灵魂，将信息和用户连接起来，实现功能的交互。满足了开发人员对实现更多用户体验的需求，调用浏览器的接口实现一些效果，也在网页开发功能实现上带来了许多便利。
3.4 MySql数据库介绍
MySQL数据库是在B/S布局上开发的，是降本增效的连接型数据库管理系统，性能稳定、减轻数据运转工作负载量，避免资源处理冲突，高效节能。MySQL数据库被是大多数人进行数据控制管理的首选，在web中的运用也非常常见，它的高效和可靠性得到了程序员的肯定，它拥有清晰的逻辑数理和集合操作，也决定了它在互联网行业的领先地位，管理系统主要是控制数据输出输入，增删改查等功能，能够进行用户访问，将该网页与数据库相结合，形成一个有实用性的管理系统，这里运用了MySQL和SQLyog相互连接，在SQLyog里面新建表，填写表信息，根据密码和用户名在数据库中可以查找到是否有对应的对象，运用java新建业务servlet来处理登陆，实现登陆注册，通过获取用户名密码，调用Dao接口把用户名和密码保存到数据库，判断是否存在要转发还是重定向来实现登陆跳转，创建lab对象保存在数据库中，将实验室信息分类约束，建立实现前端界面对数据库访问。
总结
随着经济高速发展，国家也不断强大，也对教育更加注重，培养学生认知能力和动手能力，利用好实验室资源是一种重要的手段。目前，互联网的高速的发展，提高了人们的生活质量，在有限的时间内干更多的事，把高新的技术融入教育，不断的推进和深化发展，培养出高素质人才，才是校园当下要研究和分析的问题，而网页设计web前端近年来发展迅猛，css和html就完成图形化的界面goi.人所共知，不同的语言具有不同的优势和缺点，代码的编译、调试程序也更适用于web服务器下运转，web的运用几乎涵盖了大片网站市场，抓住具有优势的设计，让更多的人收益其中，运用好数据库，可以稳定安全的运行数据，进行信息的交接，通过线上的交互功能、操作界面浏览信息来实施实验室设备管理流程，推动校园有效的避免资产浪费，随时读取实验室信息，借取实验器材。
参考文献
[1] 尚广浩.分床电去离子（EDI）技术制备超纯水研究[D].长沙：中南大学，2008.
[2] 陈雪芬.电去离子技术处理含重金属电镀废水[D].杭州：浙江大学，2005.
[3] 陈鹏翔.制药行业纯化水系统设计与应用[D].上海：上海交通大学，2015.