时间戳

首页 > 解决方案 > 如何使用 mvc 在 html 上循环数据？

c# - 如何使用 mvc 在 html 上循环数据？

问题描述

我的用户界面

<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 自动生成 pic 1 ..不是添加代码而是通过数据库。我的意思是像管理员这样的例子想在他的网站中添加一些菜单，所以他使用他的仪表板添加菜单，这样我就可以制作当管理员添加它时，用户界面会自动创建布局或图片列表..就像循环 php 对吗？我该如何使用 mvc 平台？

标签： c#htmlasp.net-mvcbootstrap-4

解决方案

您可以将模型或列表传递给剃刀视图，然后根据需要执行操作

例如

for 循环

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

或 foreach

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

推荐阅读