Asp.net 从SQL Server数据库在ul中填写图img

我正在尝试创建一个Asp.Net页面，而不使用razor来列出和显示数据库中的一些产品。我需要从我的SQL Server 2008 R2数据库中显示图像、说明和PDF路径

我一直在寻找例子，但其中许多是关于填写表格，而不是ul元素。我看过一些剃须刀页面的例子，但我不知道它是如何工作的

注意：我不想改变这种风格，因为我使用了一些很酷的引导css悬停功能。我不想搞砸这件事，但如果你认为有必要改变它，那么我当然可以想出一些办法

代码：

---

中继器是不错的选择。我同意这个解决办法。即使这样，也可以帮助您实现响应性设计。这甚至是轻量级的加载。

您可以使用字符串生成器概念生成字符串表单后端。然后倒进这个ul。那么我该如何把这些细绳指向每一个地方呢？这是我的问题。我的意思是我可以在后端提取每个数据。我的问题出现在页面的正确位置。我见过一些人使用repeater和item模板。我正试图这样做，但我也不确定这是怎么回事。我正在努力。谢谢你的回答^^复读机是个不错的选择。我同意这个解决办法。即使这样，也可以帮助您实现响应性设计。这甚至是轻量级加载。是的，我同意repeater听起来更好，因为我还有一个分类列表作为下拉列表来控制哪些产品将显示在页面中。每次分类更改时，产品也会更改。我想我明白了中继器的逻辑。我现在正在尝试编写代码，让我们看看它会是什么样子：再次感谢^^如果我的答案对您有帮助，请标记为我在下面评论的答案。非常感谢你。

<ul class="grid cs-style-5" id="thumbs">
    <li>
        <figure>
            <img class="img-responsive" src="#">
            <figcaption>
                <h4>Product Name/h4>
                <span>Explanation here.</span>
                <a href="#" data-toggle="modal"  data-target="#myModal">Technical Info</a>
            </figcaption>
        </figure>
    </li>
</ul>

<asp:DataList ID="DataList1" runat="server">
           <HeaderTemplate><ul class="grid cs-style-5" id="thumbs"></HeaderTemplate>
           <ItemTemplate>
               <li>
                    <figure>
                        <img class="img-responsive" src='<%# Eval("urun_resim") %>' />
                          <figcaption>
                             <h4>Product Name: <%#Eval("urun_isim") %>i</h4> <br />
                             <a href='<%#Eval("urun_pdf") %>' Target="_blank"></a>
                         </figcaption>
                    </figure>
               </li>
           </ItemTemplate>
           <FooterTemplate></ul></FooterTemplate>
</asp:DataList>