C# 如何使用foreach循环创建html

我有一个aspx表单，它有以下代码

<div class="media packagesList">
    <a class="media-left fancybox-pop" href="img/packages/package-list-01.png">
        <asp:Image ID="imgThumbnail" runat="server" CssClass="media-object" />
    </a>
    <div class="media-body">
        <div class="bodyLeft">
            <h4 class="media-heading">
                <a href="javascript.void(0)">
                    <asp:Label ID="lblHeading" runat="server"></asp:Label>
                </a>
            </h4>
            <div class="countryRating">
                <span>
                    <asp:Label ID="lblLocation" runat="server"></asp:Label>
                </span>
                <ul class="list-inline rating">
                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                    <li><i class="fa fa-star" aria-hidden="true"></i></li>
                </ul>
            </div>
            <p>
                <asp:Label ID="lblDescription" runat="server"></asp:Label>
            </p>
            <ul class="list-inline detailsBtn">
                <li><span class="textInfo"><i class="fa fa-calendar" aria-hidden="true"></i>
                    <asp:Label ID="lblDate" runat="server"></asp:Label></span></li>
                <li><span class="textInfo"><i class="fa fa-clock-o" aria-hidden="true"></i>
                    <asp:Label ID="lblDays" runat="server"></asp:Label></span></li>
            </ul>
        </div>
        <div class="bodyRight">
            <div class="bookingDetails">
                <h2>
                    <asp:Label ID="lblPrice" runat="server"></asp:Label></h2>
                <p>Per Person</p>
                <a href="single-package-right-sidebar.html" class="btn buttonTransparent clearfix">Details</a>
                <a class="btn buttonTransparent" data-toggle="modal" href='.html'>Inquiry</a>
            </div>
        </div>
    </div>
</div>

输出是这个吗？

---

请帮助我了解如何动态执行此操作，这样我只需编写一次代码，数据库中的所有教程都将显示在我的教程页面中

在ASP.Net中使用repeator控件

---

您可以使用

<% //code %>

及

编辑：添加
在您的示例中，让我们假设您有一个展示巡演的类：

public class Tour{
   public string ImageUrl {get;set;}
   public string Title {get;set;}
   public string Text {get; set; }
}

您有一份旅游名单：

var tours=new List<Tour>();
tours.Add(new Tour()
{
   ImageUrl="img.png",
   Title="Hello World",
   Text="This Is The Body Text"
});
    tours.Add(new Tour()
{
   ImageUrl="img2.png",
   Title="Tour two",
   Text="This Is The Body Text2"
});

让我们将控制台代码更改为web窗体代码：

<% foreach(var item in tours){ %>
    <!-- using HTML -->
  <div>
     <img src="<%= item.ImageUrl %>" alt="Image" />
     <span>
          <%= item.Title %><!--The title from the tour -->
     </span>
    <p>
        <%= item.Text %><!--The tour body -->
    </p>
</div>
 <% } %>

“alt=”Image“/>

希望这有帮助

编辑：示例
以下是完整的Default.aspx.cs代码：

public分部类\u默认值：第页
{
受保护的旅游；
受保护的无效页面加载（对象发送方、事件参数e）
{
tours=新列表（）；
tours.Add（新的tours（）
{
ImageUrl=“img.png”，
Title=“你好，世界”，
Text=“这是正文文本”
});
tours.Add（新的tours（）
{
ImageUrl=“img2.png”，
Title=“第二巡回赛”，
Text=“这是正文文本2”
});
}
}
公务舱旅游
{
公共字符串ImageUrl{get；internal set；}
公共字符串测试{get；set；}
公共字符串文本{get；internal set；}
公共字符串标题{get；内部集；}
}

在本例中，我创建了一个旅游种子列表，其中包含页面上的值 您可以通过网页代码访问它：

<% foreach(var item in tours){ %>
    <!-- using HTML -->
  <div>
     <img src="<%= item.ImageUrl %>" alt="Image" />
     <h2>
          <%= item.Title %><!--The title from the tour -->
     </h2>
    <p>
        <%= item.Text %><!--The tour body -->
    </p>
</div>
 <% } %>

“alt=”Image“/>

---

这也是一个重复的问题

有很多方法可以做到这一点。看看：如果你被卡住了，问一个具体的问题。没有帮助@正如我在第一个问题清单上提到的香农。这是关于Asp.net的第二个问题，这显然意味着我站在Asp.net大楼外面，敲着它的门向我敞开。所以请注意，任何好的例子都会很有帮助。想以任何方式学习这个。嗨，我用了中继器控制。它工作得很好，但它没有显示我的其他旅行。页面加载时仍仅显示一次巡更。请帮助我这里哪里错了。我在foreach循环中不理解的是（var x in values）x是一个变量，我知道它将通过数据进行搜索（如果我是对的），但是什么是值？？？？在我的代码中，用这个值这个词替换什么？@adilsharif它只是一个占位符，你可以将它更改为你拥有的任何IEnumerable。例如，想想一个IEnumerable类的值，它包含一个名为name的属性，因此在你的代码中，它可以是一个旅游列表。你可以获得每个旅游的信息。我将用更多信息更新我的答案我为旅游创建了cs课程，但现在我陷入了另一个问题。foreach（Tour中的var项），其中单词Tour给出错误。请解释您在示例中使用的Tour关键字。您不使用Tour，因为它是一个不可枚举的类。您需要做的是创建一个包含multipe Tour的列表，请参见“并且您有一个tours列表”中的答案。您可能还希望将其公开

public class Tour{
   public string ImageUrl {get;set;}
   public string Title {get;set;}
   public string Text {get; set; }
}

var tours=new List<Tour>();
tours.Add(new Tour()
{
   ImageUrl="img.png",
   Title="Hello World",
   Text="This Is The Body Text"
});
    tours.Add(new Tour()
{
   ImageUrl="img2.png",
   Title="Tour two",
   Text="This Is The Body Text2"
});

foreach(var item in tours){
    console.WriteLine(item.Title)//Display the title in console
}

<% foreach(var item in tours){ %>
    <!-- using HTML -->
  <div>
     <img src="<%= item.ImageUrl %>" alt="Image" />
     <span>
          <%= item.Title %><!--The title from the tour -->
     </span>
    <p>
        <%= item.Text %><!--The tour body -->
    </p>
</div>
 <% } %>

public partial class _Default : Page
{
    protected IList<Tour> tours;

    protected void Page_Load(object sender, EventArgs e)
    {
        tours= new List<Tour>();
        tours.Add(new Tour()
        {
            ImageUrl = "img.png",
            Title = "Hello World",
            Text = "This Is The Body Text"
        });
        tours.Add(new Tour()
        {
            ImageUrl = "img2.png",
            Title = "Tour two",
            Text = "This Is The Body Text2"
        });
    }
}
public class Tour
{
    public string ImageUrl { get; internal set; }
    public string test { get; set; }
    public string Text { get; internal set; }
    public string Title { get; internal set; }
}

<% foreach(var item in tours){ %>
    <!-- using HTML -->
  <div>
     <img src="<%= item.ImageUrl %>" alt="Image" />
     <h2>
          <%= item.Title %><!--The title from the tour -->
     </h2>
    <p>
        <%= item.Text %><!--The tour body -->
    </p>
</div>
 <% } %>