目 录
1 系统需求分析 1
1.1 用户需求分析 1
(1) 学生端 1
(2) 老师端 1
1.2 功能需求分析 1
(2) 学生:查看公告,查看课程信息。 1
2 系统设计 2
2.1工作原理 2
本平台采用MVC三层 2
2.2 系统总体设计 2
2.2.1 功能模块设计 2
2.2.2 系统流程设计 2
2.2.3 业务逻辑层设计 3
2.3 系统数据模型设计 4
2.3.1 概念结构设计—E-R图 4
2.3.2 逻辑结构设计—关系表 5
3 系统实现 8
3.1 数据库连接及相关配置文件 8
(3) 编写JDBC的驱动相关信息 8
3.2 数据处理模块的实现 8
3.2.1登录模块的实现 8
3.2.2登出模块的实现 13
3.2.3数据库交互模块的实现 14
其他的查询模块类似,进行相应的编写。 15
3.3 学生模块的实现 15
3.3.1主页模块的实现 15
3.4 老师模块的实现 20
3.3.1主页模块的实现 20
如果不存在则成功添加并提示用户 26
4 结 论 33
1 系统需求分析
1.1用户需求分析
开发作业管理系统的第一步是进行需求分析。需求分析的好坏直接决定着平台能否真正满足用户的需要。分析需求是作业管理平台开发的第一步,也是最重要的一步。所以通过多方面的调查,搜集已有比较成熟的校内作业系统和方案,通过分析比较和资料查询,最后所确定主要的用户需求包括:
(1) 学生端
由于该平台面向的是校内学生,要对学生课程和实际体验做出更接地气的实现。
(2) 老师端
要对老师切实的需求和交互体验做出取舍和设计。
1.2 功能需求分析
理解需求是在问题及其最终解决方案之间架设桥梁的第一步。开发平台必须充分了解平台的面向对象和用户需求,否则,对需求定义的任何改进,设计上都必须大量的返工,而且平台的实用性会偏差。根据前面的用户需求分析,整理出了特达校园特产销售平台的功能需求。
根据角色类型分为老师,学生。
(1)老师:能够对公告修改和查看,对课程相关信息进行修改,布置作业,录入题目。
(2)学生:查看公告,查看课程信息。
2 系统设计
2.1工作原理
本平台采用MVC三层
采用JSP+Servlet+jQuery的技术栈完成
<%--
Created by IntelliJ IDEA.
User: SonderLau
Date: 2020/5/24
Time: 14:25
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>学生首页</title>
<link rel="stylesheet" href="../static/css/mdui.min.css">
</head>
<body class="mdui-drawer-body-left">
<!-- 导航栏 -->
<nav>
<!-- TODO 间距 -->
<div class="mdui-container-fluid">
<div class="mdui-row">
<div class="mdui-typo-headline mdui-center"><h4 class="mdui-text-center">${sessionScope.CurrentLesson}</h4></div>
</div>
<div class="mdui-row">
<div class="mdui-typo mdui-col-xs-3 mdui-col-offset-xs-9">
<h3>欢迎你 : ${sessionScope.name} <a href="${pageContext.request.contextPath}/logout">登出</a></h3>
</div>
</div>
<div class="mdui-row">
<div class="mdui-typo mdui-col-xs-3 mdui-col-offset-xs-9">
<h5>
<label for="lessonDecision">切换课程</label>
<select id="lessonDecision" class="mdui-select" mdui-select="{position: 'bottom'}">
<%-- 先输出当前的课程 然后再输出其他课程--%>
<option value="${sessionScope.course.ID}">${sessionScope.course.name}</option>
<!-- TODO: 切换课程 -->
<c:forEach items="${sessionScope.LessonChoices}" var="lessonDemo">
<c:if test="${lessonDemo.key != sessionScope.course.ID}">
<option value="${lessonDemo.key}">${lessonDemo.value}</option>
</c:if>
</c:forEach>
</select>
</h5>
</div>
</div>
<div class="mdui-row">
<div>
<div class="mdui-bottom-nav mdui-bottom-nav-text-auto mdui-color-black">
<!-- TODO 跳转链接 -->
<a href="${pageContext.request.contextPath}/student/index" class="mdui-ripple mdui-ripple-white mdui-bottom-nav-active">
<i class="mdui-icon material-icons">home</i>
<label>首页</label>
</a>
<a href="${pageContext.request.contextPath}/student/lessoninfo" class="mdui-ripple mdui-ripple-white">
<i class="mdui-icon material-icons">info_outline</i>
<label>课程信息</label>
</a>
<a href="${pageContext.request.contextPath}/student/onlinehomework" class="mdui-ripple mdui-ripple-white">
<i class="mdui-icon material-icons">event_note</i>
<label>在线作业</label>
</a>
<a href="${pageContext.request.contextPath}/student/achievements" class="mdui-ripple mdui-ripple-white">
<i class="mdui-icon material-icons">library_books</i>
<label>成绩查询</label>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- 默认抽屉栏在左侧 -->
<div class="mdui-drawer">
</div>
<br><br><br>
<div class="mdui-card mdui-container">
<div class=" mdui-row mdui-m-t-2">
<div class=" mdui-typo-display-1 mdui-text-center">最新公告</div>
</div>
<div class="mdui-divider-inset mdui-m-y-3"></div>
<div class="mdui-typo-headline mdui-row mdui-text-center mdui-m-b-2">${sessionScope.course.announcement}</div>
</div>
</body>
<script src="../static/js/jquery-3.4.1.min.js"></script>
<script src="../static/js/mdui.min.js"></script>
<!-- TODO: 切换课程 ajax -->
<script>
$("#lessonDecision").change(function () {
$.ajax({
url : "${pageContext.request.contextPath}/student/index",
type : "POST",
data : {"data" : JSON.stringify($("#lessonDecision").val())}
})
})
</script>
</html>