基于html5的实验室智能管控系统的设计(附件)【字数：10271】
摘 要随着高等教育的不断改革，实践教学已成为人才培养计划的重要组成部分，实验室是学生开展实际操作不可或缺的重要场所，且高校实验室普遍采取人工管理的方法。随着科研和生产技术的发展，人工管理方式在这种情况下有些不足。系统管理与人工管理相比能够避免各种人为错误，提高管理效率。因此，研究一种实验室智能管控系统来确保实验室管理工作的质量具有重大意义。本文通过nodeJs作为服务端, HTML5+JAVASCRIPT+VUE搭建前端页面，NODEJS+MYSQL搭建后台服务，完成了一个实验室智能管控系统的设计。该管理系统能够实现自主注册、登陆/登出和实验室/实验室设备管理等功能。实现的功能具有较高的可靠性，准确性以及应用价值。
目 录
第一章 绪论 1
1.1研究的背景与意义 1
1.2课题研究的内容和论文架构 1
第二章 系统相关技术 3
2.1系统相关技术介绍 3
2.2本章小结 5
第三章 系统分析设计与实现 6
3.1系统需求分析 6
3.2系统设计 8
3.2.1系统体系架构设计 8
3.2.2系统主要功能模块设计 9
3.2.3数据库设计 10
3.3系统实现 13
3.3.1系统设计工具与运行环境 13
3.3.2系统登陆/登出模块 13
3.3.3个人信息模块 16
3.3.4设备管理模块 17
3.4本章小结 19
第四章 系统测试 20
4.1启动测试 20
4.2功能测试 20
4.2.1用户登陆/登出模块功能测试 20
4.2.2个人信息模块功能测试 21
4.2.3系统实验室管理功能测试 21
4.2.4系统实验设备管理功能测试 22
4.3本章小结 23
结束语 24
致谢 25
参考文献 26
附录 部分程序 27 第一章 绪论
1.1研究的背景与意义
随着高等教育的不断改革，实践教 *好棒文|www.hbsrm.com +Q: ￥351916072￥
学已成为人才培养计划的重要组成部分，实验室是学生开展实际操作不可或缺的重要场所。现在实验室普遍采取人工管理的方式,人工记录很麻烦并且容易出现错误。与人工管理相比，系统管理能避免各种人为错误,降低工作成本，提高工作效率。随着科学技术的发展，系统的应用不仅是学校信息管理的要求，也能提高实验室的管理效率。因此,应用管理系统来进行实验室管理可以说是肯定的。实验室管理系统具有操作简单实用的特点,可以满足当前实验室的实际情况和具体要求, 并且管理系统可扩展,可以继续开发以满足后续需求。
本项目拟从这个角度出发设计一种基于HTML5的实验室智能管控系统。该系统能够管理多个实验室平台，设置实验室开启或关闭的状态；也能够管理实验室的设备，设置实验室设备正常或损坏的状态。当需要管理的实验室或者实验室设备发生变化时，实验室管理系统可以对数据进行相应的操作，提高管理效率。
1.2研究内容和论文架构
1.研究内容
本课题要求基于HTML5设计出一款实验室智能管控系统，它能够解决管理时间不灵活、安全性不可靠、成本较高等问题，并且有效提高实验室的管理水平,实现智能管理。实现的功能具有可靠性，准确性和应用价值的特点。
首先深入分析了和研究了课题用到HTML5的相关原理及技术。然后，对实验室智能管控系统进行全面的需求分析和设计，其中系统设计分为系统体系架构设计、系统主要功能模块设计和数据库设计。实现该系统的数据流图如图11 所示。
图11 数据流图
其中系统主要功能模块分为三个模块分别为登陆/登出模块、个人信息模块和用户管理实验室/实验室设备模块。其核心内容是用户对实验室/实验室设备的管理功能。实验者可以初始化系统中的对象参数。本实验室可用于监控每个实验室设备并管理设备状态。用户可以将设备的性能状态记录下来，上传到系统，识别可以在系统中使用的设备，并报告不能使用的设备。
2.论文架构
第一章 绪论：首先介绍了《基于HTML5的实验室智能管控系统的设计》这个课题的研究背景与意义，然后阐述了具体的研究内容。
第二章 系统技术原理：分别介绍和分析了实验室智能管控系统要用到的关键原理与技术，包括：B/S、JavaScript、Node.js等理论知识点。
第三章 系统分析设计与实现：首先分析了实验室智能管控系统的需求，同时给出了实验室智能管控系统数据流程图和用户端用例图；然后，阐述了实验室智能管理系统的总体设计。系统设计又分为系统体系架构设计、系统功能模块设计和数据库设计。在系统功能模块的设计中还对各模块进行了详细阐述，在数据库设计中主要介绍了数据库架构结构设计和数据库逻辑概念设计；最后，给出了系统实现的设计工具、运行环境以及相关代码。
第四章 系统测试: 先测试用户能否顺利访问系统，然后测试各个模块的功能是否实现，最后给出测试结果。
第二章 系统相关技术
本文设计一种基于HTML5的实验室智能管控系统。该系统采用B/S模式，使用HTML5+JAVASCRIPT+VUE搭建前端页面，使用NODEJS+MYSQL搭建后台服务。以下是系统相关技术的介绍。
2.1系统相关技术介绍
1. HTML5与客户端/服务器模型
HTML5草案的前身名为Web Applications 1.0,由WHATWG在2004年提出，由W3C在2007年接纳，于2010年正式推出，推广速度惊人[1]。HTML5 是一门被设计来处理、定义和表现文本的标记语言[1]。HTML 5 的特性如下:
（1） 设备兼容性：HTML 5能够使外部应用直接连接在服务端内部的数据。
（2） 连接特性：工作效率高、速度快和更高效的服务器推送。
（3） 图形特性：可以减轻跨平台开发难度。
（4） 离线应用技术： 支持离线环境下工作，适应性更强
本课题将管理系统与HTML5技术结合，可以充分利用HTML5的交互性特点，改善用户体验。
现今，我们经常用得到的服务器模型有B/S模型和C/S模型。B/S模型使用的基于HTTP协议的Web服务器。其的工作过程是C/S模型的具体化、实例化。
目 录
第一章 绪论 1
1.1研究的背景与意义 1
1.2课题研究的内容和论文架构 1
第二章 系统相关技术 3
2.1系统相关技术介绍 3
2.2本章小结 5
第三章 系统分析设计与实现 6
3.1系统需求分析 6
3.2系统设计 8
3.2.1系统体系架构设计 8
3.2.2系统主要功能模块设计 9
3.2.3数据库设计 10
3.3系统实现 13
3.3.1系统设计工具与运行环境 13
3.3.2系统登陆/登出模块 13
3.3.3个人信息模块 16
3.3.4设备管理模块 17
3.4本章小结 19
第四章 系统测试 20
4.1启动测试 20
4.2功能测试 20
4.2.1用户登陆/登出模块功能测试 20
4.2.2个人信息模块功能测试 21
4.2.3系统实验室管理功能测试 21
4.2.4系统实验设备管理功能测试 22
4.3本章小结 23
结束语 24
致谢 25
参考文献 26
附录 部分程序 27 第一章 绪论
1.1研究的背景与意义
随着高等教育的不断改革，实践教 *好棒文|www.hbsrm.com +Q: ￥351916072￥
学已成为人才培养计划的重要组成部分，实验室是学生开展实际操作不可或缺的重要场所。现在实验室普遍采取人工管理的方式,人工记录很麻烦并且容易出现错误。与人工管理相比，系统管理能避免各种人为错误,降低工作成本，提高工作效率。随着科学技术的发展，系统的应用不仅是学校信息管理的要求，也能提高实验室的管理效率。因此,应用管理系统来进行实验室管理可以说是肯定的。实验室管理系统具有操作简单实用的特点,可以满足当前实验室的实际情况和具体要求, 并且管理系统可扩展,可以继续开发以满足后续需求。
本项目拟从这个角度出发设计一种基于HTML5的实验室智能管控系统。该系统能够管理多个实验室平台，设置实验室开启或关闭的状态；也能够管理实验室的设备，设置实验室设备正常或损坏的状态。当需要管理的实验室或者实验室设备发生变化时，实验室管理系统可以对数据进行相应的操作，提高管理效率。
1.2研究内容和论文架构
1.研究内容
本课题要求基于HTML5设计出一款实验室智能管控系统，它能够解决管理时间不灵活、安全性不可靠、成本较高等问题，并且有效提高实验室的管理水平,实现智能管理。实现的功能具有可靠性，准确性和应用价值的特点。
首先深入分析了和研究了课题用到HTML5的相关原理及技术。然后，对实验室智能管控系统进行全面的需求分析和设计，其中系统设计分为系统体系架构设计、系统主要功能模块设计和数据库设计。实现该系统的数据流图如图11 所示。
图11 数据流图
其中系统主要功能模块分为三个模块分别为登陆/登出模块、个人信息模块和用户管理实验室/实验室设备模块。其核心内容是用户对实验室/实验室设备的管理功能。实验者可以初始化系统中的对象参数。本实验室可用于监控每个实验室设备并管理设备状态。用户可以将设备的性能状态记录下来，上传到系统，识别可以在系统中使用的设备，并报告不能使用的设备。
2.论文架构
第一章 绪论：首先介绍了《基于HTML5的实验室智能管控系统的设计》这个课题的研究背景与意义，然后阐述了具体的研究内容。
第二章 系统技术原理：分别介绍和分析了实验室智能管控系统要用到的关键原理与技术，包括：B/S、JavaScript、Node.js等理论知识点。
第三章 系统分析设计与实现：首先分析了实验室智能管控系统的需求，同时给出了实验室智能管控系统数据流程图和用户端用例图；然后，阐述了实验室智能管理系统的总体设计。系统设计又分为系统体系架构设计、系统功能模块设计和数据库设计。在系统功能模块的设计中还对各模块进行了详细阐述，在数据库设计中主要介绍了数据库架构结构设计和数据库逻辑概念设计；最后，给出了系统实现的设计工具、运行环境以及相关代码。
第四章 系统测试: 先测试用户能否顺利访问系统，然后测试各个模块的功能是否实现，最后给出测试结果。
第二章 系统相关技术
本文设计一种基于HTML5的实验室智能管控系统。该系统采用B/S模式，使用HTML5+JAVASCRIPT+VUE搭建前端页面，使用NODEJS+MYSQL搭建后台服务。以下是系统相关技术的介绍。
2.1系统相关技术介绍
1. HTML5与客户端/服务器模型
HTML5草案的前身名为Web Applications 1.0,由WHATWG在2004年提出，由W3C在2007年接纳，于2010年正式推出，推广速度惊人[1]。HTML5 是一门被设计来处理、定义和表现文本的标记语言[1]。HTML 5 的特性如下:
（1） 设备兼容性：HTML 5能够使外部应用直接连接在服务端内部的数据。
（2） 连接特性：工作效率高、速度快和更高效的服务器推送。
（3） 图形特性：可以减轻跨平台开发难度。
（4） 离线应用技术： 支持离线环境下工作，适应性更强
本课题将管理系统与HTML5技术结合，可以充分利用HTML5的交互性特点，改善用户体验。
现今，我们经常用得到的服务器模型有B/S模型和C/S模型。B/S模型使用的基于HTTP协议的Web服务器。其的工作过程是C/S模型的具体化、实例化。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/dzxx/dzkxyjs/750.html
