怎样在html里显示根据主表外键查询到的从表的数据

Question

数据库里有俩表，已经通过外键连起来了，然后 我想在html里显示从表里的数据。有办法吗？
是在mapper里面改东西吗？

Answer 1

在HTML中显示从表中的数据通常需要在后端代码中查询从表，并将数据传递到HTML模板中。这可以通过在mapper中编写查询方法以及在控制器中调用该方法来实现。

假设有以下两个表：

• 主表：user (id, name, email)
• 从表：order (id, user_id, product_name, quantity)

其中，user_id是order表中的外键，用于连接两个表。

如果要查询特定用户的所有订单，可以在订单mapper中编写以下方法：

@Select("SELECT * FROM order WHERE user_id = #{userId}")
List<Order> findOrdersByUserId(Long userId);

在控制器中，可以调用该方法来获取所有订单：

@GetMapping("/orders/{userId}")
public String showOrders(@PathVariable Long userId, Model model) {
    List<Order> orders = orderMapper.findOrdersByUserId(userId);
    model.addAttribute("orders", orders);
    return "orders.html";
}

最后，在HTML文件中，可以迭代所有订单，显示每个订单的产品名称和数量：

<ul>
  <li th:each="order : ${orders}">
    <span th:text="${order.product_name}"></span> x <span th:text="${order.quantity}"></span>
  </li>
</ul>

其中，th:each指令用于循环迭代每个订单，th:text指令用于显示产品名称和数量。