Java Web程序设计第9章课后第1题

  1. 编写图书模糊查询界面,输入图书名称的模糊资料,在界面下方显示图书信息,要求提交给Servlet完成。

解析

在数据库中建个表
在这里插入图片描述
然后简单地弄一个book类

public class book {
    public String id;
    public String name;
    public double price;

    public book(String id, String name, double price) {
        this.id = id;
        this.name = name;
        this.price = price;
    }
}

search.jsp中先搭个框架

<form action="一会要创建的Servlet" method="post">
    请输入要查找的书名:<input name="name" type="text">
    <input type="submit" value="查询">
</form>
<table>
    <tr>
        <th>图书ID</th>
        <th>图书名称</th>
        <th>图书价格</th>
        <th>操作</th>
    </tr>
    <!-- 这里一会要插入JSP代码 -->
</table>

新建一个FuzzyLookupServlet

@WebServlet(name = "FuzzyLookupServlet", urlPatterns = {"/fuzzyLookupServlet"})
public class FuzzyLookupServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 处理响应乱码
        response.setContentType("text/html;charset=utf-8");

        // 处理请求乱码
        request.setCharacterEncoding("utf-8");

        String name = request.getParameter("name");
        if (name != null) {
            try {
                // 1、导入驱动jar包
                // 2、注册驱动
                Class.forName("com.mysql.cj.jdbc.Driver");
                // 3、获取数据库的连接对象
                Connection conn = DriverManager.getConnection("你的数据库", "用户名", "你的密码");
                // 4、定义sql语句
                String sql = "select * from book where name like '%" + name + "%'";
                // 5、获取执行sql语句的对象
                PreparedStatement ps = conn.prepareStatement(sql);
                // 6、执行sql并接收返回结果
                ResultSet rs = ps.executeQuery(sql);
                // 7、处理结果
                ArrayList<book> res = new ArrayList<book>();
                while (rs.next()) {
                    res.add(new book(rs.getString(1), rs.getString(2), rs.getDouble(3)));
                }
                HttpSession session = request.getSession();
                session.setAttribute("result", res);  // 把查询到的结果存放在session中
                // 8、释放资源
                ps.close();
                conn.close();
                // 9、跳转
                request.getRequestDispatcher("/chapter9/9_1/search.jsp").forward(request, response);  // 查询完毕后要返回到search.jsp
            } catch (ClassNotFoundException | SQLException e) {
                e.printStackTrace();
            }
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

回到search.jsp,先把form action补齐,如

<form action="/JavaWebCDUT/fuzzyLookupServlet" method="post">

然后补全JSP代码

<%
    ArrayList<book> res = (ArrayList<book>) session.getAttribute("result");
    if (res != null) {
%>
<table>
    <tr>
        <th>图书ID</th>
        <th>图书名称</th>
        <th>图书价格</th>
        <th>操作</th>
    </tr>
    <%
            for (book b : res) {
                out.print("<tr>");
                out.print("<td>" + b.id + "</td>");
                out.print("<td>" + b.name + "</td>");
                out.print("<td>" + b.price + "</td>");
                out.print(String.format("<td><a href=\"/JavaWebCDUT/addToCartServlet?id=%s\">添加到购物车</a></td>", b.id));
                out.print("</tr>");
            }
        }
    %>

完整代码

search.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="chapter9.book" %>
<%@ page import="java.util.ArrayList" %>
<html>
<head>
    <title>模糊查询</title>
</head>
<body>
<form action="/JavaWebCDUT/fuzzyLookupServlet" method="post">
    请输入要查找的书名:<input name="name" type="text">
    <input type="submit" value="查询">
</form>
<%
    ArrayList<book> res = (ArrayList<book>) session.getAttribute("result");
    if (res != null) {
%>
<table>
    <tr>
        <th>图书ID</th>
        <th>图书名称</th>
        <th>图书价格</th>
        <th>操作</th>
    </tr>
    <%
            for (book b : res) {
                out.print("<tr>");
                out.print("<td>" + b.id + "</td>");
                out.print("<td>" + b.name + "</td>");
                out.print("<td>" + b.price + "</td>");
                out.print(String.format("<td><a href=\"/JavaWebCDUT/addToCartServlet?id=%s\">添加到购物车</a></td>", b.id));
                out.print("</tr>");
            }
        }
    %>
</table>
</body>
</html>

FuzzyLookupServlet.java

package chapter9.servlet;

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 javax.servlet.http.HttpSession;
import java.io.IOException;
import java.sql.*;
import java.util.ArrayList;

import chapter9.book;

import static java.lang.System.out;

@WebServlet(name = "FuzzyLookupServlet", urlPatterns = {"/fuzzyLookupServlet"})
public class FuzzyLookupServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 处理响应乱码
        response.setContentType("text/html;charset=utf-8");

        // 处理请求乱码
        request.setCharacterEncoding("utf-8");

        String name = request.getParameter("name");
        if (name != null) {
            try {
                // 1、导入驱动jar包
                // 2、注册驱动
                Class.forName("com.mysql.cj.jdbc.Driver");
                // 3、获取数据库的连接对象
                Connection conn = DriverManager.getConnection("你的数据库", "用户名", "你的密码");
                // 4、定义sql语句
                String sql = "select * from book where name like '%" + name + "%'";
                // 5、获取执行sql语句的对象
                PreparedStatement ps = conn.prepareStatement(sql);
                // 6、执行sql并接收返回结果
                ResultSet rs = ps.executeQuery(sql);
                // 7、处理结果
                ArrayList<book> res = new ArrayList<book>();
                while (rs.next()) {
                    res.add(new book(rs.getString(1), rs.getString(2), rs.getDouble(3)));
                }
                HttpSession session = request.getSession();
                session.setAttribute("result", res);
                // 8、释放资源
                ps.close();
                conn.close();
                // 9、跳转
                request.getRequestDispatcher("/chapter9/9_1/search.jsp").forward(request, response);
            } catch (ClassNotFoundException | SQLException e) {
                e.printStackTrace();
            }
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

book.java

package chapter9;

public class book {
    public String id;
    public String name;
    public double price;

    public book(String id, String name, double price) {
        this.id = id;
        this.name = name;
        this.price = price;
    }
}

AddToCartServlet,java

package chapter9.servlet;

import chapter9.book;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.awt.*;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
import java.util.ArrayList;

@WebServlet(name = "addToCartServlet", urlPatterns = {"/addToCartServlet"})
public class AddToCartServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 处理响应乱码
        response.setContentType("text/html;charset=utf-8");

        // 处理请求乱码
        request.setCharacterEncoding("utf-8");

        String id = request.getParameter("id");
        if (id != null) {
            try {
                // 1、导入驱动jar包
                // 2、注册驱动
                Class.forName("com.mysql.cj.jdbc.Driver");
                // 3、获取数据库的连接对象
                Connection conn = DriverManager.getConnection("你的数据库", "用户名", "你的密码");
                // 4、定义sql语句
                String sql = "select * from book where id = ?";
                // 5、获取执行sql语句的对象
                PreparedStatement ps = conn.prepareStatement(sql);
                // 6、执行sql并接收返回结果
                ps.setString(1, id);
                ResultSet rs = ps.executeQuery();
                // 7、处理结果
                HttpSession session = request.getSession();
                ArrayList<book> cart = (ArrayList<book>) session.getAttribute("cart");
                if (cart == null){
                    cart = new ArrayList<book>();
                }
                while (rs.next()) {
                    cart.add(new book(rs.getString(1), rs.getString(2), rs.getDouble(3)));
                }
                session.setAttribute("cart", cart);
                // 8、释放资源
                ps.close();
                conn.close();
                // 9、跳转
                session.setAttribute("addStatus", true);
                System.out.println("添加成功");
                PrintWriter out = response.getWriter();
                out.print("<script>alert('添加成功!');window.location.href='chapter9/9_1/search.jsp'</script>");
            } catch (ClassNotFoundException | SQLException e) {
                e.printStackTrace();
            }
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

好的,我可以帮你解答这个问。 首先,我们需要在数据库中创建一个名为 T_BOOK 的表,包含三个字段:book_id、book_name、book_price。可以使用如下的 SQL 语句创建表: ``` CREATE TABLE T_BOOK ( book_id INT PRIMARY KEY, book_name VARCHAR(50), book_price DECIMAL(10, 2) ); ``` 接下来,我们需要编写一个图书模糊查询界面,可以使用 HTML 和 JavaScript 来实现。界面上需要一个输入框和一个按钮,用户可以在输入框中输入图书名称的模糊资料,点击按钮后,会向 Servlet 发送请求,查询匹配的图书信息,并将结果显示在界面下方。 以下是一个简单的图书模糊查询界面的示例代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>图书模糊查询</title> <script> function search() { var keyword = document.getElementById("keyword").value; var xhr = new XMLHttpRequest(); xhr.open("GET", "BookServlet?keyword=" + keyword); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var result = document.getElementById("result"); result.innerHTML = xhr.responseText; } }; xhr.send(); } </script> </head> <body> <h1>图书模糊查询</h1> <p>请输入图书名称的模糊资料:</p> <input type="text" id="keyword" size="50"> <button onclick="search()">查询</button> <hr> <div id="result"></div> </body> </html> ``` 在这个界面中,我们定义了一个 search 函数,在用户点击查询按钮时会被调用。该函数首先获取输入框中的关键词,然后使用 XMLHttpRequest 对象向 Servlet 发送 GET 请求,并将关键词作为参数传递。当请求成功返回后,该函数会将结果显示在 id 为 result 的 div 元素中。 最后,我们需要编写一个 Servlet 来处理请求,并从数据库中查询匹配的图书信息。以下是一个简单的 BookServlet 的示例代码: ``` import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class BookServlet extends HttpServlet { private static final long serialVersionUID = 1L; private String jdbcUrl = "jdbc:mysql://localhost:3306/test"; private String jdbcUser = "root"; private String jdbcPassword = "root"; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String keyword = request.getParameter("keyword"); String sql = "SELECT * FROM T_BOOK WHERE book_name LIKE ?"; try (Connection conn = DriverManager.getConnection(jdbcUrl, jdbcUser, jdbcPassword); PreparedStatement stmt = conn.prepareStatement(sql)) { stmt.setString(1, "%" + keyword + "%"); ResultSet rs = stmt.executeQuery(); PrintWriter out = response.getWriter(); while (rs.next()) { int id = rs.getInt("book_id"); String name = rs.getString("book_name"); double price = rs.getDouble("book_price"); out.println(id + "\t" + name + "\t" + price + "<br>"); } rs.close(); } catch (SQLException e) { e.printStackTrace(); } } } ``` 在这个 Servlet 中,我们首先从请求参数中获取关键词,然后使用 JDBC 连接到数据库,并执行一条 SQL 语句查询匹配的图书信息。查询结果会被打印到 PrintWriter 中,并返回给客户端。 以上就是一个简单的图书模糊查询界面的实现方法。需要注意的是,这只是一个示例,实际开发中还需要考虑很多其他因素,例如 SQL 注入、分页查询、异常处理等等。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值