实验报告

程序员文章站 2022-03-23 11:19:19

实验：编写登录和信息界面，连接到数据库，包括增删改查等操作1.编写一登陆界面，账户密码正确可进入，错误则登陆失败，三秒后返回登陆页面。代码如下：login.jsp:<%@ page contentType="text/html;charset=UTF-8" language="java" %> Title

实验：编写登录和信息界面，连接到数据库，包括增删改查等操作
1.编写一登陆界面，账户密码正确可进入，错误则登陆失败，三秒后返回登陆页面。
代码如下：
login.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap.js"></script>

    <style>
        .container{
            width:20%;
            height: 20%;
            margin-top: 10%;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <form role="form" method="post" action="index.jsp">
                <div class="form-group">
                    <label for="exampleInputEmail1">账户名</label><input class="form-control" name="username" id="exampleInputEmail1" type="text" />
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">密码</label><input class="form-control" name="password" id="exampleInputPassword1" type="password" />
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" />Check me out</label>
                </div> <button class="btn btn-default" type="submit">提交</button>
            </form>
        </div>
    </div>
</div>


</body>
</html>

实验报告

该代码在获得用户提交的数据后，将数据提交到index.jsp
index.jsp:

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
  request.setCharacterEncoding("utf-8");
  String username = request.getParameter("username");
  String password = request.getParameter("password");

  //加载驱动
  Class.forName("com.mysql.jdbc.Driver");

  //建立连接
  String url ="jdbc:mysql://localhost:3306/book";
  Connection connection = DriverManager.getConnection(url,"root","root");

  //sql语句模板
  String sql = "select * from user where username = ? and password = ?";

  //创建preparedStatement对象
  PreparedStatement ps =connection.prepareStatement(sql);

  //参数赋值
  ps.setString(1,username);
  ps.setString(2,password);

  //执行查询
  ResultSet rs = ps.executeQuery();

  if (rs.next()){
    //如果查询结果存在相应的数据 表示登陆成功
    session.setAttribute("username",username);//把用户名写入session对象中
    out.print("登陆成功");
    response.sendRedirect("home.jsp");
  }else{
    out.print("登陆失败");//三秒后跳转页面
    response.setHeader("refresh","3;url='login.jsp");
  }

%>

index.jsp中，如果判断用户登录正确，则进入到home.jsp
若判断用户登陆错误，则提示登录失败，三秒后返回登陆界面
实验报告

2.登陆成功后，在界面显示所有用户信息，并有增删改功能
代码如下：
home.jsp：

<%@ page import="java.sql.*" %><%--
  Created by IntelliJ IDEA.
  User: 给
  Date: 2020/10/6
  Time: 14:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
<%
    //加载数据库驱动
    Class.forName("com.mysql.jdbc.Driver");
    //建立数据库连接
    String url="jdbc:mysql://localhost:3306/book";
    Connection connection= DriverManager.getConnection(url,"root","root");

    String sql ="select * from user";

    PreparedStatement pstm =connection.prepareStatement(sql);
    ResultSet rs=pstm.executeQuery();


%>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3 style="text-align: center">欢迎来到个人主页</h3>
            <a class="btn" id="modal-198502" role="button" href="#modal-container-198502" data-toggle="modal">添加用户</a>
            <table class="table">
                <thead>
                  <th>ID</th>
                  <th>用户名</th>
                  <th>性别</th>
                  <th>年龄</th>
                </thead>
                <tbody>
                  <%
                      while(rs.next()){
                          out.print("<tr>");
                          out.print(
                                  "<td>"+rs.getString("id")
                                  +"</td><td>"+rs.getString("username")
                                  +"</td><td>"+rs.getString("gender")
                                  +"</td><td>"+rs.getString("age")
                                  +"</td>"
                                  +"<td><a href='delete.jsp?id="+rs.getString("id")+"'>删除</a>"
                                    +"&nbsp;<a href='edit.jsp?id="+rs.getString("id")+"'>修改</a>"+
                                          "</td>"

                          );
                          out.print("</tr>");
                      }
                  %>
                </tbody>
            </table>
        </div>
    </div>

</div>




            <div class="modal fade" id="modal-container-198502" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button class="close" aria-hidden="true" type="button" data-dismiss="modal">×</button>
                            <h4 class="modal-title" id="myModalLabel">
                                标题
                            </h4>
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        </div>
                        <form method="post" action="add.jsp">
                        <div class="modal-body">
                            <div class="form-group">
                                <label>用户名：</label><input type="text" name="username" class="form-control" />
                            </div>
                            <div class="form-group">
                                <label>密码：</label><input type="text" name="password" class="form-control" />
                            </div>
                            <div class="form-group">
                                <label>性别：</label><input type="text" name="gender" class="form-control" />
                            </div>
                            <div class="form-group">
                                <label>年龄：</label><input type="text" name="age" class="form-control" />
                            </div>

                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
                            <button class="btn btn-primary" type="submit">提交</button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>


</body>
</html>

运行后结果如下
实验报告
3.添加用户
点击添加用户后弹出弹窗
代码如下
add.jsp:

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.SQLException" %>
<%--
  Created by IntelliJ IDEA.
  User: 给
  Date: 2020/10/20
  Time: 16:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="user" class="com.user" scope="request"></jsp:useBean>
<jsp:setProperty name="user" property="*"></jsp:setProperty>
<%
    //加载驱动
    Class.forName("com.mysql.jdbc.Driver");

    //建立连接
    String url ="jdbc:mysql://localhost:3306/book";
    Connection connection = DriverManager.getConnection(url,"root","root");

    //关闭自动提交
    connection.setAutoCommit(false);

    //sql语句模板
    String sql = "insert into user (username,password,gender,age,id) value (?,?,?,?,?)";
    //创建preparedStatement对象
    PreparedStatement ps =connection.prepareStatement(sql);

    ps.setString(1,user.getUsername());
    ps.setString(2,user.getPassword());
    ps.setInt(3,user.getGender());
    ps.setInt(4,user.getAge());
    ps.setInt(5,7);
    ps.addBatch();

    ps.setString(1,user.getUsername()+"123");
    ps.setString(2,user.getPassword()+"123");
    ps.setInt(3,user.getGender());
    ps.setInt(4,user.getAge());
    ps.setInt(5,13);
    ps.addBatch();


    //事务
    int[] count={0};
    try {
        count = ps.executeBatch();
        connection.commit();
    }catch (SQLException e){
        connection.rollback();
        e.printStackTrace();
    }
    if(count[0] > 0){
        out.print("添加成功");
    }else{
        out.print("添加失败");
    }
    response.setHeader("refresh","3;url=home.jsp");
%>
<html>
<head>
    <title>Title</title>
</head>
<body>

</body>
</html>

需要的usebean代码如下：
come.user:

package com;

public class user {
    private String username;
    private String password;
    private int gender;
    private int age;
    private int id;

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public int getGender() {
        return gender;
    }

    public void setGender(int gender) {
        this.gender = gender;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }
}

弹出弹窗的效果图如下：
实验报告
新添加两个用户，一个id为7，一个id为13；
名字分别为admin0和admin0123

添加成功，信息界面可以看到多了这两行数据

4.删除用户
删除某一行数据，代码如下
delete.jsp：

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.PreparedStatement" %>
<%--
  Created by IntelliJ IDEA.
  User: 给
  Date: 2020/10/16
  Time: 15:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    //加载驱动
    Class.forName("com.mysql.jdbc.Driver");

    //建立连接
    String url ="jdbc:mysql://localhost:3306/book";
    Connection connection = DriverManager.getConnection(url,"root","root");

    //sql语句模板
    String sql = "delete from user where id = ?";
    //创建preparedStatement对象
    PreparedStatement ps =connection.prepareStatement(sql);

    int id = Integer.parseInt(request.getParameter("id"));
    ps.setInt(1,id);
    int count =ps.executeUpdate();

    if(count > 0){
        out.print("删除成功");
    }else{
        out.print("删除失败");
    }
%>
<html>
<head>
    <title>Title</title>
</head>
<body>

</body>
</html>

点击删除，此次删除最后一行id为20的数据，运行结果如下
实验报告

5.修改用户数据
代码如下：
edit.jsp:

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%--
  Created by IntelliJ IDEA.
  User: 给
  Date: 2020/10/16
  Time: 15:24
  To change this template use File | Settings | File Templates.
--%>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <form role="form" method="post" action="update.jsp">
                <h3 style="margin-top: 20px;">用户编辑</h3>
<%
    //加载驱动
    Class.forName("com.mysql.jdbc.Driver");

    //建立连接
    String url ="jdbc:mysql://localhost:3306/book";
    Connection connection = DriverManager.getConnection(url,"root","root");

    //sql语句模板
    String sql = "select * from user where id = ?";
    //创建preparedStatement对象
    PreparedStatement ps =connection.prepareStatement(sql);

    int id = Integer.parseInt(request.getParameter("id"));
    ps.setInt(1,id);

    ResultSet rs =ps.executeQuery();


    while (rs.next()){
        out.print("<input type=\"hidden\" name='id' value="+id+">");
        out.print("用户名：<input type='text' name='username' class=\"form-control\" value="+rs.getString("username")+"><br>");
        out.print("密码：<input type='text' name='password' class=\"form-control\" value="+rs.getString("password")+"><br>");
        out.print("性别：<input type='text' name='gender' class=\"form-control\" value="+rs.getString("gender")+"><br>");
        out.print("年龄：<input type='text' name='age' class=\"form-control\" value="+rs.getString("age")+"><br>");
    }
%>
                <button type="submit" style="width: 100%" class="btn btn-info">提交</button>
            </form>
        </div>
    </div>
</div>

</body>
</html>

将修改的数据提交到update.jsp中
成功修改后返回home
update.jsp：

<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%--
  Created by IntelliJ IDEA.
  User: 给
  Date: 2020/10/20
  Time: 14:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:useBean id="user" class="com.user" scope="request"></jsp:useBean>
<jsp:setProperty name="user" property="*"></jsp:setProperty>
<%
    //加载驱动
    Class.forName("com.mysql.jdbc.Driver");

    //建立连接
    String url ="jdbc:mysql://localhost:3306/book";
    Connection connection = DriverManager.getConnection(url,"root","root");

    //sql语句模板
    String sql = "update user set username = ? ,password = ? ,gender = ?,age = ? where id = ?";
    //创建preparedStatement对象
    PreparedStatement ps =connection.prepareStatement(sql);

    ps.setString(1,user.getUsername());
    ps.setString(2,user.getPassword());
    ps.setInt(3,user.getGender());
    ps.setInt(4,user.getAge());
    ps.setInt(5,user.getId());

    int count = ps.executeUpdate();
    if(count > 0){
        out.print("修改成功");
    }else{
        out.print("修改失败");
    }
    response.setHeader("refresh","3;url=home.jsp");
%>
<html>
<head>
    <title>Title</title>
</head>
<body>

</body>
</html>

修改数据id为7的admin0，如下
实验报告

数据修改成功：

本文地址：https://blog.csdn.net/weixin_50351408/article/details/109235828

上一篇：抽奖模式将开启：三星降低5nm代工报价以获得苹果M1订单

下一篇： 2017双11海量数据下EagleEye的使命和挑战

实验报告

一份ASP内存的释放的实验报告

MIT-6.828 Lab1实验报告

一加90Hz屏实验报告首发：60Hz旦用难回！

计算机逻辑设计基础实验报告模板

操作系统实验报告---主存分配与回收（最佳适应算法）

C语言设计实验报告（第三次）

MIT-6.828 Lab2实验报告

操作系统第三次实验报告——有名管道(FIFO)

“软件工程(C编码实践篇)”实验报告【实验五：用callback增强链表模块来实现命令行菜单小程序V2.8】

“软件工程(C编码实践篇)”实验报告【实验三：内部模块化的命令行菜单小程序V2.0】