2

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

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

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

如果数量 > 51，则单元格颜色应为蓝色

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

如何实现该代码？

4

2 回答 2

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>
于 2013-02-01T00:25:20.817 回答
0

如果你想用 Javascript 来做，我将使用 AJAX 从数据库中获取信息。 http://www.tizag.com/ajaxTutorial/ajax-javascript.php

不过，我建议您使用 PHP 而不是 Javascript。用于制作的 Javascript 开发相当复杂且不需要。

这是您从数据库中获取信息所需的信息。 http://www.tizag.com/mysqlTutorial/

一旦你得到信息，它只是 PHP

    if($value < 50){
     echo '<tr><td style="background-color:red;">text of the cell</td></tr>';
    }elseif($value == 50,49 OR $value == 51){
echo '<tr><td style="background-color:blue;">text of the cell</td></tr>';
}elseif($value > 51){
echo '<tr><td style="background-color:blue;">text of the cell</td></tr>';
}

您也可以使用switch功能执行上面的代码。

于 2013-01-31T21:52:29.623 回答