JavaWEB学生信息管理系统

一、摘要

本系统前端是基于HTML+CSS+Bootstrap，后端基于纯JSP制作而成。当中的代码格式不够规范，还请各位多多包含。本项目已经在Github中开源，请各位大佬Star，Folk，Issue

二、安装环境

操作系统：MicroSoft Windows 10 1709
JAVA版本：1.8.0_172
前端：HTML+CSS+JavaScript+
后端：Tomcat 8.5+JSP
三、实现功能和部分界面预览

管理员登录系统
学生资料的增加、修改、删除、查询
管理员账号密码重置
管理员退出系统
登录界面
经过对系统的需求分析，将整个系统分为四部分：学生子系统、教学管理员子系统、教师操作子系统及管理员子系统。
4.2.1 学生子系统功能划分
学生子系统比较简单，主要完成学生网上课程成绩查询的功能及密码修改的功能。学生以学号及密码的身份进行登录，系统功能结构如图4-1。

代码已经上传github，下载地址： https://github.com/21503882/studentinfossh

图4-1 学生子系统模块图
4.2.2 管理员子系统功能划分
管理员子系统完成此系统的管理维护操作，主要包括学生信息管理模块，课程管理模块，班级信息的模块，成绩管理模块，教师管理模块，获奖人员生成，开课信息管理。管理员子系统的的功能结图如图4-2所示：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page isELIgnored="false" %>
<!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" />
<link rel="stylesheet" type="text/css" href="/sms1/dist/css/main.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>
<script type="text/javascript">
$(function(){
    $("#passwordWindow").window({
        collapsible : false,
        minimizable : false,
        maximizable : false,
        title:"修改密码",
        iconCls:"icon-edit"
        }).window("close");
    $(".left-list-item").on("click",function(){
            var childs=$(this).siblings();
            for(var i=0;i<childs.length;i++){
                    $(childs[i]).removeClass("left-list-item-selected");
                }
            $(this).addClass("left-list-item-selected");
            var title=$(this).attr("title");
            var icons={
                        "个人信息":"icon-message",
                        "课程成绩":"icon-score"
                    };

            if($("#tab").tabs("exists",title)){
                    $("#tab").tabs("select",title);
                }else{
                    var url=$(this).attr("url");
                    var content="<iframe width='99%' height='99%' src='"+url+"'></iframe>";
                    $("#tab").tabs("add",{
                            title:title,
                            iconCls:icons[title],
                            content:content,
                            closable:true
                        });
                    }
    });
});
function openPasswordWindow(){
    $("#studentPasswordForm").form("clear");
    $("#passwordWindow").window("open");
}
function modify(){
    var url="/sms1/login_modifyPassword.action";
    $("#studentPasswordForm").form("submit",{
            url:url,
            success:function(data){
                    if(data!=""){
                        alert(data);
                    }else{
                        alert("修改成功!");
                        }
                    $("#passwordWindow").window("close");
                }
        });
}

</script>

</head>
<div id='loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:rgb(247,248,248);text-align:center;padding-top: 20%;">
</div>
<body class="easyui-layout" id="b1">

    <div region="north" class="header">
        <img alt="logo" src="/sms1/dist/images/logo1.PNG" >
        <div style="font-size:12px;margin-right:20px" class="you" >
            Welcome,${student.studentName}  
            <a href="javascript:openPasswordWindow()">修改密码</a>
            <a href="/sms1/login_logout.action" οnclick="return confirm('你确认要退出吗?')">注销</a>
        </div>
    </div>
    <div region="west" class="left" title="教务管理系统">
        <div class="left-list">
            <div class="left-list-item" url="/sms1/student/student_message.jsp" title="个人信息">
                <a class="easyui-linkbutton" iconCls="icon-message" plain="true">个人信息</a>
            </div>
            <div class="left-list-item" url="/sms1/student/student_score.jsp" title="成绩信息">
                <a class="easyui-linkbutton" iconCls="icon-score" plain="true">成绩信息</a>
            </div>
        </div>

    </div>
    <div region="center" class="right">
        <div class="easyui-tabs" id="tab" fit="true" >
            <div title="主页" iconCls="icon-home">
                welcome to student manager system
            </div>
        </div>
    </div>
    <div region="south" class="footer">Copyright ©2017</div>
</body>
    <div class="easyui-window" style="width:300px;height:250px;display:none" id="passwordWindow">
        <form id="studentPasswordForm" method="post" style="margin-left:10px;margin-top:20px">
            <table style="border-collapse:separate;border-spacing:0 10px">
                <tr>
                    <td>原密码:</td>
                    <td><input type="password" class="easyui-validatebox" name="oldPassword" required="true" /></td>
                </tr>
                <tr>
                    <td>新密码:</td>
                    <td><input type="password" name="newPassword" class="easyui-validatebox" required="true"/></td>
                </tr>
                <tr>
                    <td>确认密码:</td>
                    <td><input type="password" name="checkPassword" class="easyui-validatebox"required="true"/></td>
                </tr>
                <tr>
                    <td><a href="javascript:modify()" class="easyui-linkbutton" iconCls="icon-submit">确认</a></td>
                </tr>
            </table>
        </form>
    </div>
</html>

原文链接：https://blog.csdn.net/IsQq79120063/article/details/105997737