323AI导航网 323AI导航网

chatgpt 设计用户注册界面 JavaWeb实现简单的用户注册登录（入门级）

默认分类1年前 (2023)发布 admin
1,548 0
ChatGPT国内版

实现简单的用户注册登录

代码主要参考的以下博客，我自己修改了一些，可以让刚入门的同学（我自己）更好的理解。

项目结构

dao：这个包下主要是一些关于数据库的操作

dao.：数据库的创建和删除

dao.：数据库与用户的交互操作，包括检验用户登录的账号是否合法，当用户注册时将账号插入数据库。

：实现的前后端交互

：用户注册，当注册新用户时会跳转到此，实现将新用户的账号密码插入数据库中。

：用户登录，当用户登录账号时会跳转到此，实现对用户账号密码的合法性检验。

（ ），全称Java ，未有中文译文。是用Java编写的服务器端程序。其主要功能在于交互式地浏览和修改数据，生成动态Web内容。狭义的是指Java语言实现的一个接口，广义的是指任何实现了这个接口的类，一般情况下，人们将理解为后者。

：登录页面

：注册页面

：登陆成功页面

初始数据库

这里我用的可视化工具是

前端页面设计

登录界面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script>
// function submit(){
// 	document.login.action="jiaoyan.jsp";
// 	document.login.submit();
// }
function zhuce(){
	document.login.action="register.jsp";
	document.login.submit();
}
</script>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<form id="form1" name="login" action="UserServlet" method="post" >
用户：<input  name="username" type="text">
<br>
<br>
密码：<input name="userpwd" type="password">
<br>
<br>
<input type="submit" value="提交查询" >
<input type="button" value="注册用户" onclick=zhuce()>
</form>
</body>
</html>

这个页面有两个按钮，一个是提交按钮，点击后转入执行，一个是注册按钮，点击后转到注册页面。

注册界面：

<%@ page language="java" contentType="text/html;charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
<form id="form1" action="UserRegister" method="post">
用户名：<input name="username" type="text">
密码：<input name="userpwd" type="password">
<input value="注册" type="submit" name="submit">
</form>
</body>
</html>

本页面只有一个注册按钮，点击后转入执行。

登陆成功界面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎页面</title>
</head>
<body>
<% if(session.getAttribute("check")!=null)
{%>
	欢迎 < <%=session.getAttribute("username") %> >
<% }
else
{%>
	<jsp:forward page="NewFile.jsp"></jsp:forward>	
<% }%>
</body>
</html>

登陆成功后转入本页面，其中保存的是登陆时的用户名，check用于检查是否是由登录页面转来，如果是直接运行的此页面则会跳转至登录页面。

Dao数据访问对象

.java

chatgpt 设计用户注册界面 JavaWeb实现简单的用户注册登录（入门级）

package dao;
import java.sql.*;
public class DButils {
	static final String JDBC_DRIVER="com.mysql.jdbc.Driver";
	static final String DB_URL="jdbc:mysql://127.0.0.1:3306/jdb?user=root&password=shn001221&useUnicode=true&characterEncoding=UTF-8&useSSL=true";
	static Connection conn=null;
	
	//连接数据库
	public static Connection getConnection() {
		try {
			Class.forName(JDBC_DRIVER);
			conn=DriverManager.getConnection(DB_URL);
			System.out.println("连接成功");
		}catch(Exception e) {
			e.printStackTrace();
		}
		return conn;
	}
	
	//关闭数据库连接
	public static void Close() {
		try {
			if(conn!=null) {
				conn.close();
			}
		}catch(SQLException e) {
			e.printStackTrace();
		}
	}
}

此类实现数据库连接的建立和关闭，其中是你数据库的url地址

这里把jdb改成你自己数据库的名字，user和分别是你创新数据库时使用的用户名和密码，其他的不需要改，具体的使用方法可以自己搜一下。

.java

package dao;
import java.sql.*;
public class LoginDaolmp {
	
	
	//检查登录的用户是否合法
	public boolean searchName(String loginName,String loginpwd) {
		Connection conn=DButils.getConnection();
		String sql="select * from 用户列表 where 用户名=? and 密码=?";
		try {
			PreparedStatement ps=conn.prepareStatement(sql);
			ps.setString(1, loginName);
			ps.setString(2, loginpwd);
			ResultSet rs=ps.executeQuery();
			while(rs.next()) {
				return true;
			}
		}catch(SQLException e) {
			e.printStackTrace();
		}
		return false;
	}
	
	//注册时将用户信息插入数据库
	public boolean RegisterName(String loginName,String loginpwd)
	{
		Connection conn=DButils.getConnection();
		PreparedStatement ps=null;
		String sql="insert into 用户列表 values(?,?)";
		try {
			ps=conn.prepareStatement(sql);
			ps.setString(1, loginName);
			ps.setString(2, loginpwd);
			int result=ps.executeUpdate();
			if(result==1) {
				return true;
			}
		}catch(SQLException e) {
			e.printStackTrace();
		}
		return false;
	}
}

方法实现对登录用户的合法性检验，注意这里要用实现动态的检查

这里的具体参数可以对照着上面的数据库看，不再赘述，有不懂的可以私信我。

同理实现的是对注册用户信息的插入。

容器接收响应处理

这是本实验最麻烦的地方，如果大家不知道的话可以先简单的了解一下再看本代码

下面代码有许多冗余注释，不需要看

这里注意创建文件的时候可以直接创建

package Servlet;
import java.io.IOException;
import java.io.PrintWriter;
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 dao.LoginDaolmp;
/**
 * Servlet implementation class UserRegiste
 */
@WebServlet("/UserRegiste")
public class UserRegister extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public UserRegister() {
        super();
        // TODO Auto-generated constructor stub
    }
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.getWriter().append("Served at: ").append(request.getContextPath());
	}
	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		String username=request.getParameter("username");
		String userpwd=request.getParameter("userpwd");
		LoginDaolmp dl=new LoginDaolmp();
		PrintWriter out=response.getWriter();
		boolean isHave=dl.RegisterName(username, userpwd);
		if(isHave) {
			out.println("alert('RegisterSucceed');window.location.href='NewFile.jsp'");
//			request.setAttribute("username", username);
//			System.out.print("注册成功!");
//			request.getRequestDispatcher("NewFile.jsp").forward(request, response);
		}else {
			out.println("alert('RegisterFailed');window.location.href='NewFile.jsp'");
//			request.getSession().setAttribute("info","account does not right");
//			response.sendRedirect("NewFile.jsp");
		}
	}
}


package Servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.security.auth.message.callback.PrivateKeyCallback.Request;
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 com.mysql.cj.Session;
import dao.LoginDaolmp;
/**
 * Servlet implementation class UserServlet
 */
@WebServlet("/UserServlet")
public class UserServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public UserServlet() {
        super();
        // TODO Auto-generated constructor stub
    }
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.getWriter().append("Served at: ").append(request.getContextPath());
	}
	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request,response);
		String username=request.getParameter("username");
		String userpwd=request.getParameter("userpwd");
		LoginDaolmp dl=new LoginDaolmp();
		boolean isHave=dl.searchName(username, userpwd);
		if(isHave) {
			request.setCharacterEncoding("UTF-8");
			response.setCharacterEncoding("UTF-8");
			request.setAttribute("username", username);
			request.setAttribute("check", 1);
			request.getSession().setAttribute("username", username);
			request.getSession().setAttribute("check", 1);
			response.setContentType("text/html;charset=UTF-8");
			PrintWriter out=response.getWriter();
			out.println("alert('LoginSucceed');window.location.href='welcome.jsp'");
		}else {
			request.setCharacterEncoding("UTF-8");
			response.setCharacterEncoding("UTF-8");
			request.getSession().setAttribute("info","account does not right");
			PrintWriter out=response.getWriter();
			response.setContentType("text/html;charset=UTF-8");
			out.println("alert('LoginFailed');window.location.href='NewFile.jsp'");
//			response.sendRedirect("NewFile.jsp");
		}	
		}
}

XML文件的配置

注意一定要配置XML文件不然会报404,，如果你在创建文件的时候没有生成xml文件可以通过以下方法自动生成

我这里已经有了所以是灰色的，注意xml文件，要放在WEB-INF下

具体配置如下

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1">
  <display-name>example2</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  
  <servlet>
   <servlet-name>UserRegister</servlet-name>
   <servlet-class>Servlet.UserRegister</servlet-class>
  </servlet>
  <servlet-mapping>
   <servlet-name>UserRegister</servlet-name>
   <url-pattern>/UserRegister</url-pattern>
  </servlet-mapping>
  
  
</web-app>

结语

完成以上步骤就可以实现用户登录注册了，这里面只有最简单的实现，没有任何多余页面的设计，看起来比较容易，但是因为笔者能力有限，这些代码远远算不上优美，以上代码尚且存在许多问题，比如中文乱码等等，如果有大佬可以解决，还请不吝赐教。

这篇文章有许多东西也还没有讲到（因为我也不会），比如xml文档为何如此配置等等，大家可以自己再去查一下有关的资料。

如果你按照以上步骤走下来仍然存在问题，欢迎私信我或在评论区留言。

希望这篇文章能帮助到你。

© 版权声明
文章版权归作者所有，未经允许请勿转载。
广告也精彩

相关文章

chatgpt之父给程序员的总结 java程序员年终工作总结
admin
1,036 0
怎么使用chatgpt连接数据库 python使用SQLAlchemy连接国产化数据库高斯DB（OpenGauss
admin
4,023 0
chatgpt怎么连接最新数据库 NewSQL数据库开发商RainStor再融资1200万美元
admin
4,025 0
chatgpt用的是最新的数据库吗 阿里巴巴自研分布式数据库OceanBase入选2022世界互联网领先科技成果
admin
49 0
搭建chatgpt私有知识库硬件 NV、OpenAI官方合作的中国创业公司，大模型时代的数据库基建该怎么做？
admin
47 0
chatgpt4.0访问外部连接 GBase 8s SQL 指南：教程———8在外部数据库中访问和修改数据
admin
4,523 0

暂无评论

暂无评论...
添加小工具
点此为“正文侧边栏”添加小工具
323AI导航网（323ai.com）—— 精选全球实用AIGC工具箱。 AI人工智能爱好者使用学习必备导航网站，收录了国内外5000+优质AI实用工具网址，一个专业、全面、实用的AIGC工具与AI资讯导航网站，我们聚焦于最新的AI文本、AI绘画、AI视频、ChatGPT、Stable-Diffusion、Midjourney等AI项目，帮助用户发现最前沿的AIGC项目，探索人工智能的无限可能。

友链申请 免责声明 广告合作 关于我们

扫码加微信323AI导航网

扫码加微信

扫码加QQ323AI导航网

扫码加QQ
Copyright © 2024 323AI导航网 陕ICP备2023007327号-3