信息与电脑2019年第9期China Computer & Communication软件开发与应用基于Web的毕业生离校管理系统的设计与实现付昱榕 许新华 吕水典 刘梦宇 刘文文 荣文婷（湖北师范大学 计算机与信息工程学院，湖北 黄石 435002）摘 要：针对湖北师范大学毕业生离校时因手续繁杂、办理过程繁琐费时的问题，设计并实现了基于Web的毕业生离校管理系统。利用Maven进行构建，通过版本控制工具GitHub协作开发，采用MySQL数据库存储数据，后台使用MyBatis+Spring+SpringMVC等技术处理业务逻辑，前台页面由HTML5+CSS3+Bootstrap+KindEditor等组合搭建，通过JavaScript+Angularjs+Ajax等与后台进行数据交互，同时，使用Alasql.js+FileSaver.js完成相关辅助功能。通过本网站，毕业生可查询离校手续的办理情况，办理手续的流程，浏览教师发布的新闻和通知，同时，教师能够通过网站处理毕业生的离校手续，向毕业生发布新闻和通知。试用表明，本网站方便学生办理毕业离校手续，简化了教师的工作流程。关键词：Web；学生端；教师端；毕业生；离校手续中图分类号：TP311.52 文献标识码：A 文章编号：1003-9767（2019）09-097-02Design and Implementation of Web-based Graduates' School Leave Management SystemFu Yurong, Xu Xinhua, Lyu Shuidian, Liu Mengyu, Liu Wenwen, Rong Wentingschool, a Web based graduate school departure management system is designed and implemented. Using Maven for construction, Abstract: (College of Computer Science and Information Engineering, Hubei Normal University, Huangshi Hubei 435002, China)In view of the complicated procedures and cumbersome process when Hubei Normal University graduates leave collaborative development through version control tool GitHubb, using MySQL database to store data, backstage using MyBatis + and other combinations built, Interact data with the background via JavaScript + Angularjs + Ajax, etc., and use Alasql.js + FileSaver.Spring + Spring MVC and other technologies to process business logic, front page page by HTML5 + CSS3 + Boottrap + KindEditor js to complete related AIDS. Through this website, graduates can inquire about the handling of school leaving procedures, the process procedures of graduates through the website and publish news and notices to graduates. The trial shows that this website facilitates of handling procedures, and browse the news and notices issued by teachers. At the same time, teachers can handle the school-leaving students to go through the graduation formalities and simplifies the teacher's work flow.Key words: Web; student-side; teacher-side; graduates; school leaving procedure０ 引言奔波办理手续，造成了一定不便。随着互联网技术的不断发展，许多行业都开始将网络与信息结合，实现了基于计算机技术的信息管理系统。各大高１ 网站结构校开始建立以计算机网络信息技术为基础的信息管理系统和1.1 总体结构服务平台，以改善学生的学习和生活模式，方便教师教学和网站的功能需求分析主要分为首页、各个部门的新闻管理。毕业生离校手续在湖北师范大学仍采用人工办理，每页面、学生端和教师端等模块。依据需求分析，网站的总体年学生毕业之际耗费教师大量时间与精力，学生需在各部门结构共分为三个功能模块，每个模块具体功能如图1所示。基金项目：教育部国家级大学生创新创业训练项目“智慧健康一体机”（项目编号：201810513002）；湖北师范大学计算机与信息工程学院本科科研项目“湖北师范大学毕业生离校手续自助管理平台”。作者简介：付昱榕(1999—)，女，湖北宜昌人，本科，AndiOS工作室成员。研究方向：JavaWeb。通讯作者：许新华(1968—)，男，湖北孝感人，硕士研究生，教授。研究方向：软件工程、大数据与计算教育学。Email：xuxinhua@hbnu.edu.cn。— ９７ —软件开发与应用信息与电脑China Computer & Communication2019年第9期Web服务是一种面向服务的架构技术，通过网络发布、定位、部门信息表、对应部门信息表、新闻信息表、教师办理信息表、激活，通过标准的HTTP协议提供服务，保证不同平台的应学生信息表、教师信息表和用户表。以学生表和教师表为例，用服务可以进行互操作[1]。该系统基于先进的网络技术和数学生表分为学号、姓名、各部门办理进度等，教师表分为所据共享理念，在毕业离校的各相关部门实现数据的高度共享属部门、密码、账号和姓名，其E-R图设计如图2所示。和流动，并明确各部门的责任和业务管理范围，毕业生按照系统中所列内容逐项办理离校手续[2]。图２ Ｅ－Ｒ图这九张表的逻辑结构进行了详细设计，以教师信息表为例，逻辑结构设计如表1所示。图１ 网站总体结构 表１ 教师信息表1.2 学生端功能界面名称字段类型字段长度类型约束字段描述tea_idvarchar50PK教师工号学生端为学生查询信息页面。学生在登陆页面输入学号tea_pwdvarchar30—教师登录密码和密码，登陆查看学校相关部门的信息反馈，了解离校需要tea_namevarchar20—教师姓名办理的手续和离校手续的处理现状[3]。点击各个部门导航条，tea_deptint5—教师所属部门可查看八个手续（学生证注销、党组织关系转交接、书籍借还、３ 系统测试教材费学费缴纳、宿舍财务钥匙处理和水卡饭卡的退款交卡）毕业生离校手续管理系统利用Maven进行构建，团队成的办理状态及办理方法。员通过版本控制工具Git协作开发，采用MySQL数据库存1.3 教师端功能界面储数据，后台使用MyBatis+Spring+SpringMVC等技术处理业务逻辑，前台页面由HTML5+CSS3+Bootstrap+KindEditor由于离校毕业生的八个手续由八个部门（二级学院、组等组合搭建，通过JavaScript+Angularjs+Ajax等与后台完成织部、团委、图书馆、教务处、财务处、宿管和国有资产管理科）数据交互，同时，使用Alasql.js+FileSaver.js实现相关辅助分别办理，因此各个部门处理手续的教师通过工号登陆系统功能。团队成员对网站登陆模块、教师处理信息模块进行了后，处理的信息不同，显示页面内容不同。教师端为教师处系统测试，测试结果显示该网站运行正常。理信息页面。教师可以通过学生的学号及学院班级状态的下拉菜单查询学生信息，在操作栏修改学生手续状态。点击管４ 结 语理新闻资讯按钮可发布新闻，点击管理办理信息按钮可发布本网站采用先进的软件技术，界面清晰，学生查询信息办理手续流程方法。方便，教师处理手续快捷。这一系统为学校每年的毕业生手２ 数据库设计续处理工作节省了大量人力、物力，方便了学校主管部门和教师，提高了毕业生对学校离校管理工作的满意度。数据库主要用来存储数据。为了完善平台系统的数据处理功能，数据库提供基本信息时，应保证数据的完整性、独立性和安全性，尽量降低数据的冗余度[4]参考文献。[1]岳昆,王晓玲,周傲英.Web服务核心支撑技术研究综述2.1 数据库的选择[J].软件学报,2004,15(3):428-440.该系统运用Navicat MySQL数据库管理数据，利用[2]孙秋瑞,卢小清.电子离校系统在高校信息化建设中的Navicat完成访问、配置、控制、管理和开发，方便数据库开实施[J].广西大学学报(自然科学版),2011,36(S1):289-292.发人员和数据库管理员访问MySQL系统。[3]于晗.高校离校系统的设计与实现[J].亚太教育,2016 2.2 数据表设计(33):206.[4]圣文顺,石天恩,黄旭.基于Web的大学生服务平台的设 依据需求分析，设置了账户权限分配表、学院信息表、计与开发[J].信息与电脑(理论版),2019(1):131-133.— ９８ —