简单的图书管理（登录和注册功能）

最新推荐文章于 2021-06-17 20:01:27 发布
最新推荐文章于 2021-06-17 20:01:27 发布
阅读量877 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43590573/article/details/103151402
版权

服务器：tomact8.5 工具：Eclipse

登录jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/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="css/login.css"/>

</head>
	<body>
		
			
		<form action="/my_project/login_servlet" class="login-form" method="post">
		<h1>登录</h1>
		
			<div class="textb">
			
				<input id="username" type="text"  placeholder="请输入用户名" style="font-weight: bold" name="username">
				
			</div>
			
			<div class="textb">
				<input id="password" type="password" placeholder="请输入密码" style="font-weight: bold" name="password">
				
			</div>
			<div class="textb">
			<input type="text" name="checkcode" id="check_codes" placeholder="请输入验证码" style="font-weight: bold" size="4">
			<a href="javascript:reloadcheckimg()" title="看不清，换一张"><img src="img.jsp"/></a>
			</div>
			<input type="submit" class="logbtn" value="登录"/>
			<div class="bottom-text"> 
				没有注册? <a href="register.jsp">注册</a>
			</div>
			
<script type="text/javascript" src="js/jquery-3.4.1.min.js">

</script>

<script type="text/javascript">
function reloadcheckimg(){
	
	$("img").attr("src","img.jsp?t="+Math.random());
	//"?"为参数，重新发送请求，加载验证码，
}

$(document).ready(function(){
	
	$("#check_codes").blur(function(){
		//校验：文本框输入的值发送到服务器
		//服务端 ：获取文本框输入的值和真实验证码图片的值对比，并返回验证结果
		var $checkcode=$("#check_codes".val());

		
	});
	
});

</script>
</form>
                  
		<script type="text/javascript">
		//动态创建和删除div
			$(".txtb input").on("focus",function(){
				
				$(this).addClass("focus");
			});
			
			$(".txtb input").on("blur",function(){
				if($(this).val()=='')
				$(this).removeClass("focus");
			});
			
			
			
			</script>
			
		
		
	</body>
</html>

注册jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/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="css/register.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<img src="img/ps9.jpg">

<form action="/my_project/Register_servlet" id="reg_form" method="post">

			<h1>注册</h1>
			<div class="txtb">
				<input id="username" type="text"  placeholder="请输入用户名" name="username">
				
			</div>
			<div class="txtb">
				<input id="pwd" type="password" placeholder="请输入密码" name="password">
				
			</div>
			<div class="txtb">
				<input id="pwd2" type="password" placeholder="请再次确认密码" name="password">
				
			</div>
			<div class="txtb">
				<input type="text" placeholder="请输电话" name="phone">
				
			</div>
			<div class="submit_btn">
				<button class="btn btn-success" onclick="checkDate(this)">注册</button> 
                <button class="btn btn-info" type="reset">重置</button>
			<!--  	<input type="button" value="注册" style="width=20px;height=10;" onclick="checkDate(this)"/>
					<input type="reset" value="重置"/>
			
			-->
			
			
			
			</div>
			
			<div class="bottom-text"> 
				已经注册? <a href="Login.jsp">登录</a>
			</div>





<script type="text/javascript">
function checkDate(){
	//1获取用户名，密码，确认密码；
	var username=document.getElementById("username");
	var pwd=document.getElementById("pwd");
	var pwd2=document.getElementById("pwd2");
	if(username.value==""){
		alert("请输入用户名");
		return;
	}
	if(pwd.value==""){
		alert("请输入密码");
		return;
	}
	if(pwd2.value==""){
		alert("请再次输入密码");
		return;
	}
	
	//两次的密码是否一样
	if(pwd.value==pwd2.value){
		//发送请求form ,获取form;
		var form=document.getElementById("reg_form");
		form.submit();//通过js执行表单
	}else{
		alert("两次输入密码不一样");
	}
		
}
</script>


</form>

</body>
</html>

验证码jsp页面：img.jsp

<%@ page import="java.awt.*" %>
<%@ page import="java.awt.image.BufferedImage"%>
<%@ page import="javax.imageio.*"%>
<%@ page import="java.util.Random" %>

<%@ page language="java" contentType="image/jpeg; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%!
//随机产生颜色
public Color getColor(){
	
	Random ran=new Random(); //Math.random() 0-1
	int r=ran.nextInt(256);
	int g=ran.nextInt(256);
	int b=ran.nextInt(256);
	return new Color(r,g,b);//red green blue 0-255
}

//产生验证码值
public String getNum(){
	
	//Math.random() 0-1 ,0-8999, 1000-9999 
	int ran=(int)(Math.random()*9000)+1000;
	return String.valueOf(ran);
}

%>

<%
//禁止验证码缓存，防止验证码过期
response.setHeader("pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires","0"); //过期时间：0s

//绘制验证码
BufferedImage image=new BufferedImage(80,30,BufferedImage.TYPE_INT_RGB);
//画笔
Graphics graphics=image.getGraphics();
graphics.fillRect(0, 0, 80, 30);
//绘制干扰线
for(int i=0;i<60;i++)
{
	Random ran=new Random();
	int xBegin=ran.nextInt(80);
	int yBegin=ran.nextInt(30);
	
	int xEnd=ran.nextInt(xBegin+10);
	int yEnd=ran.nextInt(yBegin+10);
	
	//设置画笔颜色
	graphics.setColor(getColor());
	//绘制线条
	graphics.drawLine(xBegin, yBegin, xEnd, yEnd);
	
}
//设置字体
graphics.setFont(new Font("seif",Font.BOLD,20));

//绘制验证码
graphics.setColor(Color.black);
String checkCode=getNum();//2 1 3 4
StringBuffer s=new StringBuffer();//拼接
//将每个数字提出来
for(int i=0;i<checkCode.length();i++){
	s.append(checkCode.charAt(i)+" ");//验证码的每一位数字
	
}


graphics.drawString(s.toString(), 15, 20);//绘制验证码的位置

//将验证码真实值保存在session中，使用时比较真实性
session.setAttribute("CKECKCODE",checkCode);

//真实产生的图片
ImageIO.write(image,"jpeg",response.getOutputStream());

//关闭
out.clear();
out=pageContext.pushBody();//<input type="image" src="xxx"/>

%>

User

package com.it.domain;

public class User {
private String id;
private String username;
private String password;
private String phone;
public String getId() {
	return id;
}
public void setId(String id) {
	this.id = id;
}
public String getUsername() {
	return username;
}
public void setUsername(String username) {
	this.username = username;
}
public String getPassword() {
	return password;
}
public void setPassword(String password) {
	this.password = password;
}
public String getPhone() {
	return phone;
}
public void setPhone(String phone) {
	this.phone = phone;
}
public String toString() {
	return "User [id="+id+",username="+username+",password="+password+",phone="+phone+"]";
	
}
}

JDButil

package com.it.jdbc.util;


import java.sql.Connection;

import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;



import com.alibaba.druid.pool.DruidDataSource;

public class JDBCUtil {
	
	
	//通过连接池连接数据
	
		//在使用mysql 数据库的时候如果需要批量添加，修改，删除功能则要设置rewriteBatchedStatements参数，这样才能真正起到批量添加的功能
		public static String url="jdbc:mysql://localhost:3306/user?rewriteBatchedStatements=true";
		public static String user="root";
		public static String pwd="密码";
		public static String driverName="com.mysql.jdbc.Driver";
		public static DruidDataSource ds=null;//Druid连接池
		
		
		//static方法只有类被加载到jvm时，才会执行一次,在连接池中对象直接调用方法
		
		static {
			
			ds=new DruidDataSource();//Druid连接池
			
			ds.setDriverClassName(driverName);
			ds.setUsername(user);
			ds.setPassword(pwd);
			ds.setUrl(url);
			
			
		}
		
		//设置成静态，别人可以通过类名直接调用，连接数据库
		public static Connection getConn(){
			try {
			
				//2.连接数据库
				return ds.getConnection();
				
			} catch (Exception e) {
				e.printStackTrace();
			}
			return null;

		}
		//关闭资源
		public static void close(Connection conn,Statement st,ResultSet rs) {
			
			if(rs!=null) {
				try {
					rs.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
				
			}
			
			if(conn!=null) {
				try {
					conn.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
				 
			}
				
			if(st!=null) {
				try {
					st.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
				
			}	
	}
		}

登录servlet

package com.it.servlet;

import java.io.IOException;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanHandler;

import com.it.domain.User;
import com.it.jdbc.util.JDBCUtil;

/**
 * Servlet implementation class login_servlet
 */
@WebServlet("/login_servlet")
public class login_servlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		//设置请求编码；
		 request.setCharacterEncoding("utf-8");
		 response.setContentType("text/html;charset=utf-8");
		//获取用户验证码
			String checkcodeClient=request.getParameter("checkcode");
			//真实验证码值
			String CheckCodeServlet=(String)request.getSession().getAttribute("CKECKCODE");
			
			
		//获取用户名，密码
		String name=request.getParameter("username");
		String pwd=request.getParameter("password");
		System.out.print(name+pwd);
		//到数据库当中查询有没有该用户，
		// DbUtils类:启动类

		//ResultSetHandler接口:转换类型接口
		//
		//MapListHandler类:实现类，把记录转化成List
		//
		//BeanListHandler类:实现类，把记录转化成List，使记录为JavaBean类型的对象
		//
		//Query Runner类:执行SQL语句的类
		QueryRunner qr=new QueryRunner(JDBCUtil.ds);//使用DbUtils
		 String sql="select * from user where username=? and password=?";
		 User u=null;
		 try {
			u = qr.query(sql, new BeanHandler<User>(User.class),name,pwd);//BeanHandler将查到的东西封装成对象
		} catch (SQLException e) {
			// TODO 自动生成的 catch 块
			e.printStackTrace();
		}
		 
		 //1.有值
		 if(u!=null&&(CheckCodeServlet.equals(checkcodeClient))) {
			response.getWriter().write("登录成功");
			//跳转到登录；
			response.setHeader("refresh","3;url=/my_project"+ "/list.jsp");//刷新页面，3秒后跳转
			
			//request.getRequestDispatcher("/register.jsp").forward(request,response);
			 
		 }
		 else {
			 
			 response.getWriter().write("登录失败，用户名错误或者密码错误，验证码错误");
			 跳转到登录；http
			response.setHeader("refresh","3;url=/my_project"+"/Login.jsp");刷新页面，3秒后跳转
			 //request.getRequestDispatcher("/Login.jsp").forward(request,response);
		 }
	}

}

注册servlet

package com.it.servlet;

import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
import java.sql.SQLException;
import java.util.Map;
import java.util.UUID;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.beanutils.BeanUtils;
import org.apache.commons.dbutils.QueryRunner;

import com.it.domain.User;
import com.it.jdbc.util.JDBCUtil;










/**
 * Servlet implementation class Register_servlet
 */
@WebServlet("/Register_servlet")
public class Register_servlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//设置请求编码
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
	//1.接收所有参数	
		Map<String,String[]> parameterMap=request.getParameterMap();
		User u=new User();
	
	
		try {
			BeanUtils.populate(u,parameterMap);//这个方法会遍历map<key, value>中的key，如果bean中有这个属性，就把这个key对应的value值赋给bean的属性。
		} catch (IllegalAccessException | InvocationTargetException e) {
			// TODO 自动生成的 catch 块
			e.printStackTrace();
		}
		//随机设置id；
		u.setId(UUID.randomUUID().toString());
		//写入数据库
		 QueryRunner qr=new QueryRunner(JDBCUtil.ds);
		 String sql="insert into user value(?,?,?,?)";
		 try {
			
			qr.update(sql,u.getId(),u.getUsername(),u.getPassword(),u.getPhone());
		//：增删改都可用Query对象的update方法。
		 } catch (SQLException e) {
			// TODO 自动生成的 catch 块
			e.printStackTrace();
		}
		 response.getWriter().write("注册成功");
		
		request.getRequestDispatcher("/Login.jsp").forward(request,response);
		
	}

}

login.css

@charset "UTF-8";
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: montserrat;
	box-sizing: border-box;
}

body{
	min-height: 100vh;
	background:url(../img/8.jpg);
	
}


.login-form{
	
	width: 360px;
	background:url(../img/9.jpg);
	height: 580px;
	padding: 80px 40px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.login-form h1{
	text-align: center;
	margin-bottom: 60px;
	
}
.textb{
	border-bottom: 2px solid#adadad;
	position: relative;
	margin: 30px 0;
}
.textb input{
	font-size: 15px;
	color: #333;
	border:none;
	width: 100%;
	outline: none;
	background: none;
	padding: 0 5px;
	height: 40px;
	
}
.textb span::before{
	content: attr(data-placeholder);
	position: absolute;
	top: 50%;
	left: 5px;
	color: #adadad;
	transform: translateY(-50%);
	z-index: -1;
	transition: .5s;
}
.textb span::after{
	content: '';
	position: absolute;
	width: 0%;
	height: 2px;
	background:linear-gradient(#72bdb8,#33cccc,#8e44ad);
	transition: .5s;
}

.focus + span::before{
	
	top: -5px;
}
.focus + span::after{
	
	width: 100%;
}
.logbtn{
	display: block;
	width: 100%;
	height: 50px;
	border: none;
	background:linear-gradient(#33cccc,#3ebbb8,#72bdb8,#33cccc);
	background-size:200%;
color: #fff;
outline: none;
cursor: pointer;
transition: .5s;

}
.logbtn:hover{
	background-position: right;
	
}
.bottom-text{
	margin-top: 60px;
	text-align: center;
	font-size: 13px;
}

register.css

@charset "UTF-8";
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: montserrat;
	box-sizing: border-box;
}

body{
	min-height: 100vh;
	
	
}

#reg_form{
	
	width: 360px;
	background:url(../img/ps11.jpg);
	height: 580px;
	padding: 80px 40px;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#reg_form h1{
	text-align: center;
	margin-bottom: 60px;
	
}

txtb{
	border-bottom: 2px solid#adadad;
	position: relative;
	margin: 30px 0;
}
.txtb input{
	font-size: 15px;
	color: #333;
	border:none;
	width: 100%;
	outline: none;
	background: none;
	padding: 0 5px;
	height: 70px;
	
}

.logbtn:hover{
	background-position: right;
	
}
.bottom-text{
	margin-top: 60px;
	text-align: center;
	font-size: 13px;
}

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

qq_43590573
关注
书店管理系统（Servlet+MySQL）登录与注册功能篇
weixin_51282350的博客
04-01 2526
书店管理系统（Servlet+MySQL） 这个工程主要是对之前的一些总结吧，尽可能地用上所学的所有功能来实现，具体代码稍后也会上传到Github上。 在前端上并没有用上CSS等技术，只用上了基础的HTML和部分JavaScript，这是因为这一篇文章注重于功能的具体实现而不是美观。在美观方面，我更倾向于在完成所有的工作之后，再一点点优化。而且我对于CSS的了解也不是很深，就不在这里献丑了。 这个小练习应用的主要技术是Servlet，当然还有与Servlet紧密结合，密不可分的JSP，MySQL只涉及最基
图书管理系统界面 包括用户登录 图书信息等等
06-11
图书管理系统界面 实现用户登录 读者信息 图书信息等界面
图书管理登录注册
weixin_30388677的博客
04-09 154
注册public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string txtEmail = context.Request["txtEmail"]; strin...
注册并登录图书系统
xinxin920606的博客
12-02 524
users = {"zhoushen": "123456"} login_users = {} books = {} def register(): global users while 1: username = input("请输入您要注册的用户名：") if not len(username) >= 7: pri...
VS写的图书管理系统登录界面
07-02
VS写的图书管理系统登录界面
图书管理系统注册登录.rar
08-17
本文将深入探讨如何利用C#编程语言构建一个图书管理系统的注册登录功能，以帮助读者理解C#在实际项目中的应用。 C#是一种面向对象的编程语言，由微软公司开发，广泛应用于Windows平台的软件开发。其语法简洁明了，...
SSM框架的图书管理系统(新增登录注册下载功能)
05-28
程序开发软件：MyEclipse8.5以上 数据库：mysql 后台采用技术： SSM框架(SpringMVC + Spring + Mybatis) 前台采用技术： div + css 技术要点： 1 此系统采用了目前最流行的ssm框架,其中的...新增了登录注册下载功能
图书管理系统针对管理员和用户有着不同的功能，共同的功能有登陆注册.zip
03-04
2. 用户管理：包括用户注册、登录验证、权限分配等功能，确保用户信息的安全性。 3. 借阅与归还：管理员可处理用户的借阅申请，监控图书的流通状态，及时提醒用户归还图书，防止超期。 4. 统计分析：提供图书借阅量...
java语言，命令行模式，图书管理系统 包括：图书管理员和用户，均有登录、注册功能，管理员可以添加、删除、查找指定书本
01-08
这个系统包含了两个主要角色：图书管理员和普通用户，各自有不同的操作权限和功能。 对于管理员来说，他们可以执行以下关键任务： 1. **登录与注册**：管理员拥有特定的权限，首先需要通过登录验证身份。登录功能...
利用JavaWeb+MySQL+eclipse实现的一个图书管理系统，主要功能包括用户登录注册和图书的增删改查.zip
最新发布
06-18
5. 用户管理：用户登录和注册功能是系统的基础。登录通常涉及验证用户名和密码，注册则涉及收集用户信息并保存到数据库。可能使用了哈希和盐值技术来加密存储用户密码，以增强安全性。 6. 图书管理：图书的增删改查...
jQuery版图书馆管理系统
04-10
1、系统需求分析及数据库建模 2、主界面WebOS搭建 3、实现图书馆管理系统的登录 4、实现图书馆信息管理 5、更改口令及利用用户自定义控件技术简化代码 6、利用母板页技术及JSOOP思想实现书架信息管理(1) 7、利用母板页技术及JSOOP思想实现书架信息管理(2) 8、系统管理-权限设置 9、实现读者管理-读者类型管理 10、实现图书管理-图书类型管理 11、实现读者管理-读者档案管理(1) 12、实现读者管理-读者档案管理(2) 13、实现图书管理-图书档案管理 14、实现图书借阅功能 15、实现图书续借及归还功能 16、实现系统查询模块-图书档案与图书借阅查询 17、实现图书借阅排行榜及报表打印 18、完善权限控制及实现桌面快键方式功能 19、图书借阅排行榜-数据统计分析及图表显示 20、利用jquery-treeview实现读者借书清单
用户登录注册系统
07-04
该资源里面包括一个用户登录注册系统，管理员登录后可进行用户信息的修改，查询，删除等操作
图书馆管理系统前端
05-08
课支持jsp的操作，内容很全
图书管理系统 servlet+jsp（适合初学者）
01-21
这是一个简易的图书管理系统，包含对图书的增删改查，借书还书，用户权限管理的功能，挺适合初学者的。---------内附说明文档，代码均有注视。
eclipse 图书管理系统
06-23
使用eclipse创建的图书馆管理系统，压缩包内包含了完整的项目
简易图书管理系统
年少不知曲中意,再听已是曲终人
09-28 328
一、HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图书管理系统</title> </head> <body background="bg.jpg" style...
图书管理系统--用户登录
ly_jewel的博客
07-04 3440
思路： 用户登录 1. 查询该用户是否存在。当info列为空时，可登录 管理员登录 1. 查询该记录是否存在。当info列为管理员时，可登录 用户登录 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTY...
javaWeb--验证码的实现
yucan1234的博客
04-20 166
效果展示： 代码展示： 项目结构： img.jsp:     生成一个验证码的图片，然后把正确的值存放再session中，方便以后验证对比 <%@ page import="java.awt.*" %> <%@ page import="java.util.Random" %> <%@ page import="java.a...
图书管理系统之登陆注册页面布局（一）
热门推荐
我要记录学习博客
06-17 1万+
图书管理系统之登陆注册页面布局（一） 前言，创建一个新的MVC项目，创建第一个控制器【Login】并创建视图，名字也由【Index改为Login】，添加视图，不使用布局页。 创建一个Comtent文件夹，存放一些需要用到的框架文件以及图片素材 一、登陆页面 在Login视图里面写登陆页面代码 登陆页面的布局代码不多，引入框架，复制下面的代码即可 1.1、html布局 <div class="container"> <div class="title text-ce
包含登录和注册功能的图书馆管理系统gui
06-08
好的，下面是一个 Python GUI 图书馆管理系统示例代码，包含了登录和注册功能： ```python from tkinter import * from tkinter import messagebox # 定义图书馆管理系统类 class LibraryManagementSystem: def _...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值