一、系统简介
本项目采用idea工具开发,jsp+spring+spring-mvc+mybatis+jquery技术编写,数据库采用的是mysql,navicat开发工具。
系统一共分为2个角色分别是:管理员,用户
二、模块简介
管理员
1、登录
2、个人信息管理
3、用户管理
4、分类管理
5、标签管理
6、相册管理
7、评论管理
8、消息管理
获取地址:xystgl · master · 码盗_java_bishe / java系统 · GitCode
用户
1、登录注册
2、浏览相册,相片
3、查看用户
4、申请加好友
5、评论相片
6、下载相片
7、给好友发消息
8、历史记录查询
项目简介
难度等级:✩✩✩
用户类型:2角色(管理员,用户)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:HTML、CSS、JS、JQuery等
后端技术:JSP、ssm框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用idea开发,仅支持idea运行,不支持MyEclipse和eclipse运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用eclipse运行,需要转换!!!!)
数 据 库:MySQL5.5/5.7/8.0版本
运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架:是
数据库表数量:9张表
JSP页面数量:20多张
是否有分页:有分页
相关截图
相关代码
登录
<%@ 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>
<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">
<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;">
   
<!-- <div class="layui-input-block"> -->
<input type="radio" name="type" value="1" title="管理员" checked>
<input type="radio" name="type" value="2" title="用户">
<!-- </div> -->
</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 = service.selectAdmin(username,password);
if(admin1 != null){
request.getSession().setAttribute("admin", admin1);
message = "ok";
}
}else if(type != null && type.equals("2")){
User te = service.selectUser(username,password);
if(te != null){
request.getSession().setAttribute("user", te);
message = "toIndex";
}
}
return message;
}