javascript - 在 jsp 中显示来自 servlet 的范围的动态单元格颜色

Question

我正在尝试制作一个基于库存管理系统的简单网络应用程序。我的问题如下，

我正在从数据库中获取产品数据到一个包含其数量的 servlet。我想以表格格式在我的 JSP 中显示该数据。我还想根据某个阈值动态更改数量的单元格颜色。就像 .. 如果我的阈值是 50 那么

如果数量 < 49 则单元格颜色应为红色

如果数量 > 51 那么单元格颜色应该是蓝色

如果数量为 50,49 或 51，则单元格颜色应为绿色。

如何实现该代码？？

Answer 1

首先在合理的 CSS 样式类中定义这些颜色。

.understock {
    color: red;
}
.normal { 
    color: green;
}
.overstock {
    color: blue;
}

然后让JSP生成想要的样式类就可以了。

<table>
  <c:forEach items="${products}" var="product">
    <tr>
      <td class="${product.quantity < 49 ? 'understock' : product.quantity < 51 ? 'normal' : 'overstock'}">${product.quantity}</td>
    </tr>
    ...
  </c:forEach>
</table>