动态实现web网页登陆和注册功能[保姆级教学]
小羊简介：
博客主页：小羊不会飞
年龄：20 大二在读
爱好：干饭，运动，码代码，看书，旅游
即将更新：
1、手把手带你搭建个人博客网站
2、后台管理系统模块更新
：感兴趣的朋友，赶紧上车吧！！
欢迎关注点赞收藏留言
有任何疑问，欢迎留言讨论！！！
涉及到相关内容如下：
一个数据库
JSP网页连接数据库
注册和登录的JSP页面
目录
涉及到相关内容如下：
一个数据库
JSP网页连接数据库
注册和登录的JSP页面
一个数据库 （我的博客有安装教程哦 MySql保姆级安装教程 ）
JSP网页连接数据库
配置mysql文件
创建jsp文件，连接数据库，并读取出数据显示在jsp网页中
注册和登录的JSP页面
新建login.jsp文件
新建check.jsp
创建register.jsp文件
新建Cregister.jsp文件 ：
创建DBBean.java文件
一个数据库 （我的博客有安装教程哦 MySql保姆级安装教程 ）
![动态实现web网页登陆和注册功能[保姆级教学]_第1张图片](http://img.e-com-net.com/image/info8/6630a39263bf43eea6f7962c693ffe50.jpg)
软件安装
（可视化数据库界面软件安装）拿走不谢
链接：https://pan.baidu.com/s/160OyyMg1RqRTEkrX74b_jw
提取码：qwer
JSP网页连接数据库
配置mysql文件
![动态实现web网页登陆和注册功能[保姆级教学]_第2张图片](http://img.e-com-net.com/image/info8/371db0c3aae4476db2c77715289a4712.jpg)
首先要将mysql-connector-java-5.0.8-bin.jar 拷到apache-tomcat-10.0.12-windows-x64\apache-tomcat-10.0.12\lib文件目录下
创建jsp文件，连接数据库，并读取出数据显示在jsp网页中
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
Insert title here
<%
try {
Class.forName("com.mysql.jdbc.Driver"); 驱动程序名
//com.mysql.jdbc.cj.Driver也是OK的
String url = ""; //数据库名 ？后面的是为了指定字符的编码、解码格式。
String username = "root"; //数据库用户名
String password = "123456"; //数据库用户密码
Connection conn = DriverManager.getConnection(url, username, password); //连接状态
if(conn != null){
out.println("数据库连接成功！");
out.print("
");
Statement stmt = null;
ResultSet rs = null;
String sql = "SELECT *FROM 用户名;"; //查询语句
stmt = conn.createStatement();
rs = stmt.executeQuery(sql);
out.print("查询结果：");
out.print("
");
out.println("名字"+" "+"年龄 "+" "+"身份"+"性别"+"用户账号"+"用户密码"+"练习电话"+"用户注册时间");
out.print("
");
while (true) {
try {
if (!rs.next()) break;
out.println(rs.getString("名字")+" "+rs.getString("年龄")+" "+rs.getString("身份")+rs.getString("性别")+" "+rs.getString("用户账号")+" "+rs.getString("用户密码")+" "
+rs.getString("联系电话")+" "+rs.getString("用户注册时间")+" "); //将查询结果输出
out.print("
");
} catch (SQLException throwables) {
throwables.printStackTrace();
}
// out.println(rs.getString("名字")+" "+rs.getString("年龄")+" "+rs.getString("身份")+rs.getString("性别")+" "+rs.getString("用户账号")+" "+rs.getString("用户密码")+" "
// +rs.getString("联系电话")+" "+rs.getString("用户注册时间")+" "); //将查询结果输出
// out.print("
");
}
}
else{
out.print("连接失败！");
}
}
catch (ClassNotFoundException e) {
e.printStackTrace();
}
// catch (SQLException e)
// {
// e.printStackTrace();
// }
%>
连接成功，页面显示如下
![动态实现web网页登陆和注册功能[保姆级教学]_第3张图片](http://img.e-com-net.com/image/info8/acd675a2ce414dd18c269c8519317103.jpg)
注册和登录的JSP页面
新建login.jsp文件
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
LOGIN
新建check.jsp
<%@ page import="java.sql.*" language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
Insert title here
创建register.jsp文件
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
注册界面
新建Cregister.jsp文件 ：
<%@ page import="java.sql.*" language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%-- 实现0秒跳转到登录界面 --%>
Insert title here
<%--
一、
jsp:useBean的基本用法
jsp:useBean是一个JSP动作指令，表示装载一个将在JSP页面中使用的JavaBean
jsp:useBean的最基本语法如下：
其中id表示定义的JavaBean的唯一标识，class表示定义的JavaBean的类。
--%>
"/>--%>
<%--还有跳转--%>
<%----%>
创建DBBean.java文件
package MySql;
import java.sql.*;
public class DBUtil {
/**
* 一、
* mysql5及之前的版本使用的是旧版驱动"com.mysql.jdbc.Driver"
* mysql6以及之后的版本需要更新到新版驱动，对应的Driver是"com.mysql.cj.jdbc.Driver"
* 二、
* com.mysql.cj.jdbc.Driver
* 这个类是数据库厂商实现的JDBC一套接口里的一个类，称之为“驱动类”，它的继承树如下所示：
* ————com.mysql.jdbc.Driver extends com.mysql.cj.jdbc.Driver
* ————com.mysql.cj.jdbc.Driver extends NonRegisteringDriver
* ————public class NonRegisteringDriver implements java.sql.Driver
* 三、
* java.sql是sun官方提供的包，java.sql.Driver是sun提供的一组用于连接数据库的接口之一，由数据库厂商自行实现
* 由上可知，com.mysql.cj.jdbc.Driver这个驱动类，是对java.sql.Driver接口的实现
*/
private String driverStr = "com.mysql.cj.jdbc.Driver";//上面第一点解释了为什么要加cj
private String connStr = "jdbc:mysql://localhost:3306/用户表";//这个相当于是本地数据库的url（地址）
private String dbusername = "root";//数据库的账号
private String dbpassword = "123456";//数据库的密码，需要大家自行修改，在控制台上用Sql语句可以修改
private Connection conn = null;
/*
- Statement：
由createStatement创建，用于发送简单的SQL语句（不带参数）
Statement createStatement() throws SQLException；
*/
private Statement stmt = null;
public DBUtil()
{
try
{
/*
载入这个类com.mysql.cj.jdbc.Driver进JVM之后，在后续的程序中，就可以使用它。
*/
Class.forName(driverStr);//载入这个类
/*
两种不同的数据库软件的连接方式：
-Mysql
Connection con = DriverManager.getConnection("jdbc:mysql://host:port/database", "user", "password");
-Oracle
Connection con = DriverManager.getConnection("jdbc:oracle:thin@host:port/database", "user", "password");
*/
conn = DriverManager.getConnection(connStr, dbusername, dbpassword);
/*
常用的Statement方法
- execute()：运行语句，返回是否有结果集。
- executeQuery()：运行select语句，返回ResultSet结果节
- executeUpdate()：运行insert/update/delete操作，返回更新的行数。
解释了下面的方法的作用
*/
stmt = conn.createStatement();
}
catch (Exception ex) {
//捕获异常，上个学期学过
System.out.println(ex.getMessage());
System.out.println("数据连接失败！");
}
}
public int executeUpdate(String s) {
// executeUpdate()：运行insert/update/delete操作，返回更新的行数。
int result = 0;
System.out.println("--更新语句:"+s+"\n");
try {
result = stmt.executeUpdate(s);
} catch (Exception ex) {
System.out.println("执行更新错误！");
}
return result;
}
public ResultSet executeQuery(String s) {
//运行select语句，返回ResultSet结果节
ResultSet rs = null;
System.out.print("--查询语句:"+s+"\n");
try {
rs = stmt.executeQuery(s);
} catch (Exception ex) {
System.out.println("执行查询错误！");
}
return rs;
}
public void execQuery(String s){
try {
stmt.executeUpdate(s);
} catch (SQLException e) {
System.out.println("执行插入错误！");
}
}
public void close() {
try {
stmt.close();
conn.close();
} catch (Exception e) {
}
}
}
上面仅展示部分代码哦，jsp文件中的CSS样式文件封装在本地！
✨✨✨✨✨✨✨✨✨✨✨✨✨最终结果展示如下✨✨✨✨✨✨✨✨✨✨✨✨
因为本学期刚好在做一个项目，动态登录和注册功能是该项目的一个小模块，寒假的时候我会实时更新项目的一些其它模块
希望大家多多支持！！！