webform Repeater、地址栏传值、Response

Repeater: 重复器

　　<HeaderTemplate> - 开头，只执行一次的内容

　　<ItemTemplate> - 需要重复执行的部分

　　<AlternatingItemTemplate> - 需要与上面模板进行交替执行的部分

　　<FooterTemplate> - 尾部，只执行一次，在重复的部分执行完之后再执行

展示数据库中的数据：

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 2 
 3 <!DOCTYPE html>
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8     <title></title>
 9     <style>
10         #table {
11              100%;
12             text-align: center;
13             background-color: blue;
14         }
15 
16         .t-header {
17             color: white;
18             font-weight: bold;
19         }
20 
21         .t-body {
22             background-color: #808080;
23         }
24 
25         .t-body1 {
26             background-color: #00ff21;
27         }
28     </style>
29 </head>
30 <body>
31     <form id="form1" runat="server">
32 
33         <asp:Repeater ID="Repeater1" runat="server">
34             <HeaderTemplate>
35                 <table id="table">
36                     <tr class="t-header">
37                         <td>用户名</td>
38                         <td>密码</td>
39                         <td>昵称</td>
40                         <td>性别</td>
41                         <td>民族</td>
42                         <td>班级</td>
43                         <td>生日</td>
44                     </tr>
45             </HeaderTemplate>
46             <AlternatingItemTemplate>
47                 <tr class="t-body1" id="tr" style="<%#Eval("MinZu")%>">
48                     <td><%#Eval("Username") %></td>
49                     <td><%#Eval("Mima") %></td>
50                     <td><%#Eval("Nick") %></td>
51                     <%--<td><img src="0.png" /></td>--%>
52                     <td><%#Eval("SexStar") %></td>
53                     <td><%#Eval("NationName") %></td>
54                     <td><%#Eval("ClassName") %></td>
55                     <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
56                 </tr>
57             </AlternatingItemTemplate>
58             <ItemTemplate>
59                 <tr class="t-body" id="tr" style="<%#Eval("MinZu")%>">
60                     <td><%#Eval("Username") %></td>
61                     <td><%#Eval("Mima") %></td>
62                     <td><%#Eval("Nick") %></td>
63                     <td><%#Eval("SexStar") %></td>
64                     <td><%#Eval("NationName") %></td>
65                     <td><%#Eval("ClassName") %></td>
66                     <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
67                 </tr>
68             </ItemTemplate>
69             <FooterTemplate>
70                 </table>
71             </FooterTemplate>
72         </asp:Repeater>
73     </form>
74     <script type="text/javascript">
75         var rows=document.getElementsByTagName("tr");
76         var oldcolor = "";
77         for(var i=0;i<rows.length;i++){
78             rows[i].onmouseover=function(){
79                 oldcolor = this.style.backgroundColor;
80                 this.style.backgroundColor = "yellow";
81             }
82    
83             rows[i].onmouseout=function(){
84                 this.style.backgroundColor = oldcolor;
85             }
86 
87     </script>
88 </body>
89 </html>

界面

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 using WindowsFormsApplication1.App_Code;
 8 
 9 public partial class _Default : System.Web.UI.Page
10 {
11     protected void Page_Load(object sender, EventArgs e)
12     {
13         Repeater1.DataSource = new UsersData().Select();
14         Repeater1.DataBind();
15 
16     }
17 }

后台

QueryString: - get提交方式/地址栏传值

　　原理：地址栏后面接 ?key=value&key=value 在后台代码中可以通过这些key来接受需要的字符串

　　优点：不占用服务器内存，执行快缺点：直接显示在了地址栏上，安全性差

Request: - 获取请求对象

　　使用：在页面加载事件中 string a =Request["key"];

Response: - 响应请求对象

　　Response.Redirect("想要跳转的页面地址");

　　Response.Write("想要在页面中插入的语句，例如：<script>alert('哈哈哈哈');</script>");