javaweb实验：JSP+JDBC综合实训_数据库记录的增加、查询

陆云池

已于 2023-05-05 17:26:57 修改

阅读量5.7k

点赞数 6

分类专栏： javaweb实验文章标签：数据库 java mysql tomcat javascript

于 2023-05-03 00:57:56 首次发布

本文链接：https://blog.csdn.net/m0_72471315/article/details/130468691

版权

javaweb实验专栏收录该内容

6 篇文章 7 订阅

订阅专栏

前言

JSP是一种基于Java的Web编程语言，可以生成动态的网页内容。JDBC是Java数据库连接的缩写，是一种用于访问数据库的标准API。通过使用JSP和JDBC，可以实现在网页上对数据库的操作，如增加、查询、修改和删除数据。本实验的目的是掌握使用JSP和JDBC完成数据库操作的基本方法，包括建立数据库连接、执行SQL语句、处理结果集等。

本文中使用的数据库是MySQL，使用的可视化工具是navicat for MySQL，使用的java编译器是idea

实验目的

熟悉使用 JDBC 访问数据库的一般流程；
理解使用JSP的核心知识和JDBC API进行数据库中数据的添加和查询操作
的原理，学会相关编程方法；
能够根据贯穿项目案例的实际应用需要，综合运用 JSP+JDBC 相关知识和
技术，完成数据库的连接、增加、查询。

实验原理

数据库应用是 Web 应用开发的一个重要应用。Web 应用程序访问数据库的
步骤是：①加载数据库驱动程序；②建立连接对象；③创建语句对象；④获得结
果集；⑤关闭有关连接对象。
重要代码如下：
Class.forName(DBDRIVER); //加载驱动 Connection conn=DriverManager.getConnection(DBURL,DBUSER,DBPASS); //建立连接对象 //使用 PreparedStatement 接口运行 SQL 语句 PreparedStatement pstmt=conn.prepareStatement(sql); ResultSet rs=pstmt.executeQuery(); //执行查询，返回结果集 //以下语句关闭记录集等对象，注意顺序。 rs.close(); pstmt.close(); conn.close();

实验内容

（一）编程实现用户的登录与注册功能。
【步骤 1】建立数据库 db_news2019 和用户表 t_user。
【步骤 2】实现用户登录功能。
【步骤 3】实现用户注册功能。
（二）将用户登录与注册功能代码与新闻管理功能代码进行集成在一起。

实验过程

流程图

在这里插入图片描述

建立数据库和用户表

数据库代码

DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user` (
  `uid` varchar(16) NOT NULL,
  `uname` varchar(20) NOT NULL,
  `upassword` varchar(20) NOT NULL,
  `usex` varchar(10) NOT NULL,
  `uemail` varchar(20) NOT NULL,
  `uregdate` date NOT NULL,
  PRIMARY KEY (`uid`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
INSERT INTO `t_user` VALUES ('', '', '', '', '', '');#这里填需要的填入的信息

实现用户登录功能

代码如下：
这里是一个java代码，用来实现jdbc连接数据库的功能

连接数据库

import java.awt.*;
import java.sql.*;

public class JDBC {
    private Connection conn = null;
    private String url = "jdbc:mysql://localhost:3306/db_news2019";//数据库名称
    private String user = "root";//用户名
    private String password = "root";//密码

    public Connection getConnection() throws ClassNotFoundException, SQLException {
        Class.forName("com.mysql.jdbc.Driver");
        conn = DriverManager.getConnection(url, user, password);
        return conn;
    }
    }

下面是登录功能

<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>登录程序之表单页面</title>
</head>
<body>
<%
	String userId = "";
	String password = "";
	Cookie[] cookies = request.getCookies();
	if(cookies != null){
		for(int i=0; i<cookies.length; i++){
			if (cookies[i].getName().equals("Cookie2019")) {
		           //如果cookie对象的名称为Cookie2019
				userId = cookies[i].getValue().split("#")[0];  //获取用户名
				password = cookies[i].getValue().split("#")[1];  //获取密码
			}
		}
	}
%>

<center>
  <h1>登录操作</h1>
  <hr>
  <form action="login_check.jsp" method="post">
    <table border="1">
      <tr>
        <td colspan="2">用户登录</td>   
      </tr>
      <tr>
        <td>登录ID：</td>
          <td><input type="text" name="id" value="<%=userId%>"></td>
      </tr>
      <tr>
        <td>登录密码：</td>
          <td><input type="password" name="password" value="<%=password%>"></td>
      </tr>
      <tr>
        <td colspan="2">
            <center>
          <input type="submit" value="登录">&nbsp;
          <input type="reset" value="重置">&nbsp;
          <input type="checkbox" name="remenber" checked>记住我
            </center>
        </td>   
      </tr>
    </table>
  </form>
    如果尚未注册，请先点击<a href="register.jsp">这里</a> 进行注册！<br><br>
    如果您是管理员，可点击<a href="mlogin.jsp">这里</a>进入！
</center>
</body>

在这里插入图片描述
下面是登录检测功能，用来检测是否正确登录

登录检测

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="MysqlData.JDBC" %>
<%@page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>登录程序之验证页面</title>
</head>
<body>
<%
    try {
        //获取用户名和密码
        request.setCharacterEncoding("UTF-8");
        String id= request.getParameter("id");
        String password= request.getParameter("password");
        String remenber = request.getParameter("remenber");
        //访问数据库,查询用户名和密码

        Connection conn= new JDBC().getConnection();
        //创建语句容器
        PreparedStatement stmt=conn.prepareStatement("select * from t_user where uid=? and upassword=?");
        stmt.setString(1,id);
        stmt.setString(2,password);
        ResultSet rs=stmt.executeQuery();
        //(rs.next())
        //"admin".equals(name)&&"123456".equals(pwd)
        String name = "";
        Cookie[] cookies;
        if(rs.next()){
            name = rs.getString("uname");
            cookies = request.getCookies();
            int i;
            boolean cookies_flag = false; //表示是否创建Cookie
            if(cookies != null){
                for(i=0; i<cookies.length; i++){
                    if("Cookie2019".equals(cookies[i].getName())){
                        break;
                    }
                }
                if(i<cookies.length){
                    cookies_flag = false;
                }else{
                    cookies_flag = true;
                }
            }else{
                cookies_flag = true;
            }

            Cookie cookie;

            if(remenber != null){
                if(cookies_flag){
                    cookie = new Cookie("Cookie2019", id+"#"+password);
                    cookie.setMaxAge(10);
                    response.addCookie(cookie);
                }
            }else{
                if(!cookies_flag){
                    cookie = new Cookie("Cookie2019", id+"#"+password);
                    cookie.setMaxAge(0);
                    response.addCookie(cookie);
                }
            }
            rs.close();
            stmt.close();
            conn.close();
            session.setAttribute("username", name);
            session.setMaxInactiveInterval(60);
            response.sendRedirect("login_success.jsp");
        }else{
            rs.close();
            stmt.close();
            conn.close();
            response.sendRedirect("login_failure.jsp");
        }
    }catch (Exception e) {
        out.print("错误！");
    }
%>
</body>

下面是登录成功的页面

登录成功

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="MysqlData.JDBC" %>
<%@ page import="MysqlData.JDBC" %>
<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>登录程序之登录成功页面</title>
</head>
<body>
<center>
    <h2>登录成功！欢迎[<%=session.getAttribute("username")%>]访问新闻管理系统！</h2>
	<hr>
	<a href="Insert.jsp">增加新闻</a>&nbsp;&nbsp;
	<a href="logout.jsp">安全退出</a>
	<%
		request.setCharacterEncoding("UTF-8");
		Connection conn = null;
		PreparedStatement stmt = null;
		ResultSet rs = null;
		String title = request.getParameter("标题");
		String auther = request.getParameter("作者");
		String date = request.getParameter("日期");
		String heat = request.getParameter("热度");
		int result = 0;
		boolean isError = false;

		try {

			conn= new JDBC().getConnection();
			if (title != null) {
				stmt = conn.prepareStatement("insert t_news values (?,?,?,?)");
				stmt.setObject(1, title);
				stmt.setObject(2, auther);
				stmt.setObject(3, date);
				stmt.setObject(4, Integer.parseInt(heat));
				result = stmt.executeUpdate();
			}
			//创建语句容器
			stmt=conn.prepareStatement("select * from t_news");
			rs=stmt.executeQuery();

	%>

	<table align="center" border="1" cellspacing="0">
		<tr>
			<th>标题</th>
			<th>作者</th>
			<th>日期</th>
			<th>热度</th>
			<th>操作</th>
		</tr>
		<%
			while(rs.next()) {
		%>
		<tr>
			<td><%=rs.getObject("标题")%></td>
			<td><%=rs.getObject("作者")%></td>
			<td><%=rs.getObject("日期")%></td>
			<td><%=rs.getObject("热度")%></td>
			<td>
				<a href="">查询详细</a>&nbsp;
				<a href="">修改</a>&nbsp;
				<a href="">删除</a>
			</td>
		</tr>
		<%
			}
				rs.close();
				stmt.close();
				conn.close();
			} catch (Exception e) {
				isError = true;
			}
		%>
	</table>
</center>
</body>
<script>
	<%
	if (isError) {
	%>
		alert("新闻标题为空或该新闻标题已存在！");
		window.location.href = "login_success.jsp";
	<%
	}
	%>
</script>
</html>

在这里插入图片描述

下面是登录失败的页面

登录失败

<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>登录程序之登录成功页面</title>
</head>
<body>
<center>
  <h1>登录操作</h1>
  <hr>
  <h2>用户ID或密码错误！请重新<a href="logout.jsp">登录</a></h2>
</center>
</body>

实现用户注册功能

注册表单

<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>注册程序之表单页面</title>
</head>
<body>
<%
    String userId = "";
    String password = "";
    Cookie[] cookies = request.getCookies();
    if (cookies != null) {
        for (int i = 0; i < cookies.length; i++) {
            if (cookies[i].getName().equals("Cookie2019")) {
                //如果cookie对象的名称为Cookie2019
                userId = cookies[i].getValue().split("#")[0];  //获取用户名
                password = cookies[i].getValue().split("#")[1];  //获取密码
            }
        }
    }
%>
<center>
    <h1>注册操作</h1>
    <hr>
    <form action="register_check.jsp" method="post">
        <table border="1">
            <tr>
                <td colspan="2">用户注册</td>
            </tr>
            <tr>
                <td>登录ID：</td>
                <td><input type="text" name="id" value="<%=userId%>"></td>
            </tr>
            <tr>
                <td>真实姓名：</td>
                <td><input type="text" name="name"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <label><input type="radio" name="gender" value="男">男</label>
                    <label><input type="radio" name="gender" value="女">女</label>
                </td>
            </tr>
            <tr>
                <td>E-Mail:</td>
                <td><input type="email" name="email"></td>
            </tr>
            <tr>
                <td>登录密码：</td>
                <td><input type="password" name="password1" value="<%=password%>"></td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password" name="password2"></td>
            </tr>
            <tr>
                <td colspan="2">
                    <center>
                        <input type="submit" value="注册">&nbsp;
                        <input type="reset" value="重置">&nbsp;
                        <input type="button" value="返回" onclick="window.location.href = 'login.jsp'">
                    </center>
                </td>
            </tr>
        </table>
    </form>
</center>
</body>
</html>

在这里插入图片描述

注册验证及操作数据库

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="MysqlData.JDBC" %>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<html>
<head>
    <title>注册程序之验证页面</title>
</head>
<body>
<%
    try {
        String text = "";
        request.setCharacterEncoding("utf-8");
        String id = request.getParameter("id");
        String password1 = request.getParameter("password1");
        String password2 = request.getParameter("password2");
        String name = request.getParameter("name");
        String sex = request.getParameter("gender");
        String email = request.getParameter("email");

        Connection conn= new JDBC().getConnection();
        //创建语句容器
        String sql1 = "select * from t_user where uid=?";
        PreparedStatement stmt1 = conn.prepareStatement(sql1);
        stmt1.setObject(1,id);
        ResultSet rs = stmt1.executeQuery();

        if ("".equals(password1) || "".equals(password2) || "".equals(id) || "".equals(name)) {
            text = "注册信息不完整！";
            response.sendRedirect("reg_failure.jsp");
        }else if(rs.next()) {
            text = "用户ID已存在！";
            response.sendRedirect("reg_failure.jsp");
        } else if (!password1.equals(password2)) {
            text = "两次输入密码不一致！";
            response.sendRedirect("reg_failure.jsp");
        } else {
            String sql2 = "insert t_user values (?,?,?,?,?,?)";
            PreparedStatement stmt2 = conn.prepareStatement(sql2);
            stmt2.setObject(1,id);
            stmt2.setObject(2,name);
            stmt2.setObject(3,password1);
            stmt2.setObject(4,sex);
            stmt2.setObject(5,email);
            stmt2.setObject(6,new java.util.Date());
            int result = stmt2.executeUpdate();
            response.sendRedirect("reg_success.jsp");
            stmt2.close();
        }
        session.setAttribute("text",text);
        session.setAttribute("name",name);
        rs.close();
        stmt1.close();
        conn.close();
        } catch (Exception e) {
            out.print("数据添加失败！");
        }

%>
</body>
</html>

在这里插入图片描述

注册成功

<%@ page contentType="text/html;charset=utf-8" language="java" %>
<html>
<head>
    <title>注册程序之成功页面</title>
</head>
<body>
<center>
<%! int count = 5; %>
[<%=session.getAttribute("name")%>]&nbsp恭喜您--注册成功！<br>
<%=count%>秒后自动跳转界面
<%
    response.setHeader("refresh","1");
//    response.setHeader("refresh","5;URL=register.jsp");
    if(count == 0) {
        response.sendRedirect("login.jsp");
        session.removeAttribute("text");
        session.removeAttribute("name");
        count = 6;
    }
    count--;
%>
</center>
</body>
</html>

注册失败

<%@ page contentType="text/html;charset=utf-8" language="java" %>
<html>
<head>
    <title>注册程序之失败页面</title>
</head>
<body>
<center>
    <h1>注册操作</h1>
    <hr>
    <h2>
        <%if (session.getAttribute("text").equals("用户ID已存在！")) {%>
        错误:<%=session.getAttribute("text")%>请<a href="login.jsp">登录</a>
        <%
            }else {
        %>
        错误:<%=session.getAttribute("text")%>请重新<a href="register.jsp">注册</a></h2>
        <%
            }
            session.removeAttribute("text");
            session.removeAttribute("name");
        %>
</center>
</body>
</html>

新闻管理功能

<%@ page contentType="text/html;charset=utf-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%@ page language="java" contentType="text/html;charset=utf-8"
         pageEncoding="utf-8"%>
<%@ page
        import="java.sql.*"
%>
<!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>
</head>
<body>

<table align="center" border="0" width="750px" cellspacing="0">
  <tr>
    <td align="center" style="font-family:'黑体'; font-size:28px;">登录成功！欢迎[<%=session.getAttribute("username")%>]访问新闻管理系统！</td>
  </tr>
  <tr>
    <td><hr></td>
  </tr>
  <tr style="font-family:'宋体'; font-size:24px;">
    <td align="right"><a href="javascript:void(0)"><b>增加新闻</b></a>&nbsp;&nbsp;<a href="logout.jsp">安全退出</a></td>
  </tr>
</table>
<table  align="center" border="1" width="750px" cellspacing="0">
  <tr>
    <th width="320px">标题</th>
    <th width="120px">作者</th>
    <th width="110px">日期</th>
    <th width="50px">热度</th>
    <th width="150px">操作</th>
  </tr>
  <%
    Class.forName("com.mysql.jdbc.Driver");
    String url = "jdbc:mysql://localhost:3306/db_news2019";
    String username = "root";
    String password = "root";
    Connection conn = DriverManager.getConnection(url,username,password);
    Statement stmt = conn.createStatement();
    String sql = "select * from t_news";
    ResultSet rs = stmt.executeQuery(sql);

    while(rs.next()){
  %>
  <tr>
    <td><%=rs.getString("title") %></td>
    <td><%=rs.getString("author") %></td>
    <%-- 					<td><%=rs.getString("content") %></td> --%>
    <td><%=rs.getDate("enterdate") %></td>
    <td><%=rs.getInt("hot") %></td>
    <td>
      <a href="javascript:void(0)">查询详情</a>
      <a href="javascript:void(0)">修改</a>
      <a href="javascript:void(0)">删除</a>
    </td>

  </tr>

  <%
    }

    rs.close();
    stmt.close();
    conn.close();
  %>
</table>
</body>
</html>
</body>
</html>

总结

本次实验是使用 J S P + J D B C 技术开发一个简单的 We b 应用，实现对数据库中的记录进行增加和查询的功能。实验过程中，我学习了如何使用 J S P 页面和 J ava B e a n 组件进行数据交互，如何使用 J D B C A P I 操作数据库，以及如何处理异常和错误。实验的结论是， J S P + J D B C 技术是一种有效的 We b 开发方法，可以简化编程和提高效率。

陆云池

关注

6
点赞
踩
49

收藏

觉得还不错? 一键收藏
1
评论
javaweb实验：JSP+JDBC综合实训_数据库记录的增加、查询

JSP是一种基于Java的Web编程语言，可以生成动态的网页内容。JDBC是Java数据库连接的缩写，是一种用于访问数据库的标准API。通过使用JSP和JDBC，可以实现在网页上对数据库的操作，如增加、查询、修改和删除数据。本实验的目的是掌握使用JSP和JDBC完成数据库操作的基本方法，包括建立数据库连接、执行SQL语句、处理结果集等。本文中使用的数据库是MySQL，使用的可视化工具是navicat for MySQL，使用的java编译器是idea。
复制链接

扫一扫