JavaWeb项目:JSP+SQL学生学籍信息选课课表管理
此项目为本人的Java大作业。
前台代码;代码已经上传到github上 下载地址  GitHub
一、项目概况
1.1设计内容
  我们小组所设计的学生学籍管理数据库系统主要分为两大模块层面,一是:学生登录层面,二是:教师登录层面。不同层面根据不同用户的需求所实现的功能不同,这样能够更人性化地贴合个体的使用,最大程度地提升系统的使用及运行效率。所以系统设有两种不同的登录选择,用户根据实际情况自行登录,修改、查询、管理信息。
此系统开发期间我们小组不定时地进行用户使用反馈信息收集,根据收集数据不断对系统进行优化、完善。目的是希望从使用者的角度查找系统的缺陷之处,继而使得整个系统的运行、结构更加清晰化、条理化、自动化。
1.2开发工具
  Eclipse或者Myeclipse,Java,MySQL,Redis,Html,CSS,JS。
二、详细设计
2.1网站结构

下面是主要的功能

JSP+SQL学生学籍信息选课课表管理

JSP+SQL学生学籍信息选课课表管理

JSP+SQL学生学籍信息选课课表管理

JSP+SQL学生学籍信息选课课表管理

JSP+SQL学生学籍信息选课课表管理

JSP+SQL学生学籍信息选课课表管理

<%@ 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>

相关文章: