一、系统简介
本项目采用eclipse工具开发,layui+jsp+servlet+jquery技术编写,数据库采用的是mysql,navicat开发工具。
系统一共分为2个角色分别是:领养用户,管理员
二、模块简介
管理员
1、登录
2、个人信息管理
3、流浪动物管理
4、领养用户管理
5、动物转让管理
6、回访信息管理
7、动物视频管理
用户
1、登录注册
2、浏览网站
3、申请领养
4、查看动物视频
5、动物转让
6、转让审核
7、领养,转让历史记录查询
项目简介:
难度等级:✩✩✩
用户类型:3角色(管理员,用户,业务员)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:layui、HTML、CSS、JS、JQuery等
后端技术:JSP、servlet框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用Eclipse开发,仅支持Eclipse运行,不支持MyEclipse和IDEA运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行,需要转换!!!!)
数 据 库: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 + "/";
%>
<head>
<meta charset="UTF-8">
<title>流浪动物网站</title>
<link rel="stylesheet" type="text/css" href="static/css/main.css">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script type="text/javascript" src="../res/layui/layui.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body>
<div class="site-nav-bg">
<div class="site-nav w1200">
<p class="sn-back-home">
</p>
<div class="sn-quick-menu">
</div>
</div>
</div>
<!--
<div class="header" style="text-algin:center;">
<a style="color:pink;font-size:80px;letter-spacing:50px;margin-left: 20%;">
流浪动物救助网站
</a>
</div> -->
<div class="content content-nav-base login-content">
<div class="main-nav">
<div class="inner-cont0">
<div class="inner-cont1 w1200">
<div class="inner-cont2">
</div>
</div>
</div>
</div>
<div class="login-bg">
<div class="login-cont w1200">
<div class="form-box">
<form action="AdminUserServlet?action=login" method="post" id="loginForm" name="loginForm">
<legend>登录</legend>
<div class="layui-form-item" style="margin-bottom: 4px;">
<div class="layui-inline veri-code">
<div class="layui-input-inline">
<input type="text" name="userName" id="userName" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
<span id="msg3" style="color:red">${message}</span>
</div>
</div>
<div class="layui-inline veri-code">
<div class="layui-input-inline">
<input id="password" type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline veri-code">
<div class="layui-input-inline">
<select name="type" id="type" style="height: 35px;width: 100%;">
<option value="">请选择角色</option>
<option value="1">管理员</option>
<option value="2">爱心人士</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item login-btn">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" id="login" lay-filter="demo1" >登录</button>
</div>
<!-- <div class="layui-form-item" style="margin-top:10px;">
<a href="AdminUserServlet?action=toRegsite" class="layui-btn layui-btn-primary" style="width:100%">注册</a>
</div> -->
</div>
</form>
</div>
</div>
</div>
</div>
<script src="layui/layui.js"></script>
<script>
layui.use(['layer', 'form','jquery'], function(){
var form = layui.form,
layer = layui.layer,
$= layui.jquery;
form.render();//这句一定要加,占坑
$("#login").on("click", function() {
var userName = $("#userName").val().trim(); // trim()去除空格
var password = $("#password").val().trim();
var type = $("#type").val();
if(userName == ""){
layer.msg('用户名不能为空!');
return false;
}
if(password == ""){
layer.msg('密码不能为空!');
return false;
}
if(type == ""){
layer.msg('请选择角色!');
return false;
}
/* if(!username) {
$("#msg").html("用户名不能为空!");
$("#username").focus(); // 聚焦
return false;
} else {
if(!password) {
$("#msg").html("密码不能为空!");
$("#password").focus(); // 聚焦
return false;
} else {
$("#message").html("");
}
} */
});
setTimeout(function(){ $("#msg").html("")},3000);
setTimeout(function(){ $("#msg2").html("")},3000);
setTimeout(function(){ $("#msg3").html("")},3000);
});
</script>
</body>
</html>
/**
* 登录
* @param request
* @param response
* @throws ServletException
* @throws IOException
*/
protected void login(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//处理登录
String username = request.getParameter("userName");
String password = request.getParameter("password");
int type = 0;
AdminUser adminUser = new AdminUser();
adminUser.setUserName(username);
adminUser.setPassword(password);
LoveUser loveUser =new LoveUser();
loveUser.setUserName(username);
loveUser.setPassword(password);
if(request.getParameter("type") != null){
type = Integer.parseInt(request.getParameter("type"));
}
if(type == 1){
AdminUser user = service.login(adminUser);
if (user == null){
request.setAttribute("message", "管理员用户不存在或者密码错误");
request.getRequestDispatcher("/login.jsp").forward(request, response);
}else {
request.getSession().setAttribute("user",user);
request.getSession().setAttribute("flag",1);
request.getRequestDispatcher("/WEB-INF/jsp/main.jsp").forward(request, response);
}
}else if(type == 2){
LoveUser loveUser1 = service.loveLogin(loveUser);
if (loveUser1 == null){
request.setAttribute("message", "管理员不存在或者密码错误");
request.getRequestDispatcher("/login.jsp").forward(request, response);
}else {
request.getSession().setAttribute("loveUser",loveUser1);
request.getSession().setAttribute("flag",2);
/*request.getRequestDispatcher("/WEB-INF/jsp/main.jsp").forward(request, response);*/
//request.getRequestDispatcher("shouye.jsp").forward(request, response);
response.sendRedirect(request.getContextPath()+"/IndexServlet?action=AnimalListAct");
}
}else {
request.getRequestDispatcher("/login.jsp").forward(request, response);
}
}