1、本 科 毕 业 设 计题目 ：毕业论文（设计）的远程网络化管理学 院: 理学院专 业: 信息与计算科学学 号:学生姓名:指导教师:日 期:武汉科技大学本科毕业设计武汉科技大学本科毕业设计I摘 要在当前高等院校中，毕业设计（论文）是检验毕业生是否具有资格获得学位证书的重要参照标准。为了减轻毕业设计导师的负担，实现毕业论文选题的公开透明化、高效便捷化，毕业论文管理系统就适时而生。该系统实现的功能有：老师在选题页面发布论文题目及简介，查看学生信息，同意或拒绝学生的选题请求。学生在选题页面申请选题，学生可以查询教师的相关信息，确定指导老师和对应的论文题目。另外，各个指导老师会在系统上传往届的优秀论文，
2、方便学生查阅和参考。此系统采用了当前流行的 B/S 结构和 HTML5 移动 Web App 开发技术，运用JAVA、 JavaScript 等开发语言， MySql 数据库、JqueryMobile、AJAX，easyUi 等框架进行开发，符合当前软件开发主流。此外，本系统界面友好、操作简便、性能良好，有助于老师与学生实现信息互动，大大提高了毕业论文管理工作的质量和效率。关键词：HTML5；Web App；Java；JqueryMobile；便捷高效武汉科技大学本科毕业设计IIabstractAt present, the graduation design (paper) is an im
3、portant reference standard for university student who are qualified to obtain degree certificates. In order to reduce the burden of the tutor, make the thesis topic selection open and transparent, efficient and convenient, we developed this graduation thesis management system.The functions of the sy
4、stem contain: Teachers can publish topics and brief introductions in topic selection page, view students information, agree or refuse students apply for their subject. Students can apply for the subject in the topic selection page, query the information of the teacher, and determine the teacher and
5、the corresponding title of the paper. In addition, each instructor can upload some excellent papers written by previous graduates to students for reference.This system adopted the current popular B / S structure and HTML5 Mobile Web App development technology. The development of this system used Jav
6、a, JavaScript, other programming language, framework of MySQL database, JqueryMobile, AJAX, and easyUi etc. It accords with current software development mainstream.In addition, the system has friendly interface, simple operation and good performance. It should help teachers and students to realize i
7、nformation interaction and improve the quality and efficiency of the graduation thesis management.Key words: HTML5; Web App; Java; JqueryMobile; Convenient and efficient武汉科技大学本科毕业设计III目 录1 绪论 .11.1 课题研究的目标与意义 .11.2 课题研究的知识背景 .11.3 论文安排和主要研究成果 .21.3.1 内容安排 .21.3.2 主要成果 .31.4 论文创新点 .32 需求分析与总体设计 .42.1
8、 需求和功能 .42.2 系统主要功能描述 .42.2.1 系统的功能关系图 .42.2.2 系统主要模块的功能设计 .62.3 数据表字段设计 .72.3.1 用户表 .72.3.2 管理员表 .72.3.3 论文表 .82.3.4 选题确认表 .82.3.5 论文选题表 .92.3.6 论文收藏表 .92.3.7 文档附件表 .92.3.8 消息通知表 .103 用户注册登录功能设计与实现 .113.1 用户注册账号信息 .113.2 用户账号登录 .114 教师模块功能设计与实现 .124.1 教师首页功能 .124.2 教师“我”部分功能 .124.2.1 个人资料部分的功能 .124
9、.2.2 我的收藏部分的功能 .124.2.3 设置部分的功能 .124.3 教师选题功能设计 .13武汉科技大学本科毕业设计IV4.3.1 论文选题发布功能 .134.3.2 已发布论题部分的功能 .134.3.3 已确定学生部分的功能 .134.3.4 待确定学生部分的功能 .134.4 教师论文功能设计 .144.4.1 本届论文信息展示 .144.4.2 优秀论文信息展示 .145 学生模块功能设计与实现 .165.1 学生首页功能 .165.2 学生“我”部分功能 .165.2.1 个人资料部分的功能 .165.2.2 我的收藏部分的功能 .165.2.3 设置部分的功能 .165.
10、3 学生选题功能设计 .165.4 学生论文功能设计 .175.4.1 我的论文信息展示 .175.4.2 优秀论文信息展示 .176 管理员模块功能设计与实现 .186.1 管理员登录设计 .186.2 教师账号信息管理 .186.3 学生账号信息管理 .186.4 消息信息管理 .186.4.1 消息查询与删除 .186.4.2 消息发布 .186.5 个人账号信息管理 .19结束语 .20参考文献 .21致谢 .22附录 A 页面功能展示 .23附录 B 重要程序代码 .27武汉科技大学本科毕业设计11 绪论毕业论文的选题与管理工作是各个学校每年都会进行的工作。由于各个学校毕业生信息量庞
11、大，课题形式丰富多彩，而目前大部分院校都仅依靠人工开展各项工作，处理起来诸多不便。同时由于信息的不公开化，学生不能及时了解选题情况及工作安排，老师也不能全面的了解学生论文的进展，这为毕业论文管理工作带来很大的困扰。随着科学技术的不断进步与提高 1，计算机技术的应用领域不断拓展，人们的生活越来越离不开计算机应用。作为计算机应用的一部分，使用计算机技术对学生的毕业设计工作进行管理，会大大的提高毕业设计（论文）管理的效率，方便各院校的科学、正规化管理教学工作。1.1 课题研究的目标与意义为了减轻毕业设计导师的负担，实现毕业论文选题的公开透明化、高效便捷化，毕业论文管理系统就适时而生。同时考虑到当前手
12、机移动设备的不断普及，故采用HTML5 开发 Mobile Web App2的形式开发该应用。下载该应用至手机后，学生与老师需注册账号信息，注册成功并登陆后，老师可以发表论文，学生可以查看论题并选题。本着服务学生、方便老师的原则，该系统除了实现基本的老师发题与学生选题功能外，各个指导老师还可以在系统内上传往届的优秀论文，方便学生查阅和参考。学生也可以通过此软件提交毕业设计的相关的开题报告、中期报告、论文等文档。在老师与学生的主页，将会由管理员采用消息推送的方式发布论文工作的相关通知与文件，用户可以定时查阅，以便了解论文工作的进展与要求。本应用紧密结合学生和老师的需求，老师和学生可以很方便在手机
13、上完成毕业设计的相关工作。同时系统具有性能稳定、管理规范、操作高效、数据安全等特点，从而保证学院管理员对毕业论文工作进行科学、规范、有效的管理。1.2 课题研究的知识背景在目前的软件开发中，尤其是应用系统的开发中，Java 语言成为大部分开发人员的选择。因此开发本系统主要使用了 HTML5、Mobile Web 等技术，Java、 JavaScript等开发语言，MySQL 数据库，JqueryMobile、AJAX 等框架进行开发，下面将逐一介绍.HTML5 彻底颠覆了 HTML4 以呈现网页文本为主的功能定位，适应当前移动智能终端的强大功能，定位于提供一个功能完整、开放易用的网页应用平台技
14、术 3。基于HTML5 开发的 Web App，完全可以不借助第三方插件就能实现丰富的交互操作以及多线程处理，使得 Web App 能够完成复杂的操作任务 4。相比于以往开发模式，基于武汉科技大学本科毕业设计2HTML5 的 Web App 离线应用框架是更理想的移动应用方案，是系统的效率得到优化 5。Web App6 实际上就是 Web Application，是指利用 Web 技术，配合 Web 浏览器，实现一个或多个任务的 Web 应用程序。通过 Web 浏览器，由 Web 技术实现出来的Web App 有别于传统的网站，它具有更丰富的交互体验。相对于原声应用（Native App）以及
15、混合应用（Hybrid App），Web App 具有下列优势。其一，Web App 是利用HTML、JavaScript 、CSS 等 Web 技术实现的应用程序，他能运行于多种平台之上，这恰恰是原生应用最大的缺点；其二，Web App 的技术实现成本低，它有效的解决了各个平台之间不同语言的学习成本问题。Java 编程语言是一种面向对象的程序设计语言 7，它不仅简单，不依赖于机器的构造，而且具有可移植性，并且提供并发机制，性能特别高。此外，java 语言能够最大限度利用网络，Java 的小应用程序可在网络上传输而不受 CPU 和环境限制。java 还可以为程序开发者提供丰富的类库 8，使用户
16、可以很方便的建立自己的系统，用户也可以自己提出要使用的 Java 语言进行开发，可见，Java 语言的发展已深入人心。AJAX 全称为“Asynchronous JavaScript and XML”（异步 JavaScript 和 XML） 9，是一种用于创建快速动态网页的网页开发技术，在无需重新加载整个网页的情况下，对网页的某个部分进行更新。它使用 XHTML+CSS 来标准化呈现；使用 XML 和XSLT 进行数据交换及相关操作；使用 XMLHttpRequest 对象与 Web 服务器进行异步数据通信； 使用 JavaScript 操作 Document Object Model 进行
17、动态显示及交互； 使用JavaScript 绑定和处理所有数据。JavaScript 脚本是 Ajax 技术中的另一个重要部分，JavaScript 主要完成以下事情，创建 XMLHttpRequest 对象，通过 XMLHttpRequest 向服务器发送请求。创建回调函数，监视服务器响应状态，在服务器响应完成后，回调函数启动。回调函数通过 DOM 动态更新 HTML 页面。Navicat for MySQL 是一套专为 MySQL 设计的强大数据库管理及开发工具。它可以用于任何 3.21 或以上的 MySQL 数据库服务器，并支持大部份 MySQL 最新版本的功能，包括触发器、存储过程、函
18、数、事件、检索、权限管理等。Navicat for MySQL 采用了图形用户界面(GUI) ，使信息的创建、组织、存取和共享方式更加简便和安全。用户可执行浏览数据库、建立和删除数据库、编辑数据、建立或执行 SQL queries、管理用户权限(安全设定) 、将数据库备份或复原等操作。1.3 论文安排和主要研究成果1.3.1 内容安排论文共分六章。详细介绍了从需求分析到各个功能模块的设计与实现。第 1 章 简要介绍了本文的研究意义、开发知识背景、论文安排与主要研究成果以及本文的创新点。武汉科技大学本科毕业设计3第 2 章 分三大节分别介绍了开发本应用所做的需求分析、系统主要功能模块设计及数据库
19、设计，通过一系列功能关系图直观的展示了本应用给用户提供的功能。第 3 章 详细介绍了用户注册与登录功能的实现。第 4 章 全章分为四大节，分三个主要模块详细介绍教师部分的功能设计与实现。重点介绍教师发布选题及学生选题信息的确认的设计与实现。第 5 章 全章分为四大节，也是分为三个主要模块，与教师部分功能相同的不再赘述，重点介绍了学生选题功能的设计与实现。第 6 章 分四节介绍管理员部分用户管理、消息管理等功能的设计与实现。最后结束语部分是自己在毕业设计工作期间的一个总结，阐述了毕业设计工作的各个阶段所做工作、遇到的问题及解决的方法，最后指出设计中的未完成的设想与待改进的地方。1.3.2 主要成
20、果(1) 实现了教师与学生的账号信息注册，教师、学生、管理员三种不同身份的用户登录本系统。 (2) 完成由教师发题到学生选题，最后教师确认学生选题信息这一整个流程的所有功能。这也是整个毕业设计的核心。(3) 实现教师与学生查看论文详情，上传论文等文件，收藏优秀论文，教师根据答辩结果给学生的论文标示等级等功能。(4) 实现教师、学生、管理员对个人信息的查看与修改，教师与学生个人收藏的论文的查看。(5) 实现管理员对教师与学生的用户信息的管理，消息发布、消息管理等功能。1.4 论文创新点本文的创新点主要体现在以下几个方面：第一，本文最大亮点就是采用比较新的 HTML5 移动应用技术开发了论文管理系
21、统，实现移动互联。在方便教师与学生开展毕业论文工作的同时，利用 HTML5 强大的跨平台性大大降低了开发成本，丰富的标签体系也大大降低了应用开发的技术门槛。第二，采用一套样式代码实现在众多视口下自适配的缩放方式自适应布局方案，同时在本应用中实现了一个方法多次使用，降低了代码冗余和功能实现的复杂度。第三，在编码阶段，为了实现整个系统的功能按照面向对象方法学进行了类的设计，包括用 InetAddress 类来描述 Internet 地址类、 URL 类规范 WWW 资源网络定位地址的表示方法等 10。武汉科技大学本科毕业设计4第四，与以往后台管理员必须写成 web 电脑版不同，本文将后台管理员也写成手机版。管理员可以很方便的在手机上对用户等信息进行管理，不受地域与工具限制，使论文管理工作更加快捷高效。
