基于AngularJS的高校学生档案管理系统的设计与实现的毕业论文

1、职场大变样社区（）：下载毕业设计成品全套资料，全部50元以下 毕业设计（论文）题目：基于AngularJS的高校学生档案管理系统的设计与实现学 生 姓 名 学 号 班 级 所属院（系） 指 导 教 师 2016 年 4 月 11日太原科技大学华科学院毕业设计（论文）任务书专业：信息管理与信息系统 时间：2016年4月11日学 生 姓 名指 导 教 师设计（论文）题目基于AngularJS的高校学生档案管理系统的设计与实现主要研究内容 1、对高校学生档案管理系统进行分析 2、对高校管理学生档案的情况进行分析 3、研究高校学生管理系统在各个学校里的应用状况 4、研究AngularJS的应用的范围

2、5、设计高校学生档案管理系统，防止纸质版的多种问题 6、详细分析整个系统的业务流程研究方法1）理论研究方法：通过网上图书和相关文献进行参阅，结合案例进行分析并进行相关研究。2）实证研究方法：通过高校学生档案管理系统的了解，实现管理和整个系统功能。主要技术指标(或研究目标)能够按照任务和要求完成毕业设计；毕业设计说明书紧扣课题，内容严谨，联系实际；开题报告和毕业设计说明书的格式要符合要求；毕业设计说明书字数不少于10000字，装订规范。主要参考文献1Bruce Eckel. Thinking in JavaM. Upper Saddle River, New Jersey, USA: Prent

3、ice Hall, 20062Ajax IN ACTIONM,Dave Crane,Eric Pascarello with Darren James, 20053 张孝祥，方立勋.JAVA邮件开发详解M. 电子工业出版社，2007.4 刘京华.Java Web整合开发王者归来M. 清华大学出版社，2010.5 任泰明.TCP/IP协议与网络编程M. 西安电子科技大学出版社, 2004.4.说明：一式两份，一份装订入学生毕业设计（论文）内，一份交学院（直属系）。基于AngularJS的高校学生档案管理系统的设计与实现摘 要中国近年来随着移动互联网技术的飞速发展，高校档案管理系统以其操作便捷等优

4、点得到人们的青睐。人们的生活也因此发生了巨大的改变，包括对现有的教务系统提出了新的需求，比如：教师能随时随地与学生探讨问题，合作交流，学生能随时随地选课及查看自己的课表等。因此在现有教务管理系统功能的基础上，还需进一步打破了传统系统面临的时间、空间的局限，补充一些移动办公功能，为广大师生提供更加便捷、高效的应用平台。本文首先对现有高校学生档案管理系统的功能需求进行了深入分析，在此基础上使用AngularJS对高校档案管理进行设计，实现了一个基于AngularJS的学生管理的管理系统，该系统主要包括：学生基本信息管理、学生在校信息管理、成绩管理、等级考试管理、补考信息管理、在校的奖惩管理等几个方

5、面的管理，功能主要是进行添加、删除、修改、查询。关键词：AngularJS、高校、学生档案、Design and Implementation of College Students File Management System Based on AngularJSAbstractChinese in recent years with the rapid development of mobile Internet technology, the advantages of university archives management system with its convenient o

6、peration, favored by people. Peoples lives and therefore had great changes, including new requirements are put forward for the existing educational administration system, such as: teachers can anytime, anywhere with students to explore issues, exchanges and cooperation, students can anytime, anywher

7、e elective and view their course schedule. Therefore in the current educational administration management system based on, still need to further break the limitations faced by the traditional system of time and space, add some mobile office functions, for the majority of teachers and students provid

8、e more convenient and efficient application platform. Firstly, this article makes a deep analysis of the functional requirements of the existing college student archives management system, based on using angularjs of archives management design, the realization of the management system based on the s

9、tudent management. The system mainly includes: the management of students basic information management, student information management, performance management, grades examination management, make-up information management, School of incentive management in several aspects, the main function is to ad

10、d, delete, modify, query. TOC o 1-3 h u HYPERLINK l _Toc25201 第1章 绪 论 PAGEREF _Toc25201 - 1 - HYPERLINK l _Toc568 1.1 研究背景 PAGEREF _Toc568 - 4 - HYPERLINK l _Toc23180 1.2 本课题主要工作 PAGEREF _Toc23180 - 5 - HYPERLINK l _Toc7636 1.3 研究现状 PAGEREF _Toc7636 - 5 - HYPERLINK l _Toc26490 第2章 相关技术 PAGEREF _Toc2

11、6490 - 7 - HYPERLINK l _Toc28856 2.1 涉及的相关技术 PAGEREF _Toc28856 - 7 - HYPERLINK l _Toc6391 2.1.1 Div+css PAGEREF _Toc6391 - 7 - HYPERLINK l _Toc30786 2.1.2 Jsp + Servlet +Ajax PAGEREF _Toc30786 - 7 - HYPERLINK l _Toc9852 2.2 开发工具安装 PAGEREF _Toc9852 - 8 - HYPERLINK l _Toc31471 2.2.1 Dreamweaver的安装 PAG

12、EREF _Toc31471 - 8 - HYPERLINK l _Toc21984 第3章 系统需求 PAGEREF _Toc21984 - 9 - HYPERLINK l _Toc6940 3.1 可行性分析 PAGEREF _Toc6940 - 9 - HYPERLINK l _Toc27757 3.1.1 经济可行性 PAGEREF _Toc27757 - 9 - HYPERLINK l _Toc27617 3.1.2 技术可行性 PAGEREF _Toc27617 - 9 - HYPERLINK l _Toc20477 3.2 系统性能需求 PAGEREF _Toc20477 - 9

13、 - HYPERLINK l _Toc1579 第4章 系统设计 PAGEREF _Toc1579 - 12 - HYPERLINK l _Toc24137 4.1 架构设计 PAGEREF _Toc24137 - 12 - HYPERLINK l _Toc16233 4.2.1 活动图设计 PAGEREF _Toc16233 - 13 - HYPERLINK l _Toc4942 4.2.2 顺序图设计 PAGEREF _Toc4942 - 13 - HYPERLINK l _Toc22209 4.3.1 系统类图设计 PAGEREF _Toc22209 - 14 - HYPERLINK l

14、 _Toc8242 4.3.2 系统包图设计 PAGEREF _Toc8242 - 15 - HYPERLINK l _Toc21748 第5章 系统实现 PAGEREF _Toc21748 - 16 - HYPERLINK l _Toc24089 5.1 学生信息管理 PAGEREF _Toc24089 - 16 - HYPERLINK l _Toc31832 5.1.1 学生基本信息管理 PAGEREF _Toc31832 - 16 - HYPERLINK l _Toc9409 5.2 学生成绩管理 PAGEREF _Toc9409 - 19 - HYPERLINK l _Toc20872

15、 5.2.1 成绩管理 PAGEREF _Toc20872 - 19 - HYPERLINK l _Toc2783 5.2.2 补考信息管理 PAGEREF _Toc2783 - 20 - HYPERLINK l _Toc19137 5.3.1 奖励 PAGEREF _Toc19137 - 21 - HYPERLINK l _Toc25350 参考文献 PAGEREF _Toc25350 - 23 - HYPERLINK l _Toc22158 致 谢 PAGEREF _Toc22158 - 25 -第1章 绪 论1.1 研究背景随着网络技术的飞速发展，纸质版的学生档案已经不能满足管理人员的日

16、常工作，所以基于AnglarJS技术的管理系统有了很大的用处，它完成绝大部分的业务功能，通过一些较为简单的浏览器操作，提供了日常工作的效率，然而，近些年来随着移动互联网技术的迅速发展，这种管理系统的技术已不能满足人们的移动办公需求，例如：打开浏览器比较慢，在对学生的信息进行修改时容易卡壳，造成了极度的不方便。 近年来，随着计算机技术的发展，在2009年出现AngularJS技术，AngularJS是一个Javascript框架，它是一个以Javascript编写的库，它可以通过标签添加到html页面，使得开发现代的单一页面应用程序显得更加容易，前台开发代码编少了，功能强大了，浏览器打开速度大大

17、的提高了，所以开发一个基AngularJS的高校学生档案管理系统是十分必要的。1.2 本课题主要工作主要工作以满足系统需求为目标，开发易操作，功能完备的高校实习管理系统，需要从以下几个顺序，实现开发工作： 1. 需求分析。合理的功能需求，加上后期不管的调整完善，以求开发出易用户操作，且满足用户需求的系统。 2. 根据需求，考虑系统的可实现性分析。参照前期做出的需求书，从技术实现，性价比等方面，确定做出的需求是否合理，是否可行。 3. 系统的设计与实现。现今大部分系统都基于MVC设计模式，从model，view，control三方面，合理分割代码，实现代码的可读性和代码的合理性，本系统也同样适用

18、MVC设计模式。概要设计结束，就要做出系统的详细设计，从各模块功能的实现做出具体方案。4. 系统测试。一个合格的系统，需要大量的测试检验，检查功能是否齐全，运行结果是否正确，以及系统稳定性，兼容性等等方面。合理的设计测试用例，可以最科学正确的做出测试方案。1.3 研究现状 到目前这个时间为止，基于AnglarJS技术的学生管理系统的研究主要是包括了以下的内容：于洋1提出了基于移动平台开发移动教务管理系统，这个系统主要是在现有教务管理系统的基础上，基于AnglarJS平台开发的一款移动教务管理系统，这个系统主要是面向学生、教师、管理员这三种角色，实现了成绩查询、课表查询、课程选修、日程查询、成绩

19、录入、通告查询等功能，为广大师生提供了一个更加高效率、使用方便、操作简单的教务信息平台。隋雪莉4提出了使用MVC（Model-View-Control）三层架构模式来设计一款基于Android平台的移动教务系统客户端App，该App使用了Service自定义交互机制来进行网络操作以及数据处理，并且使用jsoup技术对网络数据来进行解析，使用SQLite数据库实现数据的存取等。该App实现了查询课表、历史成绩查询、查询选修课程、教务通知以及学校班车时刻表等功能。1.4 研究内容 本课题主要的研究内容就是开发一款基于AngularJS技术的高校学生档案管理系统，该系统为管理人员提供便捷的访问方式以

20、及流畅的高校学生管理系统的使用体验。该系统主要包括以下三大部分：学生基本信息管理、学生成绩管理和学生奖惩管理。管理人员通过浏览器管理学生档案，后台数据管理平台负责收集和分析数据，并将结果展示到页面，以便管理员查看。课题研究的具体内容包括：首先，对Java编程语言、AngularJS技术以及数据库进行了深入学习，掌握基于AngularJS的使用方法和整个框架。最后，对此系统进行测试。1.5 本文结构第一章为绪论，主要介绍课题的背景和现状。第二章为相关技术，主要介绍系统开发所涉及的相关技术。第三章为系统需求，主要介绍系统的功能需求和性能需求。第四章为系统设计，主要介绍系统的架构设计、系统动态模型设

21、计，系统类模型设计。第五章为系统实现，主要介绍系统各个模块的具体实现及软件界面。第2章 相关技术2.1 涉及的相关技术2.1.1 Div+cssDiv+css的布局现在属于国际W3C标准，table不是。都知道用div的布局代码肯定少，所有的样式都在CSS里做完了，同样的板块重复调用就行，这样就会减少页面的体积，下载的当然就会快一些，所以打开速度比用table布局的要强一些。这个速度差在中小网站里看不出来，是根本看不出来，但是你的网站如果做大，这时候对你服务器的压力和打开速度就显示出来了。不过现在强大的服务器核心都没问题，div布局的真正好处在以下两点。1.布局灵活，网页有小的改动不影响搜索引

22、擎收录Table的布局是不影响你的收录数量的，但是如果你的网站有布局变化的需要时，这样table的布局就会重新设计，再加table分行分列什么的，页面变化的比例会稍大一些，这就会影响你前期做好一些排名和搜索基础了，div就不同了，你可以把大部分更新的东东写在CSS里，页面的布局和改动不会太大，也就对搜索引擎的影响不大了。2.影响搜索排名 这是经过实战经验得出的结论，网站同样的内容，同样的样式，原来是table布局，改成div之后排名直接上升了十几位。这比你发100个外链有效果。不过网站优化的路还有很长，要持久的做下去才行!2.1.2 Jsp + Servlet +Ajax要说明JSP技术，首先

23、需要从动态网页开始说明，根据用户要求，并选择做出改变动态网页，浏览器作为客户端界面，区别于固定的静态页面。存储适用不同文件扩展名的文件，就需要有支持相应的系统环境（以JSP为例），从而对代码进行编译解释，编译解释过后，才能在浏览器中做出正确的内容显示。下面正式介绍在本来固有的HTML文件中加入java程序段，和JSP标记，从而构成完整的JSP网页。JSP技术优势： 1. 程序可以支持不同的平台执行，JSP方便开发人员在不同环境下开发，部署，更可以在不同的环境中扩展实现应用程序。 2. 多样化的工具支持，现今开发人员在编程中，为了提高编程的效率，Java有很多功能强大的开发工具，并且可以运用在很

24、多的平台下，大大方便了开发人员的编程工作。 JSP技术劣势： 1. JSP的确可以跨平台，并且可以扩展一个伟大的能力，可同时也显著增加了产品的复杂性。要强劲的产品性能，就需要很多小的模块合理搭配，密不可分，这就使得应用程序变得更加复杂。 2. JSP是不容易调试。JSP页面将首先被转换成一个.java文件（即，我们知道的servlet），然后进行编译。但是就是这个原因，出错的信息实际指向的就不是JSP，而是经过转化的.java文件。2.1.3 MVC模式MVC是现如今应用最广泛的web应用程序开发模式，合理的将代码分成三个部分，分别是Model（模型），View（视图）和Controller（

25、控制器）。Model（模型），比较抽象的专业名词，但是其实就是程序中负责处理数据逻辑的部分，简单来说就是从数据库中存储数据。 View（视图），视图简单地说，该页面是用来显示代码，一般可以由JSP等技术负责。Controller（控制器），主要负责从视图层读取数据，输入到数据发送到模型层。它可以通过不同的技术控制，如Servlet控制。 MVC设计模式的优势： 1. MVC有效的分割代码，使代码调理清晰，管理方便。 2. MVC做到了分割开发，开发人员可以同时开发不同层的代码，做到互不影响，但是最后可以有效整合，简单高效专注。2.2 开发工具安装2.2.1 Dreamweaver的安装下载 D

26、reamweaver安装包，点击快速安装即可安装成功。第3章 系统需求3.1 可行性分析3.1.1 经济可行性AngularJS语言是一个前端的编程语言，是一种跨平台的、面向对象的、分布式的、可移植的编程语言，提供了丰富的、免费的类库供用户使用。同时，Eclipse也是一个免费的、开放源代码的开发平台。3.1.2 技术可行性AngularJS是一个开放的环境，提供了集成的 浏览器开发工具用于开发和调试。提供了基于模板的向导，生成常用的 AngularJS应用设计和组件，提供了功能强大的布局编辑器，可以方便地进行UI 控件设置。前人已在浏览器平台上开展了一系列研究，并取得了一定的研究成果。本课题

27、对研究过程中可能遇到的主要研究技术均有一定的研究基础。3.2 系统性能需求为了保证系统能够稳定、高效、安全地在浏览器平台上运行，本系统还需满足以下一些性能需求。 1实用性在界面设计上，尽可能体现人机友好化，使用浏览器优势，在前台展示和界面跳转时使用特效，提高用户操作和视觉体验；在功能设计上，充分简化使用流程，尽可能减少弹窗数量和繁琐跳转；在程序设计方面，做好代码优化和内存管理，尽可能降低时间复杂度和空间复杂度。2可扩展及可维护性为了系统的可扩展和维护需求，编码需按照MVC设计模式，包括模型、视图和控制器分类管理，尽可能降低三者之间耦合度。将功能模块化，明确需求确立的功能，合理定义角色和划分功能

28、，将功能的实现抽象成类和对象的操作。变量和类名等要按照规范命名，尽可能对代码进行注释、抽象、复用和封装。合理定义前后端数据交换接口，明确数据交换格式，形成规范的接口API文档。界面美观对使用的图片素材尽可能切合主题。对信息展示进行合理的图文混排，保持简洁性及分类的准确性。4 安全性软件设计时充分考虑系统的安全性问题，尤其用户通过该系统查询教务信息，或系统在向用户手机发送教务信息时，需确保系统不会泄露教师、学生信息甚至造成用户手机崩溃，让广大师生能够放心使用该系统。3.3 系统功能需求根据学校教务管理系统的实际需求，本课题基于AngularJS技术的教务管理系统主要包括学生信息管理、学生成绩管理

29、、学生奖惩管理，其中学生信息管理包括学生基本信息管理和学生在线信息，学生成绩管理包括成绩查询，补考信息查看和等级考试查询，学生奖惩管理包括奖励等信息的管理。总体功能结构图如图3.1所示。图3.1图中，学生信息管理是一个动态的管理过程，保障了学校教学活动的有序开展，是教务日常管理业务的核心 学生成绩管理主要为不同用户提供成绩添加、修改和删除等功能学生可登录教务系统查询自己的课程成绩。 学生奖惩管理主要负责收集学生对在校期间的奖惩情况，针对学生当前学期的表现，对上课态度、上课内容、辅导答疑情况等多项指标进行评价，并且最后吧奖励情况记录入库。第4章 系统设计4.1 架构设计本系统采用AngularJ

30、S技术设计，客户端主要包括火狐，谷歌等浏览器。其中UI是一款功能强大的表示层框架，提供了工具栏、侧滑菜单、滑动页面等组件以及强大的加载、缓存、显示图片库功能；DTO（数据传输对象）用来传递结果到客户端。Service封装了客户端的业务逻辑；NetTool提供了网络访问的功能。服务器端应用了Spring MVC框架，MVC(Vodel-View-Control)是一种设计模式，这种设计模式能够实现分离关注、松散耦合、逻辑复用的目的。SQLite是一款应用广泛的关系数据库管理系统，负责数据的实时存储。MyBatis是一个基于Java的持久层框架，提供了Java对象和数据库记录的映射机制，负责连接数

31、据库，通过封装JDBC API和O/R Mapping操作实现对后台数据库的存取操作。系统架构图如图4.1所示。4.2 系统动态模型设计4.2.1 活动图设计活动图用来表示系统中各种活动的次序，通过设计活动图可以清楚地了解各个业务流程的操作顺序，本系统涉及的活动图主要包括：图4.2所示的学生成绩查询活动图等。图4.24.2.2 顺序图设计顺序图用一个包含时间轴的二维图来表示交互关系，本系统涉及的顺序图主要包括教务人员管理课程时序图、教师成绩录入顺序图等。图4.34.3 系统类模型设计4.3.1 系统类图设计类图主要用于描述类、接口以及它们之间的关系，本系统对应的类图分别如图4.44.3.2 系

32、统包图设计包图主要用于描述系统的总体结构，本系统将整个教务管理系统划分为基础信息、教务资源管理和教学进程管理三个包，如图4.4所示。图4.4第5章 系统实现5.1 学生信息管理 学生信息管理模块分为学生基本信息管理和学生在校信息5.1.1 学生基本信息管理学生基本信息管理中包括学生编号，学生姓名，学生年龄，学生性别，手机号等基本信息见图5.1，其中，学生基本信息有以下功能，搜索功能，添加学生信息功能见图5.2，修改学生信息功能见图5.3，删除学生信息功能见图5.4，把其中的学生设为组长的功能图5.1图5.2图5.3图5.45.1.2 学生在校信息 学生在校信息包括学生姓名，学生照片，学生系别，

33、学生专业，学生导员和学生职位5.5，其中，学生在校信息有以下功能，搜索功能，添加学生信息功能见图5.6，修改学生信息功能见图5.7,，删除学生信息功能见图5.8图5.5图5.6图5.7图5.85.2 学生成绩管理5.2.1 成绩管理成绩管理包括学生学号，学生姓名，学生性别，高数成绩，英语成绩，毛概成绩等成绩见图5.9，成绩管理有搜索功能，添加学生成绩的功能，修改学生信息的管理，删除学生信息的功能。图5.95.2.2 补考信息管理补考信息管理包括学生学号，学生姓名，学生性别，学生挂科成绩见图5.10，其中包括搜索功能，添加补考成绩的功能，修改补考信息的功能，删除此项补考记录的功能。图5.105.

34、2.3 等级考试管理 等级考试管理包括学生学号，学生姓名，学生性别，四级成绩，六级成绩见图5.11，其中包括搜索功能，添加等级考试信息的功能，修改等级考试成绩的功能.图5.115.3 学生奖惩管理5.3.1 奖励学生奖励包括学生学号，学生姓名，学生性别，学生在校期间获得过的奖励和荣誉，学生受到的惩罚见图5.12，其中包括搜索功能，添加信息的功能，修改信息的功能，删除信息的功能。图5.12结束语 本文使用AngularJS的设计实现了高校学生档案管理系统，深入调研了教务系统的应用前景，在此基础上，基于主流的技术上，利用Jsp面向对象程序设计语言，设计实现了一个高校学生管理系统，主要包括：学生信息

35、管理，学生成绩管理，学生奖惩管理。主要研究工作包括： 应用软件工程原则，按照项目计划、需求分析、系统设计、系统实现与运行维护等步骤进行。 采用面向对象的编程思想对系统类进行封装和设计。 采用基于UML的建模工具HYPERLINK /search?word=Rational%20Rose&fr=qb_search_exp&ie=utf8 t _blankRational Rose对系统进行建模。 充分利用Java编程语言、Eclipse Java开发环境及Android Studio移动开发环境，实现系统的开发。由于自身专业知识水平有限，系统还存在着一些不足之处，拟从以下两个方面完善：1进一步优

36、化程序中的无缝对接，提供更多的教务办公功能，提供程序运行的速度。2进一步完善其功能，进一步满足移动教务平台的实际需求。同时结合云计算平台和大数据环境下的分布式应用需求，提高系统对海量数据的处理能力。参考文献1 单东林，张晓菲，魏然.锋利的Jquery(第二版).人民邮电出版社，2012：200-250.2 彭倬平, 杨波, 沈学峰. 高校学生宿舍管理信息系统的开发J. 天津职业技术师范学院学 报,2004,14(2):32-34.3 夏建华,李铁辉.高校学生宿舍管理工作浅议J.科技情报开发与经济,2002,(5):134-135. 4 徐惠. 基于 UML 的高校教材管理信息系统建模设计J.计

37、算机时代,2003(4):45-47.5 白秋产, 高爱华, 沈显来. 基于 VFP 的学生宿 舍管理信 息系统 J. 计 算机与数字工 程, 2006,34(01)：143-145 .6 温小敏.Visual Basic 数据库系统项目开发实践M.北京:科技出版社,2006:136-158.7 明 日 科 技 .Visual Basic 管 理 信 息 系 统 完 整 项 目 实 录 剖 析 M. 北京 : 人 民 邮 电 出 版 社,2005:200-245.8张更路, 李悦, 吴杰. 电子商务技术新趋势J. 商场现代化, 2008 (4): 100-1019张欣. 淘宝网品牌运营研究D.上海：上海师范大学, 200810张亚杰. 基于Android平台的