JavaWeb项目:JSP+SQL学生学籍信息选课课表管理
此项目为本人的Java大作业。
前台代码;代码已经上传到github上 下载地址 GitHub
一、项目概况
1.1设计内容
我们小组所设计的学生学籍管理数据库系统主要分为两大模块层面,一是:学生登录层面,二是:教师登录层面。不同层面根据不同用户的需求所实现的功能不同,这样能够更人性化地贴合个体的使用,最大程度地提升系统的使用及运行效率。所以系统设有两种不同的登录选择,用户根据实际情况自行登录,修改、查询、管理信息。
此系统开发期间我们小组不定时地进行用户使用反馈信息收集,根据收集数据不断对系统进行优化、完善。目的是希望从使用者的角度查找系统的缺陷之处,继而使得整个系统的运行、结构更加清晰化、条理化、自动化。
1.2开发工具
Eclipse或者Myeclipse,Java,MySQL,Redis,Html,CSS,JS。
二、详细设计
2.1网站结构
下面是主要的功能
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人信息</title>
<link rel="stylesheet" type="text/css" href="/sms1/dist/css/easyui.css" />
<link rel="stylesheet" type="text/css" href="/sms1/dist/css/icon.css" />
<script type="text/javascript" src="/sms1/dist/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/sms1/dist/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/sms1/dist/js/loading.js"></script>
</head>
<script type="text/javascript">
$(function() {
initSemester();
$("#scoreWindow").window({
title : "批改成绩",
iconCls : "icon-edit",
collapsible : false,
minimizable : false,
maximizable : false
}).window("close");
});
function exportScore() {
$("#scoreSearchForm").submit();
}
function searchScore() {
var semesterId = $("#searchSemesterId").val();
var courseName = $("#searchCourseName").val();
var className = $("#searchClassName").val();
var flag = $("#searchFlag").val();
var order = $("#searchOrder").val();
$("#scoreDatagrid").datagrid("load", {
"scoreSearchBean.semesterId" : semesterId,
"scoreSearchBean.courseName" : courseName,
"scoreSearchBean.className" : className,
"scoreSearchBean.flag" : flag,
"scoreSearchBean.order" : order
});
}
function scoreFormSubmit() {
var url = $("#scoreForm").attr("url");
$("#scoreForm").form("submit", {
url : url,
success : function(data) {
if (data == "") {
alert("修改成功");
$("#scoreDatagrid").datagrid("reload");
} else {
alert("修改失败");
}
$("#scoreWindow").window("close");
}
});
}
function showScoreWindow(index) {
$("#scoreDatagrid").datagrid("selectRow", index);
var row = $("#scoreDatagrid").datagrid("getSelected");
$("#scoreWindow").form("load", {
"score.score" : row.score
});
$("#scoreForm").attr("url",
"/sms1/score_update.action?score.id=" + row.id);
$("#scoreWindow").window("open");
}
function initSemester() {
$.post("/sms1/semester_list.action", null, function(data) {
for (var i = 0; i < data.length; i++) {
var option = "<option value='"+data[i].id+"'>"
+ data[i].semesterName + "</option>";
$("#searchSemesterId").append(option);
}
}, "json");
}
function getSemesterName(value, row, index) {
return row.teaching.semester.semesterName;
}
function getStudentNo(value, row, index) {
return row.student.studentNo;
}
function getStudentName(value, row, index) {
return row.student.studentName;
}
function getClassName(value, row, index) {
return row.student.class1.className;
}
function getCourseName(value, row, index) {
return row.teaching.course.courseName;
}
function getCourseTime(value, row, index) {
return row.teaching.course.courseTime;
}
function getCourseType(value, row, index) {
return row.teaching.course.type;
}
function getCredit(value, row, index) {
return row.teaching.course.credit;
}
function getFlag(flag) {
if (flag == 1) {
return "已给成绩";
} else {
return "<span style='color:red'>未给成绩</span>";
}
}
function oprate(value, row, index) {
return "<a href='javascript:showScoreWindow(" + index + ")'>查看</a>";
}
</script>
<body>
<div id='loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB;text-align:center;padding-top: 20%;">
</div>
<table class="easyui-datagrid" id="scoreDatagrid"
url="/sms1/score_list.action" toolbar="#tb" pagination="true"
fit="true" singleSelect="true">
<thead>
<tr>
<th field="semesterName" formatter="getSemesterName">学年学期</th>
<th field="studentNo" formatter="getStudentNo">学号</th>
<th field="studentName" formatter="getStudentName">姓名</th>
<th field="className" formatter="getClassName">所在班级</th>
<th field="courseName" formatter="getCourseName">课程名称</th>
<th field="courseType" formatter="getCourseType">课程类型</th>
<th field="courseTime" formatter="getCourseTime">总课时</th>
<th field="credit" formatter="getCredit">学分</th>
<th field="score">成绩</th>
<th field="flag" formatter="getFlag">备注</th>
<th field="oprate" formatter="oprate">操作</th>
</tr>
</thead>
</table>
<div id="tb">
<div>
<form action="/sms1/upload_exportScore.action" method="post" id="scoreSearchForm">
<span>学期学年:</span> <select id="searchSemesterId">
<option value=0>全部</option>
</select> <span>班级:</span> <input type="text" id="searchClassName" /> <span>课程:</span>
<input type="text" id="searchCourseName" /> <span>状态</span> <select
id="searchFlag">
<option value=0>全部</option>
<option value=1>已给成绩</option>
<option value=2>未给成绩</option>
</select> <span>排序</span> <select id="searchOrder"
name="scoreSearchBean.order">
<option value=0>默认</option>
<option value=1>由高分到低分</option>
<option value=2>有低分到高分</option>
</select> <a href="javascript:searchScore()" class="easyui-linkbutton"
iconCls="icon-search">搜索</a>
<a href="javascript:exportScore()" class="easyui-linkbutton" iconCls="icon-export">导出成绩</a>
</form>
</div>
</div>
<div class="easyui-window" id="scoreWindow"
style="width: 300px; height: 200px; padding: 20px;display:none">
<form method="post" id="scoreForm">
<span>成绩:</span> <input type="text" name="score.score" /> <br />
<br /> <a href="javascript:scoreFormSubmit()"
class="easyui-linkbutton">提交</a> <a href="javascript:exportScore()"
class="easyui-linkbutton" iconCls="icon-export">导出成绩</a>
</form>
</div>
</body>
</html>