购物车页面代码

由于购物车页面的代码涉及到具体业务逻辑和页面设计，因此无法提供一个通用的代码示例。以下是一些可能会在购物车页面中使用的代码片段：

显示购物车中的商品列表

<div class="cart-items">
  <h2>Shopping Cart</h2>
  <ul>
    <% cartItems.forEach(item => { %>
      <li>
        <img src="<%= item.image %>" alt="<%= item.name %>">
        <div>
          <h3><%= item.name %></h3>
          <p>Price: <%= item.price %></p>
          <p>Quantity: <%= item.quantity %></p>
        </div>
      </li>
    <% }) %>
  </ul>
</div>

计算购物车中商品的总价

const cartTotal = cartItems.reduce((total, item) => total + item.price * item.quantity, 0);
console.log(`Total price is ${cartTotal}`);

修改购物车中商品的数量

const updateQuantity = (itemId, newQuantity) => {
  const itemIndex = cartItems.findIndex(item => item.id === itemId);
  if (itemIndex !== -1) {
    cartItems[itemIndex].quantity = newQuantity;
  }
};

删除购物车中的商品

const removeItem = itemId => {
  const itemIndex = cartItems.findIndex(item => item.id === itemId);
  if (itemIndex !== -1) {
    cartItems.splice(itemIndex, 1);
  }
};

这些代码片段只是示例，实际的购物车页面代码可能会更复杂，包含更多的业务逻辑和交互效果