第五次作业

最新推荐文章于 2024-08-26 21:44:28 发布

王莹。

最新推荐文章于 2024-08-26 21:44:28 发布

阅读量88

点赞数

本文链接：https://blog.csdn.net/whyiasdjjhfs/article/details/109442213

版权

head>
    <title>登录页面</title>
    <%--引入css文件和js文件--%>
    <link rel="stylesheet" href="css/bootstrap.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.bundle.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">
                    <h3 style="text-align: center">登录</h3>
                    <div class="form-group">
                        <label for="exampleInputEmail1">用户名:</label><input type="text" name="username" class="form-control" id="exampleInputEmail1" />
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">密码:</label><input type="password" name="password" class="form-control" id="exampleInputPassword1" />
                    </div>
                    <button type="submit" style="width: 100%" class="btn btn-info">提交</button>
                </form>
            </div>
        </div>
    </div>
</body>

在这里插入图片描述
home.jsp

<html>
<head>
    <title>个人中心</title>
    <%--引入css文件和js文件--%>
    <link rel="stylesheet" href="css/bootstrap.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <style>
        .container{
            margin-top:20px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3 style='text-align:center'>欢迎来到个人主页!</h3>
            <a href="#modal-container-addUser" role="button" class="btn" data-toggle="modal">添加用户</a>
            <table class="table table-striped">
                <thead>
                    <th>ID</th>
                    <th>用户名</th>
                    <th>性别</th>
                    <th>年龄</th>
                    <th>操作</th>
                </thead>
                <tbody>

    <%
        if(session.getAttribute("username") == null){
            //表示尚未登录
            out.print("你尚未登录，3秒之后跳转登录页面");
            response.setHeader("refresh","3;url=login.jsp");
        }else{

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

            //建立数据库连接
            String url = "jdbc:mysql://localhost:3306/book"; //数据库连接地址
            Connection connection = DriverManager.getConnection(url,"root","root"); //第一个root为数据库的用户名  第二个root为数据库的密码

            String sql = "select * from user"; //在PreparedStatement 中使用问好代替实际参数
            PreparedStatement ps = connection.prepareStatement(sql);

            ResultSet rs = ps.executeQuery();

            while (rs.next()){
                out.print("<tr>");
                out.print(
                        "<td>"+rs.getInt("id")+"</td>"
                                +"<td>"+rs.getString("username")+"</td>"
                                +"<td>"+rs.getString("gender")+"</td>"
                                +"<td>"+rs.getString("age")+"</td>"
                                +"<td><a href='delete.jsp?id="+rs.getInt("id")+"'>删除</a>"
                                +"&nbsp;<a href='edit.jsp?id="+rs.getInt("id")+"'>编辑</a></td>");
                out.print("</tr>");
            }
        }
    %>
                </tbody>
            </table>

            <div class="modal fade" id="modal-container-addUser" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel">添加用户</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        </div>
                        <form role="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="password" 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 type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="submit" class="btn btn-primary">添加</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>

在这里插入图片描述
add.jsp

<%
    //加载数据库驱动
    Class.forName("com.mysql.jdbc.Driver");

    //建立数据库连接
    String url = "jdbc:mysql://localhost:3306/book"; //数据库连接地址
    Connection connection = DriverManager.getConnection(url,"root","root"); //第一个root为数据库的用户名  第二个root为数据库的密码

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

    String sql = "insert into user (username,password,gender,age,id) values (?,?,?,?,?)"; //在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,0);

    ps.addBatch();//添加到批处理

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

    ps.addBatch();//添加到批处理 insert update delete

    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");

    //事务

    //mysql 数据库引擎 MyISAM 不支持 事务
    //默认 Innodb 支持事务



%>

delete.jsp

<%
    //加载数据库驱动
    Class.forName("com.mysql.jdbc.Driver");

    //建立数据库连接
    String url = "jdbc:mysql://localhost:3306/book"; //数据库连接地址
    Connection connection = DriverManager.getConnection(url,"root","root"); //第一个root为数据库的用户名  第二个root为数据库的密码

    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("删除失败");
    }

%>