【ASP.NET学习笔记】ASP.NET Repeater控件使用

1. Repeater控件学习视频

这是在b站找到的两个算比较好的视频，以下内容也是在视频里学的。
第一个：
https://www.bilibili.com/video/BV144411e7Vm?from=search&seid=16294492281304307385
第二个：
https://www.bilibili.com/video/BV1GC4y1x7gE

2、div盒子根据内容自动增大的解决方法

https://www.cnblogs.com/zhoujl-5071/p/5978189.html

3、repeater控件——用来处理批量数据的规律性展示（用同样的格式展示）

4、绑定数据源的方法：

（1）直接设置DataSource属性。
（2）在.cs文件中写方法

  protected void Page_Load(object sender, EventArgs e)
    {
        BindRepeater();
    }
    private void BindRepeater()
    {
        //从guitars表里面读数据到DataTable
        SqlConnection conn = new SqlConnection();
        conn.ConnectionString = "Data Source=LAPTOP-CGQF8UAF;Initial Catalog=RepeaterDB;Integrated Security=True";
        string sql = "select * from guitars";
        SqlDataAdapter adapter = new SqlDataAdapter(sql, conn);
        DataSet ds = new DataSet();
        adapter.Fill(ds);//填充数据到ds
        Repeater1.DataSource = ds.Tables[0];
        Repeater1.DataBind();
    }

5、操作步骤

（1）新建web窗体
（2）拖动repeater控件
（3）绑定数据源
（4）设置repeater的显示模板：

1.将repeater开始显示的内容放在<HeaderTemplate></HeaderTemplate>中（如表格的第一行）
2.将repeater最后显示的内容放在<FooterTemplate></FooterTemplate>中（如</table>）
3.将反复显示的内容放在<ItemTemplate></ItemTemplate>中

（5）要显示的数据

1、基本的： <%#Eval("商品名称") %>
2、图片：<img src="<%#"img/"+Eval("商品图片")+".jpg" %>">