摘  要：传统院校实验室管理中，教师以学号分组，随后对每组安排时间进行实验课，当学生课程时间冲突时，便给教学带来不便；教师在实验考 勤、成绩记录以及课程资源共享也存在不便；院校不是实时掌握实验室资源动态，从而造成实验室资源的利用率低等问题。基于人工安排课程的方法不仅耗时耗力，而且出错的可能性较高，排错的效率相对较低。基于web的实验室选课系统可以一定程度的改善人工选课的缺点，达到了省时省力的要求，出错率大幅度降低。

国外的各类选课系统开发的较早，在七十年代末，美国就建成了国家科学基金网，其课程的申请和进展情况汇报都可以在网上完成，基于Internet的校园相关配套系统已经深入到各个校园，国内的各类选课系统也开始在相应的校园建立起来。

本课题研究的主要内容是在基于web设计的基础上，学习掌握web前端的理论和方法，并能够研究设计出适合本课题的选课系统。按照设计的方法，利用前端的技术进行网页的布局，利用后端的技术完成接口的设计和编写。

通过对数据库的整理和读取，与手动选课进行比较，分析可以改进的方案和需要维护和修改的功能。

系统将采用HTML5、CSS3和MVC框架完成页面的布局以及Vue.js技术来减少web页面的加载速度，系统将使用PHP、Ajax和JSON技术完成与后台的信息交互，集中管理选课系统中的海量信息。

关键词：PHP；MySQL；三层架构；界面设计；数据交互；前端框架

目录

摘要

Abstract

第一章 绪论-1

1.1 课题设计的背景和意义-1

1.2 课题研究内容和目标-1

1.2.1 研究内容-1

1.2.2 研究目标-1

1.3 研究方法-2

1.3.1 研究方案的原理、特点-2

1.3.2 设计原理-2

第二章 开发环境以及工具介绍-3

2.1 Navicat Premium简介-3

2.2 MySQL简介-3

2.3 WAMP简介-3

2.4 Visual Studio Code简介-3

2.5 硬件环境介绍-3

2.6 运行环境-3

第三章 系统需求分析-4

3.1 可行性分析-4

3.1.1 技术可行性-4

3.1.2 经济可行性-4

3.1.3 管理可行性-4

3.2 功能需求分析-4

3.3 系统用例图-5

3.4 业务流程分析-5

3.4.1登陆子模块-6

3.4.2 选课子模块的业务流程-7

3.4.3 系统开通和关闭的业务流程-7

第四章 系统实现-8

4.1 功能模块-8

4.2 数据库设计-8

4.2.1 概念结构设计-8

4.2.2 数据库逻辑结构-9

4.2.3 细化数据库表结构-9

4.2.4 必要的触发器-10

第五章 详细设计及结果展示-12

5.1 教师模块-12

5.1.1 教师登录-12

5.1.2 课程编辑-14

5.1.3 选课结果查询-15

5.2 学生模块-16

5.2.1 学生登录-17

5.2.2 课程列表以及课程搜索-17

5.2.3 选择课程-17

5.2.4 已选课程查看以及退选课程-18

5.3 管理员模块-18

5.3.1 学生和教师信息管理-18

5.3.2 课程管理-19

5.3.2 系统管理-20

第六章 系统测试-22

6.1 软件测试的定义-22

6.2 软件测试流程及测试用例设计-22

6.2.1 用户登陆界面测试-22

6.2.2 管理员添加学生或教师信息功能测试-23

6.2.3 教师发布可授课程功能测试-24

6.2.4 管理员开通关闭课程功能测试-25

6.2.5 学生选课功能测试-26

6.2.6 教师登记成绩功能模块测试-27

6.3 系统缺陷-28

第七章 讨论-29

7.1 URL传值-29

7.2 路由模块切换动画-29

7.3 Vue中的生命周期以及钩子函数-30

7.4 列表信息在前端的分页展示-31

7.5 浏览器兼容问题-31

7.6 Web存储机制-31

7.7 Ajax中的POST方法和GET方法-32

总结-33

参考文献-34

致谢-35