高校学生档案管理系统（Angularjs+HTML+CSS+bootstrap）

怼烎@ 2024-04-01 17:01 100阅读 0赞

摘要 I  
Abstract II  
目录 IV  
1、引言 1  
1.1项目开发的背景 1  
1.2项目开发的意义 2  
1.3研究现状 2  
1.4研究内容 2  
2、可行性分析 4  
2.1相关技术 4  
2.1.1 DIV+CSS 4  
2.1.2 Jsp + Servlet +Ajax 4  
2.1.3 MVC模式 5  
2.2可行性分析 6  
2.2.1技术上的可行性 6  
2.2.2经济上的可行性 6  
2.3总体设计原则 6  
3、系统分析 7  
3.1业务流程分析 7  
4、系统设计 8  
4.1系统功能设计 8  
4.2系统数据库设计 8  
4.2.1概念结构设计 8  
5、系统实现 11  
6、软件测试与分析 13  
6.1软件测试的重要性 13  
6.2测试实例的研究与选择 13  
6.3测试环境与测试条件 14  
6.4系统运行情况 14  
6.5系统评价 14  
结 论 16  
参 考 文 献 17  
致 谢 18  
1.2项目开发的意义  
开发这个系统软件的主要意义在于：高效的运用技术，减少管理档案的工作人员，减少人力，提高分类管理，提升用户体验，随时观看，学生可以随时查询，增加，删除自己需要的信息，老师可以进行管理学生档案；用电脑快速方便录入并存储的方式，代替了传统的手工记录的方法，完美的实现了数据有效的存储和管理，推动了对计算机的广泛应用。  
1.3研究现状  
针对于，基于AngularJs的高校学生档案管理系统课题的研究内容主要包括：  
隋雪莉提出了使用MVC（Model-View-Control）三层架构模式来设计一款基于Android平台的移动教务系统客户端App，该App使用了Service自定义交互机制来进行网络操作以及数据处理，并且使用jsoup技术对网络数据来进行解析，使用SQLite数据库实现数据的存取等\[4\]。该App实现了查询课表、历史成绩查询、查询选修课程、教务通知以及学校班车时刻表等功能。  
1.4研究内容  
基于AngularJs的高校学生档案管理系统的研究课题是为了方便系统管理员管理学生档案，管理员可以更好的存储记录信息，学生可以快捷方便的登录系统了解自己所需要了解的信息，强化了信息共享和信息透明化，减少了人工工作的低效率。本系统主要有三个部分，分别为：学生信息模块、学生成绩模块、学生奖惩模块三大模块。我们可以打开浏览器，登录页面，从而将我们需要的信息进行增添、改正、去除、查询，并将数据存放到系统中。通过这种方式，后台和前台紧密结合，前端对数据进行收集，后台对数据进行存储和分析。  
系统运用了AngularJs技术以及后台技术，数据库等，以AngularJs技术为主对整个系统进行连接。系统功能实现后，本文转载自http://www.biyezuopin.vip/onews.asp?id=10900对系统进行测试。  
3、系统分析  
3.1业务流程分析  
业务流程分析就是关于行程合理、科学的业务流程的程序。业务流程的分析，我们可以提供更多的项目替换过程中系统误差。业务流程如图3.1所示。  
![在这里插入图片描述][35f0a2dbea2548e890fd45d467b9c7bb.png_pic_center]

图3.1业务流程图

<!doctype html>
    <html lang="en" ng-app="app">
    <head>
    	<meta charset="UTF-8">
    	<title>高校档案管理系统</title>
    
    <script src="js/jquery.min.js"></script>
    
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
    <script src="js/angular-locale_zh-cn.js"></script>
    
    <script src="js/highcharts.js"></script>
    <script src="js/highcharts-3d.js"></script>
    
    
    <script src="app.js"></script>
    <script src="loads/stuMan.js"></script>
    <script src="loads/stuSchoolMan.js"></script>
    <script src="loads/alter.js"></script>
    <script src="loads/perSchedule.js"></script>
    <script src="loads/grade.js"></script>
    <script src="loads/award.js"></script>
    
    
    
    </head>
    <body ng-controller="mainController">
      <nav class="navbar navbar-inverse">
        <div class="navbar-header">
    		<div class="navbar-brand">
    			高校档案管理系统
    		</div>
    	</div>
      </nav>
    
      <div class="container">
    	<div class="row">
    	  
    	  <div class="col-xs-2">
    		<div class="panel panel-default">
    			<div class="panel-heading">
    				<div class="title">
    					操作菜单
    				</div>
    			</div>
    			<div class="list-group">
    			
    			  <a class="list-group-item" href="javascript:void(0)"
    			  ng-repeat="item in config | filter:{parent:null}"
    			  ng-click="data.changeTabs(item.cId)">
    			  {
        {
        item.cName}}
    			  </a>
    			</div>
    		</div>
    	  </div>
    	  
    	  <div class="col-xs-10">
    	    
    		<ul class="nav nav-tabs">
    			<li ng-repeat="item in data.tabs"
    			ng-click="data.changeCurrentTab($event)"
    			class="{
        {$first?'active':''}}">
    			  <a href="{
        {item.url}}">{
        {
        item.cName}}</a>
    			</li>
    		</ul>
    		
    		<div ng-view></div>
    	  </div>
    	</div>
      </div>
    </body>
    </html>

![在这里插入图片描述][3f95e6f70299444abfadbf5f9b09c76f.png_pic_center]  
![在这里插入图片描述][2e000c6da59d41ac9dc0add40acd5cb2.png_pic_center]  
![在这里插入图片描述][48c101c36a0f482a89505591e942a510.png_pic_center]  
![在这里插入图片描述][ca77b76782614696bf67554a50854360.png_pic_center]  
![在这里插入图片描述][e9ef8b3fe96c418a916eeda0f4330320.png_pic_center]  
![在这里插入图片描述][aeb529fe16a34bc4832e12bf352c5c97.png_pic_center]  
![在这里插入图片描述][fb688c3991894900ad49b855c743df3c.png_pic_center]  
![在这里插入图片描述][ed65e4569e7549e4b9027d6e0fd0cbfe.png_pic_center]  
![在这里插入图片描述][b9d945464e954cdeba91f421cc2c7484.png_pic_center]  
![在这里插入图片描述][efa263c25ff74a7a862b4ee94da5261e.png_pic_center]  
![在这里插入图片描述][6424c5d4e39843f1b081c3ff4ae609db.png_pic_center]

[35f0a2dbea2548e890fd45d467b9c7bb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/faf7a98e42a04cda832428413b09c7cd.png
[3f95e6f70299444abfadbf5f9b09c76f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ccbec717f2454559a25891801169b365.png
[2e000c6da59d41ac9dc0add40acd5cb2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4e3e6c12a05d42659c66c88937f3ab7a.png
[48c101c36a0f482a89505591e942a510.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e020aa40d3ee4d7baad902e7690f7ab0.png
[ca77b76782614696bf67554a50854360.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7d052dbc052c4618a2c7edde35afe620.png
[e9ef8b3fe96c418a916eeda0f4330320.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9f159260a17a49ae8a933722b8e26ee8.png
[aeb529fe16a34bc4832e12bf352c5c97.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0acd95612a86413fa6e3bfa0d3aa16ed.png
[fb688c3991894900ad49b855c743df3c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2273c322fb0d43379d91c91496394803.png
[ed65e4569e7549e4b9027d6e0fd0cbfe.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5374581868034c35a23ad1bc1562dc5a.png
[b9d945464e954cdeba91f421cc2c7484.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6d056bd020e2423f9a6255e9cb4bf0aa.png
[efa263c25ff74a7a862b4ee94da5261e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/224b32ee2766461a89b330da22693daf.png
[6424c5d4e39843f1b081c3ff4ae609db.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/76c23f90a12d42659870928a3553253a.png