SSH框架网上商城项目第11战之查询和删除商品功能实现

SSH框架网上商城项目第11战之查询和删除商品功能实现

本文将详细讲解如何在SSH框架中实现查询和删除商品的功能。在此之前，需要确保该项目中已经实现了商品的增加和修改功能。

查询商品

在实现查询商品的功能前，首先需要在商品管理页面中添加查询表单。在JSP页面中添加如下代码：

<form class="form-inline" action="${pageContext.request.contextPath}/product/query" method="post">
  <div class="form-group">
    <label for="name">商品名称：</label>
    <input type="text" class="form-control" name="name" placeholder="请输入商品名称">
  </div>
  <button type="submit" class="btn btn-default">查询</button>
</form>

以上代码添加了一个表单，表单中包含一个输入框用于输入商品名称，并且有一个查询按钮。其中，action属性设置表单提交的路径，method属性设置请求的方式。

接下来，在ProductAction中添加查询商品的方法：

public String query(){
  products = productService.queryByName(name);
  return SUCCESS;
}

以上代码中，products为查询得到的商品列表，productService为商品服务类，queryByName()为查询商品的方法。在查询商品的方法中，可以根据输入的商品名称从数据库中查询出对应的商品，并将查询结果赋值给products。

最后，在JSP页面中添加显示查询结果的代码：

<c:forEach var="p" items="${products}">
  <tr>
    <td>${p.id}</td>
    <td>${p.name}</td>
    <td>${p.price}</td>
    <td>${p.stock}</td>
    <td>${p.category.name}</td>
    <td>${p.description}</td>
    <td>
      <a href="${pageContext.request.contextPath}/product/edit?id=${p.id}" class="btn btn-primary btn-sm">编辑</a>
      <a href="${pageContext.request.contextPath}/product/delete?id=${p.id}" class="btn btn-danger btn-sm" onclick="return confirm('确认删除该商品？')">删除</a>
    </td>
  </tr>
</c:forEach>

以上代码中，使用JSTL的forEach标签遍历查询结果，将每个商品的信息显示在页面上。

删除商品

删除商品的功能与查询商品非常相似，只是在执行删除操作时需要提示用户确认。在JSP页面中添加删除按钮的代码时，应该添加一个onclick事件，用于弹出确认删除的提示框。

以删除按钮的代码为例：

<a href="${pageContext.request.contextPath}/product/delete?id=${p.id}" class="btn btn-danger btn-sm" onclick="return confirm('确认删除该商品？')">删除</a>

以上代码中，添加了一个onclick事件，该事件会弹出一个提示框，询问用户是否确认删除商品。如果用户点击“确认”按钮，则继续执行删除操作；否则取消删除操作。

在ProductAction中，添加删除商品的方法：

public String delete(){
  productService.delete(id);
  return SUCCESS;
}

以上代码中，productService为商品服务类，delete()为删除商品的方法。在删除商品的方法中，可以根据商品id将商品从数据库中删除。

以上为本文的全部内容，希望对大家在SSH框架中实现查询和删除商品的功能有所帮助。