[主细表 / Master-Detail]Repeater 作北风数据库的主表明细（Master-Detail），HTML表格搭配 DataBinding Expression(数据绑定表达式)...

最新推荐文章于 2021-07-26 22:17:53 发布

weixin_30872499

最新推荐文章于 2021-07-26 22:17:53 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mis2000lab/archive/2012/04/10/Repeater_DataBinding_Master_Detail.html

本文介绍使用Repeater结合HTML表格和DataBindingExpression实现北风数据库的主表明细展示，通过超级链接可查看订单详细信息。无需编写额外代码，仅需熟悉HTML和SQL Join操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[主细表 / Master-Detail]Repeater 作北风数据库的主表明细（Master-Detail），HTML表格搭配 DataBinding Expression(数据绑定表达式)

这是我的备份，原文请看：

http://www.dotblogs.com.tw/mis2000lab/archive/2012/03/20/repeater_northwind_master_detail_20120320.aspx

Repeater 作北风数据库的主表明细（Master-Detail）

阅读本文之前，请先确定您有以下的基本观念与操作技巧：

[主细表/主表明细] GridView+SqlDataSource，一行程序代码都不用写。书本（上集）9-1节内容公开
http://www.dotblogs.com.tw/mis2000lab/archive/2008/12/02/gridview_sqldatasource_1202.aspx

------------------------------------------------------------------------------------------

在论坛上遇见有人发问类似问题，
刚好我上课也教到 Repeater，所以提供这个范例来作为补充习题。

做为书本「上集」 Ch. 12 Repeater的范例补充（Case Study）

Repeater很适合用来搭配美工人员做好的HTML码

加上样版（Template）的特性

与 DataBinding Expression（(数据绑定表达式) 如 <% # Eval("字段名称")%>）

可以在画面上，做好定位（输出比较漂亮，不会乱掉）

==================================================================================

执行成果如下：

第一个画面，订单主文件。

透过超级链接，可以看见这笔订单的所有数据

第二，用 Repeater + HTML表格 + DataBinding Expression（数据绑定表达式如 <% # Eval("字段名称")%>）

做成北风数据库的主表明细（Master-Detail）

上图里面的「每一个字段」的值，都是透过 DataBinding Expression（数据系结表达式如 <% # Eval("字段名称")%>）来呈现。

这样就能「定位」在 HTML表格的各个格子内。

==================================================================================

第一，我们先做好HTML的画面
透过传统的 HTML表格（<Table>）做好我们想要的画面

后续有范例下载，我会提供三个HTML网页，让大家参考。

第二，把上述的 HTML表格，放到Repeater的「样版（Template）」里面
北风数据库的「订单」数据表，共有两个。

需要呈现在画面上的地方，就自己撰写DataBinding Expression（数据系结表达式如 <% # Eval("字段名称")%>）
然后搭配 SqlDataSource即可。

不过，北风数据库的订单主文件（Orders数据表）经过正规化
有些缺点（人员阅读不易）

[主细表/ 主表明细]Ch.9-1节，北风数据库（NorthWind）一份订单明细 (SQL Join 关系型数据表)
http://www.dotblogs.com.tw/mis2000lab/archive/2011/12/05/northwind_order_master_detail_20111205.aspx

如果您想要改善的话，上述的文章已经解说过。

以下的范例，是「第一个」执行画面的 .aspx档内容

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
 <HeaderTemplate>
 <table border="1" width="90%" id="table2">
 <tr>
 <td align="center" bgcolor="#0000FF">
 OrderID
 </td>
 <td align="center" bgcolor="#0000FF">
 CustomerID
 </td>
 <td align="center" bgcolor="#0000FF">
 EmployeeID
 </td>
 <td align="center" bgcolor="#0000FF">
 OrderDate
 </td>
 </tr>
 </HeaderTemplate>

 <ItemTemplate>
 <tr>
 <td>
 <a href="Repeater_NorthWind_Table2.aspx?OrderID=<%# Eval("OrderID")%>" target="_blank">
 <big><%# Eval("OrderID")%></big>
 </a>
 </td>
 <td>
 <%# Eval("CustomerID")%> -- <%# Eval("B_CompanyName")%>
 </td>
 <td>
 <%# Eval("EmployeeID")%> -- <%# Eval("C_LastName")%>
 </td>
 <td>
 <%# Eval("OrderDate", "{0:yyyy/MM/dd}")%>
 </td>
 </tr>
 </ItemTemplate>

 <AlternatingItemTemplate>
 <tr>
 <td bgcolor="#CECEFF">
 <a href="Repeater_NorthWind_Table2.aspx?OrderID=<%# Eval("OrderID")%>" target="_blank">
 <big>
 <%# Eval("OrderID")%></big> </a>
 </td>
 <td bgcolor="#CECEFF">
 <%# Eval("CustomerID")%>
 --
 <%# Eval("B_CompanyName")%>
 </td>
 <td bgcolor="#CECEFF">
 <%# Eval("EmployeeID")%>
 --
 <%# Eval("C_LastName")%>
 </td>
 <td bgcolor="#CECEFF">
 <%# Eval("OrderDate", "{0:yyyy/MM/dd}")%>
 </td>
 </tr>
 </AlternatingItemTemplate>

 <FooterTemplate>
 </table>
 </FooterTemplate>
</asp:Repeater>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
 SelectCommand="select A.*, B.CompanyName As B_CompanyName, C.LastName As C_LastName
 from orders A, Customers B, Employees C
 where A.CustomerID = B.CustomerID And A.EmployeeID = C.EmployeeId">
</asp:SqlDataSource>
 
 
詳細的HTML表格，可以參閱目錄「Repeater_HTML_Sample」