一、系统简介
本项目采用idea工具开发,jsp+spring+spring-mvc+mybatis+jquery技术编写,数据库采用的是MysqL,navicat开发工具。
系统一共分为3个角色分别是:管理员,学生,教师
二、模块简介
管理员
1、登录
2、个人信息管理
3、学生管理
4、教师管理
5、评论管理
6、消息管理
7、留言管理
9、问题管理
10、教学资源管理
教师
1、登录
2、个人信息管理
3、教学资源管理
4、消息管理
5、消息回复
学生
1、登录注册
2、查看教师信息
3、给教师发消息
4、查看教学资源
5、下载资源,查看视频资源
6、留言信息
7、发布问题
8、评论问题
9、个人信息管理
10、历史记录查询
项目简介
难度等级:✩✩
用户类型:3角色(管理员,学生,教师)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:HTML、CSS、JS、JQuery等
后端技术:JSP、ssm框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用idea开发,仅支持idea运行,不支持MyEclipse和eclipse运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。
数 据 库:MysqL5.5/5.7/8.0版本
运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架:是
数据库表数量:8张表
JSP页面数量:30多张
是否有分页:有分页
相关截图
相关代码
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getcontextpath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<title>学教交流辅导平台</title>
<Meta name="renderer" content="webkit">
<Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<Meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/admin.css">
<link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/login.css">
</head>
<style>
body{
background-image:url(<%=path %>/resource/back.jpeg) ;/*插入的背景图片的url
background-attachment: fixed;/*背景图片不会固定不会因页面滚动而重复*/
background-repeat: no-repeat;/*使图片不管任何大小都不会重复*/
background-size: 100%;/*改变背景图的长和宽*/
}
</style>
<body>
<form id="loginForm" name="loginForm">
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="layadmin-user-login-main" style="background-color: #00b7ee">
<div class="layadmin-user-login-Box layadmin-user-login-header">
<h2>学教交流辅导平台</h2>
</div>
<div class="layadmin-user-login-Box layadmin-user-login-body layui-form">
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
<input type="text" name="username" lay-verify="username" id="username" placeholder="用户名"
class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
<input type="password" name="password" lay-verify="password" id="password" placeholder="密码"
class="layui-input">
</div>
<div class="layui-form-item" style="align:center;">
<select name="type" id="type" >
<option value="1" >管理员</option>
<option value="2" >学生</option>
<option value="3" >教师</option>
</select>
</div>
<div class="layui-form-item">
<button type="button" id="login" class="layui-btn layui-btn-fluid">登陆</button>
</div>
</div>
</div>
</div>
</form>
<script src="<%=path %>/resource/layui/layui.js"></script>
<script src="<%=path %>/resource/layui/jquery-1.9.1.min.js"></script>
<script>
$("#login").click(function(){
var username = $.trim($('#username').val());
var password = $.trim($("#password").val());
if (username == '') {
layer.msg('用戶名不能为空', function () {
time:2000
});
return false;
}
if (password == '') {
layer.msg('密码不能为空', function () {
time:2000
});
return false;
}
$.ajax({
cache: true,
type: "post",
url: "login",
data: $("#loginForm").serialize(),
async: false,
success: function (e) {
if (e == 'ok') {
alert("登录成功!");
window.parent.location.href = "toMain";
} else if (e == 'toIndex') {
alert("登录成功!");
window.parent.location.href = "toIndex";
} else {
alert("登录失败,账号或者密码错误!");
}
}
})
});
</script>
<script>
layui.use(['form', 'jquery', 'layer'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.jquery;
form.render();//这句一定要加,占坑
});
</script>
</body>
</html>
/**
* 登录
* @param username
* @param request
* @param password
* @param session
* @param response
* @param mv
* @return
* @throws servletexception
* @throws IOException
*/
@RequestMapping("/login")
@ResponseBody
public String login(@RequestParam("username")String username,
HttpServletRequest request, @RequestParam("password")String password,
HttpSession session, HttpServletResponse response, ModelAndView mv) throws servletexception, IOException {
session.removeAttribute("admin");
session.removeAttribute("student");
String type=request.getParameter("type").toString();
request.getSession().setAttribute("type", type);
String message = "error";
if(type != null && type.equals("1")){
Admin admin1 = studentService.selectAdmin(username,password);
if(admin1 != null){
request.getSession().setAttribute("admin", admin1);
message = "ok";
}
}else if(type != null && type.equals("2")){
Student student = studentService.selectStudent(username,password);
if(student != null){
request.getSession().setAttribute("student", student);
message = "toIndex";
}
}else if(type != null && type.equals("3")){
Teacher teacher = teacherService.selectTeacher(username,password);
if(teacher != null){
request.getSession().setAttribute("teacher", teacher);
message = "ok";
}
}
return message;
}
非开源!!!!!!
项目截图中的数据,很多是用来测试的,需求自行添加合适的数据图片
此项目适合初学者学习借鉴,项目整体比较简单,可用作于期末考核,课设,毕设等方面的作业!!!!!
喜欢的朋友的点赞加关注,感兴趣的同学可以研究!!!!!
感谢 = v =
原文地址:https://www.jb51.cc/wenti/3285995.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。