zoukankan      html  css  js  c++  java
  • 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>");

  • 相关阅读:
    LR: Voxel Map for Visual SLAM
    LR A Simplified Active Calibration Algorithm for Focal Length Estimation
    # LiteratureReview LeGO-LOAM
    Literature Review: Road is Enough
    vue使用SockJS实现webSocket通信
    flex布局常用样式
    vue 关于render渲染函数的使用
    vue单页面应用打开新窗口显示跳转页面的方法
    vuex项目框架
    动态form表单,数据编辑部分数据编辑输入视图不更新问题
  • 原文地址:https://www.cnblogs.com/maxin991025-/p/6242494.html
Copyright © 2011-2022 走看看