您的位置:首页 > 编程语言 > Java开发

JavaWEB 学生成绩管理系统

2020-06-05 06:11 78 查看

引言
这是当时刚学完SpringMVC、Spring-Data-Jpa和Hibernate后台框架写的一个项目。一是月考核的项目,二是刚学完这些框架,需要练习一下,总结一下。这也是我用框架写的第一个项目,所以有很多不足之处,希望大家可以指出,一起交流学习。

开发环境
开发工具:Eclipse、jdk1.8、Tomcat9.0

数据库:MySQL5.5

所用技术
前端:BootStrap、JQuery、HTML+CSS、Ajax、Jstl

后端:SpringMVC、Spring-Data-Jpa、Interceptor拦截器

项目管理:Maven

没学过Spring-Data-Jpa的小伙伴可以先了解一下Spring-Data-Jpa入门篇。

项目目录


项目总共有三个配置文件applicationContext.xml、spring-mvc.xml、web.xml。分别配置链接数据库信息,拦截器的配置和MVC的配置,如果有需要改数据库链接等配置的可以自行更改,配置文件中都有详细的注释。index.jsp为登录页面,也是首页。

数据库设计
整个项目总共涉及到了六张表,如下。

mcy_teacher老师表

mcy_student学生表

mcy_class班级表。

mcy_grade成绩表。

mcy_course课程表。

mcy_admin管理员表。

表结构都在这里了,大家也可以看实体类中对应的字段。

经过对系统的需求分析,将整个系统分为四部分:学生子系统、教学管理员子系统、教师操作子系统及管理员子系统。

代码已经上传github,下载地址: https://github.com/21503882/studentscore

 学生子系统功能划分

 学生子系统比较简单,主要完成学生网上课程成绩查询的功能及密码修改的功能。学生以学号及密码的身份进行登录,系统功能结构如图4-1。

<%@ 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}&nbsp;&nbsp;
            <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 &copy;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>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: