使用c#asp.net在Repeater中显示数据库记录的数组

本文关键字：数据库 记录 数组 显示 c#asp net Repeater 使用 | 更新日期: 2023-09-27 18:00:57

我想使用c#asp.net在视图页面上显示sqlserver内部的最后3张图像。我正在使用中继器来显示视图。在下面的代码中，我使用的是中继器。

index.aspx:

<section class="slider" id="slider">
 <asp:Repeater runat="server" ID="rptImageId"  >
                    <div class="ls-slide" data-ls="transition2d:9;slidedelay:7000;">                    
                        <img src="pic/medical-slide-1.jpg" alt="" class="ls-bg">
                        <div class="intro ls-l" data-ls="offsetyin:top;offsetxin:0;durationin:2000;offsetyout:bottom;offsetxout:0;durationout:1000;" style="left:80%;top:35%;">
                            <span class="icon fa fa-heart"></span>
                            <h2><span>SYMPTOM</span>CHECKER</h2>
                            <p>Vestibulum rutrum luctus porta. Maecenas elit nibh</p>
                            <div class="buttons">
                                <a href="javascript:void(0)" class="prev"><i class="fa fa-angle-left"></i></a><!--
                                --><a href="javascript:void(0)" class="button">Read More</a><!--
                                --><a href="javascript:void(0)" class="next"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
              </div>
                    <div class="ls-slide" data-ls="transition2d:40;slidedelay:7000;">               
                        <img src="pic/medical-slide-2.jpg" alt="" class="ls-bg">
                        <div class="intro ls-l" data-ls="scalexin:0.3;scaleyin:0.3;rotatexin:180;offsetxin:0;durationin:2000;durationout:2000;scalexout:2;scaleyout:2;offsetxout:0;fadeout:true;showuntil:3000;" style="left:80%;top:35%;">
                            <span class="icon fa fa-comments"></span>
                            <h2><span>HELP</span>ONLINE</h2>
                            <p>Vestibulum rutrum luctus porta. Maecenas elit nibh</p>
                            <div class="buttons">
                                <a href="javascript:void(0)" class="prev"><i class="fa fa-angle-left"></i></a><!--
                                --><a href="javascript:void(0)" class="button">Read More</a><!--
                                --><a href="javascript:void(0)" class="next"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
              </div>
                    <div class="ls-slide" data-ls="transition2d:11;slidedelay:7000;">
                        <img src="pic/medical-slide-3.jpg" alt="" class="ls-bg">
                        <div class="intro ls-l" data-ls="skewxin:30;skewyin:0;offsetxin:right;fadein:false;durationin:2000;durationout:1000;offsetxout:right;offsetyout:0;fadeout:true;" style="left:80%;top:35%;">
                            <span class="icon fa fa-flask"></span>
                            <h2><span>LAB</span>TESTING</h2>
                            <p>Vestibulum rutrum luctus porta. Maecenas elit nibh</p>
                            <div class="buttons">
                                <a href="javascript:void(0)" class="prev"><i class="fa fa-angle-left"></i></a><!--
                                --><a href="javascript:void(0)" class="button">Read More</a><!--
                                --><a href="javascript:void(0)" class="next"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
</asp:Repeater> 
                </section>

在上面的代码中有3个图像(i.e-medical-slide-1.jpg,medical-slide-2.jpg,medical-slide-3.jpg(。我需要在这3个地方设置数据库中的最后3个图像。我将如何在page_load事件内的index.aspx.cs页面中执行此操作。我的表名是T_Banner，我使用的是sqlserver。请帮我解决这个问题。

使用c#asp.net在Repeater中显示数据库记录的数组

此查询可能会解决您的问题：

SELECT TOP 3 Image_Column FROM T_Banner ORDER BY Image_Column DESC

您可能需要根据需要使用ORDER BY

在视图中使用Eval：

参见此示例：

https://social.msdn.microsoft.com/Forums/en-US/fb7c7ffd-f5f0-476c-a4ee-35b3364bf3ed/how-to-bind-repeater-with-images-in-table-column-?forum=adodotnetdataset

不需要在中继器里放三个div，只要一个就足够了。中继器根据select语句将其绑定三次。

相关文章：