JSP 和 Java 携手，轻松构建数据展示页面

2024-03-04 22:54:18

JSP 和 Java 协作实现数据显示页面

在现代 Web 应用程序中，展示数据是至关重要的。JSP（JavaServer Pages） 是一种技术，允许 Java 代码嵌入到 HTML 页面中，从而可以动态地生成内容。在本文中，我们将探讨如何使用 JSP 与 Java 代码协作，创建一个展示数据的页面。

问题：从数据库中获取并显示订单

假设我们有一个电子商务应用程序，我们需要创建一个页面来显示与当前登录用户关联的订单。订单数据存储在关系数据库中，我们需要以下步骤：

从数据库获取商店和订单信息。
将信息作为模型属性添加到模型中。
在 JSP 页面中使用 JSTL 标签遍历订单列表并显示详细信息。

解决方案：使用 @RequestMapping 注解和 JSTL

在 Java 控制器中，我们使用 @RequestMapping 注解来定义处理 HTTP 请求的方法。对于我们的订单列表页面，我们可以创建一个名为 orderList() 的方法来处理对 /orders 路径的 GET 请求。

@RequestMapping(value = "/orders", method = { RequestMethod.GET })
public String orderList(ModelMap model, HttpServletRequest request) {
    try {
        String uuid = request.getSession().getAttribute("uuid").toString();
        List<Store> store = storeRepo.getStoresByVendorUuid(uuid);
        List<Orders> orders = ordersRepo.getOrdersByStoreUuid(store.get(0).getUuid());
        model.addAttribute("orders", orders);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return "orders";
}

在这个方法中，我们从请求中获取用户的唯一标识符，并使用它来从数据库中获取关联的商店和订单。然后，我们将订单信息作为模型属性添加到模型中，模型属性可以在 JSP 页面中访问。

在 JSP 页面中，我们使用 JSTL (JavaServer Pages Standard Tag Library) 标签来遍历订单列表并显示详细信息：

<tbody>
    <c:forEach var="order" items="${orders}">
        <tr>
            <td>
                <a data-toggle="modal" data-target="#myModal" data-paragraphs="${order.uuid}">ORDRS${order.uuid}</a>
            </td>
            <td>
                <fmt:formatDate pattern="MMM dd, yyyy" value="${order.createDateTime}"/>
            </td>
            <td>
                ${order.ordered_by_user_name}
            </td>
            <td>
                <span class="label label-${colors[order.deliveryStatus] }">${statuses[order.deliveryStatus] }</span>
            </td>
            <td>
                <a class="view" title="View" data-toggle="modal" data-target="#myModal" data-paragraphs="${order.uuid}">
                    <i class="material-icons">&#xe8f4;</i>
                </a>
            </td>
        </tr>
    </c:forEach>
</tbody>

在这个 JSP 代码中，我们使用 <c:forEach> 循环遍历订单列表，并显示订单号、创建日期、订购者姓名和交付状态。

处理格式化的交付状态

根据要求，交付状态存储在数据库中采用以下格式：'DELIVERY_REQUESTED', 'LANDING_CUSTOMER'。为了以更易于用户理解的方式显示交付状态，我们需要编写一些 Java 代码来将这些字符串映射到标签。

String deliveryStatus = order.getDeliveryStatus();
String[] parts = deliveryStatus.split("_");
String label = parts[0] + " " + parts[1];

在这个代码段中，我们使用正则表达式将交付状态字符串拆分为单个单词，并将其连接成一个更易于用户理解的标签。

结论

通过结合 JSP 和 Java 代码，我们创建了一个动态页面，可以从数据库中获取和显示订单数据。我们使用 @RequestMapping 注解处理 HTTP 请求，使用 JSTL 标签遍历数据，并使用 Java 代码处理格式化的交付状态。

常见问题解答

如何获取与当前登录用户关联的商店和订单？
答：在 Java 控制器中，使用 request.getSession().getAttribute("uuid") 获取用户唯一标识符，然后使用此标识符查询数据库以获取关联的商店和订单。
如何使用 JSTL 标签显示订单详细信息？
答：在 JSP 页面中，使用 <c:forEach> 循环遍历订单列表，并使用 data-toggle="modal" 和 data-target="#myModal" 属性设置模态窗口触发器。
如何处理格式化的交付状态？
答：在 Java 代码中，使用 String.split() 方法将交付状态字符串拆分为单个单词，并将其连接成一个更易于用户理解的标签。
如何在 JSP 页面中使用模型属性？
答：在 JSP 页面中，可以使用 EL（Expression Language） 访问模型属性，例如 ${orders}。
如何使用 @RequestMapping 注解处理 HTTP 请求？
答：在 Java 控制器中，使用 @RequestMapping 注解指定要处理的请求路径和方法，例如 @RequestMapping(value = "/orders", method = RequestMethod.GET)。