Каков рекомендуемый подход для отображения различных изображений на основе некоторых условных проверок в MVC View?

Question

У меня очень мало знаний о разработке веб-приложений. : (

В проекте View of MVC я пытаюсь показать разные изображения, которые будут представлять разные состояния (запуск, остановка, остановка и т. Д.) Машин (до 100 и более).

Я следовал за этой помощью и, добавив классы в Site.css, смог сделать следующее:

Ниже приводитсякод из Index.chtml.

<div class="card-image">                                  
                    @{
                        var divClass = "";
                        if (item.Run==TimeSpan.Zero && item.Doff==TimeSpan.Zero && item.Stop==TimeSpan.Zero)
                        {
                            divClass = "gray";
                        }
                        else
                        {
                            if (item.Run > item.Doff)
                            {
                                if (item.Run > item.Stop)
                                {
                                    divClass = "green";
                                }
                                else
                                {
                                    divClass = "red";
                                }
                            }
                            else if (item.Doff > item.Stop)
                            {
                                divClass = "yellow";
                            }
                            else
                            {
                                divClass = "red";
                            }
                        }

                        <div class="@divClass" style="width:100px;height:100px";>                              
                        </div>
                    }
            </div>

Рекомендуется ли этот метод для динамического отображения изображений? Пожалуйста, сообщите.

Спасибо:)