WebForm 【Repeater】【简单控件】

时间：2017-05-18 22:09:48 阅读：305 评论：0 收藏：0 [点我收藏+]

标签：null 按钮 reader xmlns content set 生日编号 default

一、Webform 数据展示

界面层： HTLM

业务逻辑层：只能用 C#

Repeater 重复器能够用来循环展示数据

具有5种模板

HeaderTemplate : 对页眉进行格式设置，在加载开始执行一遍，（不论放置什么位置都会首先执行）

FooterTemplate : 对页脚进行格式设置，在加载最后执行一遍

ItemTemplate : 对每一个数据项进行格式设置（有多少数据就执行多少次）

AlternatingItemTemplate : 对交替数据项进行格式设置

SeparatorTemplate : 对分隔符进行格式设置

绑定数据

<%@ %> 写一些声明语言或者引用

<% %> 编写C#代码，无法在界面上输出

<%= %> 等号后面接一个值，把一个变量的值输出

<%# %> 仅在数据展示中 Repeater 中使用

例、展示学生表的数据

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

/// <summary>
/// Users 的摘要说明
/// </summary>
public class Users
{
    public int Ids { get; set; }
    public string UserName { get; set; }
    public string PassWord { get; set; }
    public string NickName { get; set; }
    public bool Sex { get; set; }

    public string SexStr
    {
        get
        {
            return Sex ? "男" : "女";
        }
    }

    public DateTime Birthday { get; set; }
    public string Nation { get; set; }

    public int Age
    {
        get
        {
            return DateTime.Now.Year - Birthday.Year;
        }
    }

    public string WhiteOrRed
    {
        get
        {
            return Age >= 16 ? "white" : "red";
        }
    }

    public string SexImg
    {
        get
        {
            return Sex ? "images/1.png" : "images/0.png";
        }
    }


}

Users.cs

-- 在 WebForm 中原生的没有命名空间

-- 类的属性不全都是为了给用户展示的，也可以输出代码改变展示内容

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;

/// <summary>
/// UsersData 的摘要说明
/// </summary>
public class UsersData
{
    SqlConnection conn = null;
    SqlCommand cmd = null;
    public UsersData()
    {
        conn = new SqlConnection("server=.;database=Data0216_5;user=sa;pwd=123");
        cmd = conn.CreateCommand();
    }

    public List<Users> SelectAll()
    {
        List<Users> ulist = new List<Users>();
        cmd.CommandText = "select *from Users";

        conn.Open();
        SqlDataReader dr = cmd.ExecuteReader();
        while (dr.Read())
        {
            Users u = new Users();
            u.Ids = Convert.ToInt32(dr[0]);
            u.UserName = dr[1].ToString();
            u.PassWord = dr[2].ToString();
            u.NickName = dr[3].ToString();
            u.Sex = Convert.ToBoolean(dr[4]);
            u.Birthday = Convert.ToDateTime(dr[5]);
            u.Nation = dr[6].ToString();
            ulist.Add(u);
        }
        conn.Close();
        return ulist;
    }

}

UsersData

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Repeater1.DataSource = new UsersData().SelectAll();
        Repeater1.DataBind();
    }
}

Default.aspx.cs

用 Repeater 绑定数据是必须写

Repeater1.DataSource = new UsersData().SelectAll();

Repeater1.DataBind(); -- UsersData().SelectAll(); 方法

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
  
      <asp:Repeater ID="Repeater1" runat="server">
  
          <HeaderTemplate>   <%--页眉设置--%>
 
               <table style="width: 100%; background-color: navy; text-align: center;">
                    <tr style="color: white; height: 30px;">
                        <td>编号</td>
                        <td>用户名</td>
                        <td>密码</td>
                        <td>昵称</td>
                        <td>性别</td>
                        <td>生日</td>
                        <td>年龄</td>
                        <td>民族</td>
                    </tr>

            </HeaderTemplate>

            <ItemTemplate>        <%--数据项设置--%>

                <tr style="background-color: <%#Eval("WhiteOrRed") %>;">      <%--小于16变为红色--%>
                    <td><%#Eval("Ids") %></td>
                    <td><%#Eval("UserName") %></td>
                    <td><%#Eval("PassWord") %></td>
                    <td><%#Eval("NickName") %>同学</td>
                    <td>
                        <img src="<%#Eval("SexImg") %>" /></td>
                    <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
                    <td><%#Eval("Age") %></td>
                    <td><%#Eval("Nation") %></td>
                </tr>
            </ItemTemplate>



            <FooterTemplate>     <%--页脚设置-%>
                </table>
            </FooterTemplate>
        </asp:Repeater>

    </form>
</body>
</html>

Default.aspx1

<%# Eval( " 属性名 " ) %>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">

        <asp:Repeater ID="Repeater1" runat="server">

            <HeaderTemplate>

                <table style="width: 100%; background-color: navy; text-align: center;">
                    <tr style="color: white; height: 30px;">
                        <td>编号</td>
                        <td>用户名</td>
                        <td>密码</td>
                        <td>昵称</td>
                        <td>性别</td>
                        <td>生日</td>
                        <td>年龄</td>
                        <td>民族</td>
                    </tr>
            </HeaderTemplate>

            <ItemTemplate>

                <tr style="background-color: white;">
                    <td><%#Eval("Ids") %></td>
                    <td><%#Eval("UserName") %></td>
                    <td><%#Eval("PassWord") %></td>
                    <td><%#Eval("NickName") %>同学</td>
                    <td>
                        <img src="<%#Eval("SexImg") %>" /></td>
                    <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
                    <td><%#Eval("Age") %></td>
                    <td><%#Eval("Nation") %></td>
                </tr>

            </ItemTemplate>

            <AlternatingItemTemplate>  <%--读数据项交替格式设置--%>

                <tr style="background-color: aqua;">
                    <td><%#Eval("Ids") %></td>
                    <td><%#Eval("UserName") %></td>
                    <td><%#Eval("PassWord") %></td>
                    <td><%#Eval("NickName") %>同学</td>
                    <td>
                        <img src="<%#Eval("SexImg") %>" /></td>
                    <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
                    <td><%#Eval("Age") %></td>
                    <td><%#Eval("Nation") %></td>
                </tr>              

            </AlternatingItemTemplate>


            <FooterTemplate>
                </table>
            </FooterTemplate>

        </asp:Repeater>

    </form>
</body>
</html>

Default.aspx2

二、简单控件

1、HTML 表单元素

（1）文本类

文本框：<input type="text" name="" id="" value=""/>

密码框：<input type="password" name="" id="" value=""/>

文本框：<textarea name="" id="" cols=""(字符多少) rows=""(几行高)> </textarea>

隐藏域：<input type="hidden" name="" id="" value=""/>

（2）按钮类

提交按钮：<input type="submit" name="" id="" disable="disable" value=""/>点击后转到form内的提交服务器地址

重置按钮：<input type="reset" name="" id="" disable="disable" value=""/>

普通按钮：<input type="button" name="" id="" disable="disable" value=""/>

图片按钮：<input type="image" name="" id="" disable="disable" value="" src="图片地址"/>

（3）选择类

单选按钮组：<input type="radio" name="" id="" checked="checked" value=""/>

-- name的值用来分组；value的值看不见，用来提交给程序；checked，设置默认选项

复选框组：<input type="checkbox" name="" id="" checked="checked" value=""/>

下拉列表框：<select name ="" id="" size="" multiple="multiple"> -- ize=1时，为菜单；>1时，为列表；multiple为多选。

<option value="值" selected="selected">内容2</option> -- seleted,设为默认

</select>

文件上传：<input type="file" name="" id="">

-- 表单元素在后头用 name 去取值

-- 控件在后台用 ID 取值

2、简单控件

Label

<asp:Label ID="Label1" runat="server" Text="Label"> </asp:Label>

-- 编译后为 <span> </span>

.la1 {
width: 200px;
height: 50px;
background-color: red;
border: 5px solid navy ;

display: inline-block -- 变为块状模式
}

</style>

<asp:Label ID="Label1" runat="server" Text="Label" cssclass=" la1 "> </asp:Label>

-- 每个控件最终都会被编译成 HTML，可以用样式去修改样式，不要在用控件属性（冗余）

Literal

<asp:Literal ID="Literal1" runat="server"> </asp:Literal>

-- 编译后空

<asp:Literal ID="Literal2" runat="server" Text = " 内容" ></asp:Literal>

-- 可以在后台对 JS 进行编写，原封不动的输送到界面上去。

例：在后台

Literal1.Text = " < script > 　alert( ‘ 失败！‘)；　< script >"；

　　　　　　　　　　　　　　　　　　　　-- 会弹出警告对话框

TextBox

<asp:TextBox ID="TextBox1" runat="server"> </asp:TextBox>

-- 编译后为文本框

控件属性

Enabled="false" 禁用

ReadOnly="true" 只读

MaxLength="6" 最大可输入6位数

TexMode="SingLine" 单行　

-- 编译后为文本框

TexMode="PassWord" 密码遮盖

-- 有此属性编译后为密码框

TexMode="MultiLine" 多行

　 -- 有此属性编译后为文本域

HiddenField

<asp:HiddenField ID="HiddenField1" runat="server" />

-- 编译后为隐藏域

-- 没有 Text属性，内容用 Value。 Value=" 内容 "

Button

<asp:Button ID="Button2" runat="server" Text="Button" />

-- 编译后为提交按钮

ImageButton

<asp:ImageButton ID="ImageButton1" runat="server" />

-- 编译后为图片按钮

属性

ImageUrl = " 图片路径 " ;

WebForm 【Repeater】【简单控件】

标签：null 按钮 reader xmlns content set 生日编号 default

原文地址：http://www.cnblogs.com/Tanghongchang/p/6875739.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行