2

在庫管理システムをベースにしたシンプルなWebアプリケーションを作ろうとしています。私の質問は以下の通りです、

データベースからその数量を含むサーブレットに製品データをフェッチしています。また、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

ただし、Javascript の代わりに PHP を使用することをお勧めします。これを作成するための 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 に答える