JavaWeb项目:在线评测系统
此项目为本人的Java大作业。
前台代码;代码已经上传到github上 下载地址 Github
一、项目概况
1.1设计内容
基于JSP的个人博客BLOG(SQLServer版)
1.包含源程序,数据库脚本。代码和数据库脚本都有详细注释。
2.课题设计仅供参考学习使用,可以在此基础上进行扩展完善。需要源码可以找我
开发环境:
Eclipse,SQLServer ,JDK1.7,Tomcat 7
涉及技术点:
MVC模式、JavaWeb、JDBC、HTML、CSS、JQUERY、文件上传等
程序功能:
1.网站前台:
用户注册登录、博客浏览、我的博客、我的好友、留言、发布博文、添加好友、搜索博客、评论博客
2.后台管理:
系统参数、管理员维护、会员管理、博文管理、评论管理、留言管理
此系统开发期间我们小组不定时地进行用户使用反馈信息收集,根据收集数据不断对系统进行优化、完善。目的是希望从使用者的角度查找系统的缺陷之处,继而使得整个系统的运行、结构更加清晰化、条理化、自动化。
1.2开发工具
Eclipse或者Myeclipse,Java,MySQL,Redis,Html,CSS,JS。
二、详细设计
2.1网站结构
主要功能包括这些
首页
代码已经上传github,下载地址:Github
用户注册
个人首页
我的文章
个人登录发表文章
基本信息管理
文章分类管理
文章管理
文章评论管理
修改个人密码
管理员管理模块
会员管理
文章管理
修改密码
<%@ 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" "/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 ©</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>