Как зациклить данные на HTML с помощью MVC?

Question

мой пользовательский интерфейс

<div class="responsive">
    <div class="gallery">
        <a href="@Url.Action("Submenu", "Home") ">
            <img src="@Url.Content("~/Content/mytemplate/")img/pic1.jpg" alt="pic1" width="600" height="400">
        </a>
        <div class="desc">Category Menu 1</div>
    </div>
</div>
<div class="responsive">
    <div class="gallery">
        <a href="@Url.Action("Submenu", "Home")">
            <img src="@Url.Content("~/Content/mytemplate/")img/pic2.jpg" alt="pic2" width="600" height="400">
        </a>
        <div class="desc">Category Menu 2</div>
    </div>
</div>
<div class="responsive">
    <div class="gallery">
        <a href="@Url.Action("Submenu", "Home")">
            <img src="@Url.Content("~/Content/mytemplate/")img/pic3.jpg" alt="pic3" width="600" height="400">
        </a>
        <div class="desc">Category Menu 3</div>
    </div>
</div>
<div class="responsive">
    <div class="gallery">
        <a href="@Url.Action("Submenu", "Home")">
            <img src="@Url.Content("~/Content/mytemplate/")img/pic4.jpg" alt="pic4" width="600" height="400">
        </a>
        <div class="desc">Category Menu 4</div>
    </div>
</div>

Я хочу знать, как я могу автоматически сгенерировать рис 1 на 1. Не добавлять код, а базу данных. Я имею в виду, например, что администратор хочет добавить меню на свой веб-сайт, чтобы он использовал свою панель инструментов, чтобы добавить меню я могу сделать, когда администратор добавить его, пользовательский интерфейс автоматически создать макет или список картинок .. так же, как цикл php правильно? Как я могу сделать с платформой mvc?

Answer 1

вы можете передать свою модель или список в окно бритвы, а затем выполнить необходимое действие

, например,

для цикла

 @for(var i = 0; i < 10; i++)
    {
        <p> @i </p>
    }

или foreach

@foreach (var x in model.list)
    {
       <p> @x </p>
     }

Answer 2

Создать модель и пройти.

@model List<WebMVC.Models.Images>
@foreach (var item in Model)
{
    <div class="responsive">
        <div class="gallery">
            <a href="@Url.Action("submenu","Home")">
                <img src=@item.path alt="pic" + @item.Sqno width="600" height="400" />
            </a>
            <div class="desc">Cagtegory Menu @item.Sqno</div>
        </div>
    </div>
}

Answer 3

Вам нужно передать вашу модель в представление, а затем вы можете выполнить итерацию ... при условии, что ваша модель называется PictureModel, вы можете передать список PictureModel и выполнить итерацию, как показано ниже:

@model List<PictureModel>

@for(int i = 0; i < @Model.Count; i++)
{
    <div class="responsive">
        <div class="gallery">
            <a href="@Url.Action("Submenu", "Home") ">
                <img src="@Url.Content("~/Content/mytemplate/")img/@Model[i].PictureName.jpg" alt="@Model[i].PictureName" width="600" height="400">
            </a>
            <div class="desc">@Model[i].CategoryMenuName</div>
        </div>
    </div>
}