基于javaweb流浪动物救助网站(前端+后端)

一、系统简介

本项目采用eclipse工具开发，layui+jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。

系统一共分为2个角色分别是：领养用户，管理员

二、模块简介

项目简介：
难度等级：✩✩✩
用户类型：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); }}

其他相关代码都是类似的，主要是前端jsp和后端servlet交互比较重要！！！非开源！！！！！！
其他模块代码都是类似的，此项目适合初学者学习借鉴，项目整体比较简单，可用作于期末考核，课设，毕设等方面的作业！！！！！
喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！
感谢 = v =
项目截图中的数据，很多是用来测试的，需要自行添加合适的数据图片！！

基于javaweb流浪动物救助网站(前端+后端)相关推荐

计算机毕业设计ssm基于Javaweb的宠物救助网站s6a19系统+程序+源码+lw+远程部署
计算机毕业设计ssm基于Javaweb的宠物救助网站s6a19系统+程序+源码+lw+远程部署计算机毕业设计ssm基于Javaweb的宠物救助网站s6a19系统+程序+源码+lw+远程部署本源码技 ...
java毕业设计流浪动物救助网站设计与实现源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计流浪动物救助网站设计与实现源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计流浪动物救助网站设计与实现源码+lw文档+mybatis+系统+mysql数据库 ...
java计算机毕业设计流浪动物救助网站设计与实现源码+系统+数据库+lw文档+mybatis+运行部署
java计算机毕业设计流浪动物救助网站设计与实现源码+系统+数据库+lw文档+mybatis+运行部署 java计算机毕业设计流浪动物救助网站设计与实现源码+系统+数据库+lw文档+mybatis+运 ...
java-php-python-ssm流浪动物救助网站设计与实现计算机毕业设计
java-php-python-ssm流浪动物救助网站设计与实现计算机毕业设计 java-php-python-ssm流浪动物救助网站设计与实现计算机毕业设计本源码技术栈: 项目架构:B/S架构开 ...
ssm毕设项目基于Javaweb的宠物救助网站s6a19（java+VUE+Mybatis+Maven+Mysql+sprnig）
ssm毕设项目基于Javaweb的宠物救助网站s6a19(java+VUE+Mybatis+Maven+Mysql+sprnig) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + My ...
基于java流浪动物救助管理系统获取（java毕业设计）
基于java流浪动物救助管理系统流浪动物救助管理系统是基于java编程语言和mysql数据库开发的系统,本系统拥有用户和管理员两个角色,其中用户注册登录后可以查看流浪动物,在线收养,收养转让,查看审 ...
Python-Django毕业设计流浪动物救助网站（程序+Lw)
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
[附源码]java毕业设计流浪动物救助网站
项目运行环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
Javaweb流浪动物救助平台的设计与实现
摘要近年来,随着经济的发展,人民的生活水平日益提高,许多的家庭开始饲养宠物, 城市中的宠物数量也是随之大幅度增长.然而,在人们享受着宠物为生活所带来的乐趣的同时,一系列的安全威胁和宠物丢弃等问题也是 ...

基于javaweb流浪动物救助网站(前端+后端)

一、系统简介

本项目采用eclipse工具开发，layui+jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。

二、模块简介

相关截图

相关代码

登录

基于javaweb流浪动物救助网站(前端+后端)相关推荐

最新文章

热门文章