Question

如何使用来自数据库的链接动态生成以下图像标记。图像数量应该是数据库中的项目数。

我们可以使用listview或repeater来实现这个。如果是的话？

     <div class="social-icons_box">

       <div class="label_social">
         Get Social
       </div>
       <a href="www.youtube.com"><img src="images/youtube.jpg" /></a>
       <a href="www.twitter.com"><img src="images/twitter.jpg" /></a>
       <a href="www.facebook.com"><img src="images/facebook.jpg" /></a>
       .
       .
       .
   </div>

图像表的数据库结构如下

Image_Id      Image_Type    Image_File    Image_Location         Img_Url

 1             jpeg          youtube      images/youtube.jpg   www.youtube.com

 2             jpeg          facebook     images/fb.jpg          www.fb.com            

 3             jpeg          twitter      images/twter.jpg       www.twitter.com

Answer 1

转发器项目模板中的

使用类似这样的代码

 <a href='<%# Eval("Img_Url")%'><img src='<%# Eval("Image_Location")%>' /></a>

使用返回Image _URL和Image_Location列

的Datssource绑定此重复器

Answer 2

  <asp:DataList runat="server" ID="DataList1" RepeatDirection="Vertical">
                                        <ItemTemplate>
                                        <a id="avalue" runat="server" href='<%# Eval("Img_Url")%'> <asp:Image ID="lmgElementImage" runat="server" ImageUrl='<%#Bind("Image_Location") %>' Width="24px" Height="26px"></asp:Image></a>

                                        </ItemTemplate>
                                    </asp:DataList>

如何使用asp.net中的数据库链接创建动态图像？

2 个答案: