Question

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

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

如果数量＆lt; 49然后细胞颜色应为红色

如果数量＆gt; 51然后单元格颜色应为蓝色

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

如何实现该代码??

Answer 1

如果您想使用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>';
}

您也可以使用开关功能执行上述代码。

Answer 2

首先在理智的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>

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

2 个答案: