选课系统的设计与实现毕业设计
技术：Java、HTML5等摘要：
随着高等教育和移动互联网络的发展，传统的学生选课系统已经不能满足数量众多的学生通过手机端来完成选课的需求。有93%的学生都反馈出选课很困难，尤其是能选到自己喜欢的课程。因此有时在上课的学生，不得不请假来选课。虽然选课系统依然能通过手机web浏览器来访问，但是单纯的缩放后展示，并不能让用户很快的完成选择，同时手机，平板等不同分辨率下的显示混乱常常使用户使用起来很困难。采用一种良好的web前端展示，可以让选课系统的易用性，实用性大大提高，还能方便校园师生的使用，提高校园师生的参与性。另一个方面当前的选课系统允许学生选超过2门以上的课程，造成了网速好的学生，一下子选取了很多门课程并且迟迟不退选，导致真正有需要的学生选不到自己喜欢的课程。
本次毕业设计调研了国内各高校选课系统的网络化发展现状以帮助正确理解并校正用户需求，同时学习了时下WEB前端前沿的技术并探究其在项目中的实践应用，再根据软件工程方法论，参循时下最流行的交互设计理念，按照w3c标准规划设计，实现了选课系统的设计与实现。再毕业设计的最后，针对平台开发过程中遇到的各类问题进行分析，给出在技术范围内能实现的最优解决方案。
本次毕业设计主要完成了如下工作：让web页在手机等移动设备上有更好的显示，实现响应式。优化了选课系统的信息结构和布局，便于用户浏览和使用。采用更好的交互流程，分析用户体验要素，完成界面原型设计，提升用户体验。调研了国内各高校选课系统的网络化发展现状以帮助正确理解并校正用户需求，再根据软件工程方法论，参循时下最流行的交互设计理念，按照w3c标准规划设计，实现了选课系统的设计与实现。在毕业设计的最后，针对平台开发过程中遇到的各类问题进行分析，给出在技术范围内能实现的最优解决方案。
关键词：选课系统；前端；响应式；HTML5；CSS3
目录：
摘要 i
Abstract ii
1 绪论 1
1.1 课题背景 1
1.2 国内外研究现状 1
1.3 相关技术 2
1.4 论文结构 3
2 需求分析及概要设计 4
2.1 用户需求 4
2.1.1 功能需求 4
2.1.2 性能需求 4
2.1.3 用户界面需求 5
2.2 概要设计 5
2.2.1 平台架构设计 5
2.2.2 主要模块介绍 6
2.2.3 数据格式定义 7
2.2.4 项目文件部署 9
3 用户界面详细设计 10
3.1 设计准则 10
3.1.1 一致性 10
3.1.2 合适的反馈 10
3.1.3 自反馈 10
3.1.4 状态可见 10
3.1.5 结构化 11
3.2 UI设计 11
3.2.1 入口选择 11
3.2.2 顶部导航 11
3.2.3 内容部分 11
4 用户界面编码实现 13
4.1 开发工具和平台 13
4.1.1 Sublime Text代码编辑器 13
4.1.2 Bootstrap3 13
4.1.3 Github版本控制，代码管理 13
4.1.4 Omnigraffle 基于mac平台强大的交互原型设计工具 14
4.1.5 Firbug页面调试器 14
4.1.6 Mindmanager 14
4.2 Html5页面结构 14
4.2.1 Html5语义化标签 14
4.2.2 页面整体结构 16
4.2.3 课程展示表格部分结构设计 17
4.2.4 个人资料编辑面板部分 18
4.3 Css页面布局 18
4.3.1 栅格化布局 18
4.4 Java部分 19
4.5 响应式Web设计 27
4.5.1 理念 27
4.5.2 媒体查询 27
4.5.3 实现页面响应式设计 28
4.6 特效和动画 30
4.6.1 阴影效果 30
4.6.2 渐变效果 31
4.6.3 圆角效果 33
4.6.4 过渡和动画 33
4.7 UI组件交互 35
4.8 优缺点和移动平台的拓展 36
4.8.1 优点 36
4.8.2 缺点 36
5 运行和测试 37
5.1 选课系统Web端运行及测试 37
5.2 选课系统移动端运行及测试 46
6 总结与展望 49
参考文献 50
致 谢 51
包含资料：
截图：
百度网盘下载地址（金币充值）：
**** 本内容需购买 ****
页:
[1]