摘 要

软件工程项目实训是计算机专业学生将课本知识运用到实践中，锻炼我们的实际开发能力所不可或缺的一部分。而参与软件工程项目实训的同学也需要一个平台来进行统一的管理和交互。软件工程项目实训是同学们第一次接触团队开发，如果第一次的团队项目开发就是一片混乱，就会打击到同学们的自信心，所以老师的指导和适合的辅助软件对同学们适应这种开发环境显得尤为重要。合适的开发辅助软件可以让同学们更深刻的理解软件开发周期和团队开发的方法和方式，同时树立同学们的自信心。

本系统主要完成了了软件工程项目实训软件前端的设计与开发。确定软件的基本功能并针对这些功能设计友好的用户界面。运用了HTML5，CSS，jQuery等语言，以MYSQL为后台数据库。

关键词：前端开发；软件工程；项目实训

Abstract

As computer science major students, software engineering project training is an important part to use our knowledge into practice and improve our programming skill.And students who take part in software engineering project training will need a platform to manage and interact with. Software engineering project is training the students first contact team development, if the first of the project development team is a mess,it will affect theirs self-confidence.So the teacher's guidance and the appropriate supporting software adaptation for students this development environment is very important.An appropriate supporting software can help students learn the software engineering better and have a deeper understanding of team developing.At the meaning time it will help to build students self-confidence.

This system is mainly to complete the software engineering project training design and development software front end. And to determine the basic functions of the software，and designed user-friendly interface for these features.Mianly use HTML5,CSS, jQuery and other languages,and use MySQL as background database.

Key Words：foreground developing; software enginering;training project

目录

第1章 绪论 2

1.1 背景、目的和意义 2

1.2 国内外研究现状 2

1.3 研究内容及预期目标 3

1.4 论文结构 3

第2章 系统开发环境及相关技术 5

2.1 jQuery框架 5

2.1.1 什么是jQuery 5

2.1.2 jQuery基本原理 5

2.1.3jQuery的功能 5

2.2 Sublime text2编辑器 6

2.3 Google Chrome浏览器 6

2.4 Myeclipse开发平台 7

第3章 系统分析与概要设计 9

3.1 功能需求 9

3.2 可行性分析 10

3.3 系统功能结构 10

3.4 功能模块用例图 11

3.5 界面布局设计 12

3.5.1 学生界面 12

3.5.2 老师界面 13

3.5.3 管理员界面 14

3.6页面跳转设计 15

3.6.1老师登录页面跳转 15

3.6.2 学生登录页面跳转 15

第4章 系统详细设计与实现 17

4.1 网站框架的设计与实现 17

4.2 登录界面的设计与实现 18

4.3选择项目界面的设计与实现 19

4.4主界面的设计与实现 20

4.5个人信息修改界面的设计与实现 21

4.6进度管理界面的设计与实现 22

4.7创建项目界面的设计与实现 22

4.8管理员界面的设计与实现 22

4.9 前后端交互 24

第5章 系统测试 25

5.1 测试的目的 25

5.2 测试的准则 25

5.3 测试的方法 25

5.4 测试用例 26

第6章 总结与体会 28

参考文献 29

致谢 30

第1章 绪论

1.1 背景、目的和意义

作为计算机学院的学生，在学习中，我们会开展软件工程项目实训。在整个实训开发过程中要涉及项目生命周期的关键节点，有大量的文档和信息需要在师生之间和项目组内部进行交流，用现有的邮件等工具完成既不方便也不容易控制，所以需要设计专门的软件辅助实训过程的顺利进行。

没有一个良好的辅助软件的项目开发是混乱的，会出现各种各样的问题。一个开发人员不知道文件的提交时间会导致整个项目组的工作无法按期进行。项目开发过程中无法有效和及时的与项目组的成员进行交流，不知道他人的进度，或者分工发生的细微的改变，也会导致整个开发的无序。软件开发往往是分块提交代码，代码又常常需要修改，如果没有统一的组织管理，或许A提交的代码已经修改了多次，但是B使用的仍然是A第一次提交的错漏百出的代码，导致B的工作也无法正常进行。这些都是在软件工程项目实训开发过程中可能会存在的问题。因此，设计一个合理的，高效的辅助软件是十分必要的。

本次软件工程项目实训管理软件前端设计和实现毕业设计旨在设计一个网站的前端，提供给需要进行软件工程项目实训的同学们，让他们可以：在上面看到项目的关键时间节点，让他们知道项目的预期进度以便安排自己的开发进度；在网页上提交项目相关的文件，并下载由同项目组其他同学或老师提交的文件（若一个文件多次修改并提交，系统保留每次修改的文件版本），方便项目文件的更新与共享；在网页上进行留言或讨论，方便项目组内成员组织交流工作。

软件工程项目实训是同学们第一次接触团队开发，如果第一次的团队项目开发就是一片混乱，或许会打击到同学们的自信心，所以老师的指导和适合的辅助软件对同学们适应这种开发环境显得尤为重要。合适的开发辅助软件可以让同学们更深刻的理解软件开发周期和团队开发的方法方式，同时树立同学们的自信心。