Web应用程序项目设计应用程序不会自动更新

Question

我想监控具有20个隔间的库存状态。 每个隔间可以具有以下4种状态之一：

- 错误

-empty

-RawMaterial

- 成品

以图形方式我用盒子矩阵表示库存（每个盒子是一个隔间），我想根据隔间的状态改变每个盒子的颜色。

我需要模拟数据监控，我是通过创建0到3的随机数来实现的。

我还想在错误的情况下显示下拉警报部分，或者是否需要再次填写库存或退回成品。

创建此网络应用的最佳方法是什么？

目前，我正在使用带有gradle的spring boot项目。

并使用html和css进行设计，并使用javascript文件执行逻辑。并在webApp中显示它。

1. 当我启动运行应用程序时，它不会自动更新。
2. 我的随机计时器不起作用。
3. 我想显示一个下拉警告部分，以防我出错，你是怎么做的 让我这么做吗？
4. 也许我不应该使用弹簧应用程序，你推荐什么？

我在JS中有下一个代码，计时器功能不起作用。

var compartmentStatus = setInterval(monitor,5000);


function main() {
var a=10;
var b=1;

    for (var i=0;i<=3; i++){

    }
    switch (compartmentStatus){
        case 0:
            $('#11').css("background-color","#888888");
            break;
        case 1:
            $('#11').css("background-color","yellow");
            break;
        case 2:
            $('#11').css("background-color","green");
            break;
        case 3:
            $('#11').css("background-color","red");
            break;
    }
}


function monitor() {
    console.log("a");
    return Math.floor((Math.random() * 3));
}


$(document).ready(main);