Web学习内容回顾整理

20151213~20151227Web学习内容回顾整理

C/S： Client客户端程序

B/S： Brower浏览器程序

.net服务器软件：IIS

Java：TomCat

Php:阿帕奇

一、页面传值

二、下拉列表：DropDownList

三、列表框： ListBox

四、单选框：RadioButton 复选框：CheckBox

     4.1CheckBoxList 控件：去重显示 ；复选框多选时可点击查询查出结果

五、Repeater

六、分页

七、关键字查询变色

八、流水号

九、验证控件

十、上传文件

1.TextBox:用户输入文本框  属性：TextMode  单行文本框SingleLine  多行文本框MultiLine  密码框Password
2.显示文字：lable会生成Span标签  
          literall将文字原封不动的打到页面
3.按钮：Button普通按钮
       ImageButton图片按钮 ,只能从根目录下照图片
       LinkButton超链接按钮，属性PostBackUrl
4.Image:图片工具  
  HyperLink:超链接工具，属性NavigateUrl跳向的页面

跳转页面：
        //方式一,重定向页面，会直接换掉浏览器中的Url，可以跳转到任何页面
        Response.Redirect("Default.aspx?uid=123&pwd=123");
        //方式二,重新请求页面直接显示在当前页面，跳转根目录下的页面
        Server.Transfer("Default.aspx");

页面传值：
1.QueryString：Form表单的提交方式        
    传值页面传值：Response.Redirect("Test.aspx?uid=123&pwd=123");
    接收页面取值：Request["uid"].ToString();

2.Session
    特点：默认过期时间是20分钟，存储在服务器的，每人一个，可以存储任何东西，安全，占资源。
    用法：传值页面传值：Session["key"]="aa";
         接收页面取值：Session["key"];

3.Cookie
    特点：默认永不过期，存储在客户端的，只能存放字符串。
    用法：传值页面传值：    
         //1.造Cookie对象
         HttpCookie aa = new HttpCookie("uid");
         //2.给该Cookie一个值
         aa.Value = "aa";
         //3.写入客户端
         Response.AppendCookie(aa);
         接收页面取值：Request.Cookies["uid"].Value.ToString();

4.Application
    特点：存储在服务器，只存储一份
    用法：传值页面传值：Application["uid"] = "aa";
          接收页面取值：Application["uid"].ToString();

下拉列表：DropDownList

1、绑定数据方法一：
        testDataContext context = new testDataContext();
        DropDownList1.DataSource = context.Nation;//指定数据源
        DropDownList1.DataValueField = "Code";
        DropDownList1.DataTextField = "Name";
        DropDownList1.DataBind();//绑定数据

   绑定数据方法二：造一个ListItem项
        ListItem item = new ListItem();
        item.Text = "中国";
        item.Value = "0001";           

        ListItem item1 = new ListItem();
        item1.Text = "韩国";
        item1.Value = "0002";

        DropDownList1.Items.Add(item);
        DropDownList1.Items.Add(item1);
    绑定数据方法三：
        点击DropDownList右边的小箭头，选择数据源
     
2、取选中项的值
        将DropDownList属性中的AutoPostBack设置为true
         protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
         {
             Label1.Text = DropDownList1.SelectedValue.ToString();
         }
         if (!IsPostBack){}//避免重新绑定数据
3、设置哪一项选中
         方法一：
         DropDownList1.SelectedIndex = 2;
         方法二：
         foreach( ListItem item in DropDownList1.Items )
            {
                if (item.Value == "n002")
                {
                    item.Selected = true;
                }
            }

private testDataContext context = new testDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {
        //页面加载时填充上省市区
        if(!IsPostBack)
        {
            FillSheng();
            FillShi();
            FillQu();
        }
    }
    //先写三个方法，第一个填充省，第二个填充市，第三个填充区
    public void FillSheng()
    {
        dropsheng.DataSource = context.ChinaStates.Where(p =>p.ParentAreaCode == "0001");
        dropsheng.DataTextField = "AreaName";
        dropsheng.DataValueField = "AreaCode";

        dropsheng.DataBind();
    }
    public void FillShi()
    { 
        //先找出选中的省的代号
        string sheng = dropsheng.SelectedValue.ToString();
        dropshi.DataSource = context.ChinaStates.Where(p => p.ParentAreaCode == sheng);
        dropshi.DataTextField = "AreaName";
        dropshi.DataValueField = "AreaCode";

        dropshi.DataBind();
    }
    public void FillQu()
    {
        string shi = dropshi.SelectedValue.ToString();
        dropqu.DataSource = context.ChinaStates.Where(p => p.ParentAreaCode == shi);
        dropqu.DataTextField = "AreaName";
        dropqu.DataValueField = "AreaCode";

        dropqu.DataBind();
    }
    //事件，点击省时，市也变化，点击市时，区也变化
    //1、将DropDownList属性中的AutoPostBack设置为true
    //2、省变化的时候填充市，市变化的时候填充区
    protected void dropsheng_SelectedIndexChanged(object sender, EventArgs e)
    {
        FillShi();
    }
    protected void dropshi_SelectedIndexChanged(object sender, EventArgs e)
    {
        FillQu();
    }

实现效果：

列表框： ListBox

 1、 绑定数据 方法一：
        testDataContext context = new testDataContext();
        ListBox1.DataSource = context.Nation;
        ListBox1.DataValueField = "Code";
        ListBox1.DataTextField = "Name";
        ListBox1.DataBind();
     绑定数据 方法二：
        ListItem item = new ListItem();
        item.Value = "0001";
        item.Text = "中国";
        ListBox1.Items.Add(item);
     绑定数据 方法三：
        点击ListBox右边的小箭头，选择数据源

 2、 取选中的值：
        ListBox属性中SelectionMode设置为Single是单选，Multiple是多选
        单选：
            Label1.Text = ListBox1.SelectedValue.ToString();
        多选：
            Label1.Text = "";//清空
            foreach (ListItem item in ListBox1.Items)
            {
                if (item.Selected)
                {
                    Label1.Text += item.Value;
                }
            }
3、设置哪一项选中
        单选：
            ListBox1.SelectedIndex = 0;
        多选：
            foreach (ListItem item in ListBox1.Items)
            {
                if (item.Text =="汉族"||item.Text == "满族")
                {
                    item.Selected = true;
                }
            }

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            testDataContext context = new testDataContext();

            ListBox1.DataSource = context.Nation;
            ListBox1.DataTextField = "Name";
            ListBox1.DataValueField = "Code";
            ListBox1.DataBind();
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //把选中的listbox1的数据放到listbox2
        //先找选中项
        foreach( ListItem item in ListBox1.Items )
        {
            if(item.Selected)
            {
                if (!ListBox2.Items.Contains(item))//判断listbox2中有没有1里面选中的项，避免重复添加
                {
                    ListBox2.Items.Add(item);
                }
            }
        }
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        //把listbox1中的所有数据都放到listbox2中
        foreach (ListItem item in ListBox1.Items)
        {
            if (!ListBox2.Items.Contains(item))//判断listbox2中有没有1里面选中的项，避免重复添加
            {
                ListBox2.Items.Add(item);
            }
        }
    }

 实现效果：

单选框：Radiobutton 单选按钮列表：RadioButtonList

单选框：RadioButton
RadioButton中有个属性GroupName，当单选时，必须把各个选项的组名设成同一个
查看按钮是否选中：bool sex = RadioButton1.Checked;
                Label1.Text = sex.ToString();

单选按钮列表：RadioButtonList
    属性：RepeatDirection:横向或纵向
    绑定数据: 
        TextDataContext context = new TextDataContext();
        RadioButtonList1.DataSource = context.Nation;
        RadioButtonList1.DataTextField = "Name";
        RadioButtonList1.DataValueField = "Code";
        RadioButtonList1.DataBind();
    取选中项的值：
        Label1.Text =RadioButtonList1.SelectedValue.ToString();
    设置哪一项被选中：
        RadioButtonList1.SelectedIndex = 2;

复选框：CheckBox 复选框列表：CheckBoxList

复选框：CheckBox
    看一下该按钮是否选中：checkbox1.Checked;
    其余和单选框一样

复选框列表：CheckBoxList
    属性RepeatDirection:横向Horizontal或纵向Vertical
    绑定数据：
        CheckBoxList1.DataSource = context.Nation;
        CheckBoxList1.DataTextField = "Name";
        CheckBoxList1.DataValueField = "Code";
        CheckBoxList1.DataBind();
    取选中项的值：
        Label1.Text = "";//清空
        foreach( ListItem item in CheckBoxList1.Items)
        {
            if (item.Selected)
            {
                Label1.Text += item.Text;
            }
        }
    设置哪一项被选中：
        单项选中：
            CheckBoxList1.SelectedIndex = 2;
        多项选中：
            foreach (ListItem item in CheckBoxList1.Items)
            {
                if (item.Text == "汉族" || item.Text == "满族")
                {
                    item.Selected = true;
                }
            }

如果代码没有执行，很有可能是AutoPostBack没有设置为Ture

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            TextDataContext context = new TextDataContext();
            CheckBoxList1.DataSource = context.Nation;
            CheckBoxList1.DataTextField = "Name";
            CheckBoxList1.DataValueField = "Code";
            CheckBoxList1.DataBind();
        }
    }
    protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        //设置点击全选和取消全选
        foreach( ListItem item in CheckBoxList1.Items )
        {
            item.Selected = CheckBox1.Checked;
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //取值
        string zhi = "";
        foreach( ListItem item in CheckBoxList1.Items )
        {
            if(item.Selected)
            {
                zhi += item.Value.ToString()+",";//用，分割
            }
        }
        //去掉最后多余的逗号
        zhi = zhi.Substring(0, zhi.Length - 1);
        //拆分字符串,把选中的每一项都弹出一个窗体
        string[] codes;
        codes = zhi.Split(',');
        //造js代码
        string js = "<script type='text/javascript'>";
        for (int i = 0; i < codes.Length; i++)
        {
            js += "alert('"+codes[i]+"');";
        }
        js += "</script>";
        Literal1.Text = js;
            //弹出一个窗体，显示选中的值，借助一个工具Literall，在Literall中写js代码
            //Literal1.Text = "<script type='text/javascript'>alert('" + zhi + "')</script>";

    }

实现效果：

Repeater:

 往HTML里面嵌入c#代码，格式：<%#Eval("") %>,
    #代表绑定数据,Eval()括号里面写列名属性名

Repeater:

    用法：
        1、绑定数据源：
                if(!IsPostBack)
                {
                    TextDataContext context = new TextDataContext();
                    Repeater1.DataSource = context.Info;
                    Repeater1.DataBind();
                }
         2、造模板：
            头模板：HeaderTemplate：只出现一次，一般是标题行
            脚模板：FooterTemplate：只出现一次
            项模板：ItemTemplate：根据数据源中数据的多少生成。
                            绑定数据：
                        1.Eval("Code"):绑定显示某一个字段
                        2.调用函数来显示数据
                        3.绑定主表中的字段：Nation1.Name
                        4.格式化显示数据：Eval("Birthday","{0:yyyy年MM月dd日}")

          3、如何出现交替项
                交替模板：AlternatingItemTemplate：用来交替显示数据，一般只需要改变样式。

用Repeater根据数据库中的数据做菜单：
        1、绑定数据：
            Repeater2.DataSource = context.Nation;
            Repeater2.DataBind();
        2、造模板：
            头模板：<HeaderTemplate><u id="menu"></HeaderTemplate>
            项模板：<ItemTemplate><li class="cd" bs="<%#Eval("Code") %>"><%#Eval("Name") %></li></ItemTemplate>
            脚模板：<FooterTemplate></u></FooterTemplate>
        3、样式表：
              <style type="text/css">
                * {
                    margin: 0px auto;
                    padding: 0px;
                }
                #menu {
                    list-style:none;
                }
                .cd {
                    float:left;
                    100px;
                    height:30px;
                    background-color:#808080;
                    font-size:13px;
                    font-family:微软雅黑;
                    text-align:center;
                    line-height:30px;
                    vertical-align:middle;
                    color:#fff;
                    border-right:1px solid black;
                }
            </style>

改变表格中字体颜色：两种方式

把性别显示成男女，民族显示成民族名称，生日格式化显示
    一：写函数，调用函数
    二：直接找到主表中的列

 练习：

20151217：Web之Repeater使用：主页面

20151217：Web之Repeater使用：添加

20151217：Web之Repeater使用：修改

20151217：Web之Repeater使用：删除

复习：

20151221：Web复习：登陆

20151221：Web复习：主界面

20151221：Web复习：添加

20151221：Web复习：修改

20151221：Web复习：删除

分页

<%@ 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">
    <div>
        <h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 汽车表分页</h1>
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <table width="1000" border="0" cellspacing="1" cellpadding="1" bgcolor="#6600FF">
                  <tr>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF">代号</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">名称</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">系列</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF" >上市时间</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">油耗</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">功率</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">排量</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">价格</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">图片</td>
                  </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Code") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Name") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Brand") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF" ><%#Eval("Time") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Oil") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Powers") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Exhaust") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Price") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Pic") %></td>
                  </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>

        </asp:Repeater>
    
        <asp:Literal ID="Literal1" runat="server"></asp:Literal>
    
        <br />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上一页" />
&nbsp;&nbsp;
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="下一页" />
&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label2" runat="server" Text="跳转到"></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server" Width="36px"></asp:TextBox>
        <asp:Label ID="Label3" runat="server" Text="页"></asp:Label>
&nbsp;<asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="跳转" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <br />
    
    </div>
    </form>
</body>
</html>

public partial class _Default : System.Web.UI.Page
{
    private TextDataContext context = new TextDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Session["ys"] = 1;
            //Skip()跳过多少条，Take()取多少条数据
            TiaoZhuan(1);
        }
        Literal1.Text = "";
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //上一页
        int ys = Convert.ToInt32(Session["ys"]);//取出session的值

        if (ys > 1)//判断当前页数大于1或等于1
        {
            ys = ys - 1;
            Session["ys"] = ys;
            TiaoZhuan(ys);
        }
        else
        {
            Literal1.Text = "<script type='text/javascript'>alert('当前已是第一页！')</script>";
        }
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        //下一页
        int ys = Convert.ToInt32(Session["ys"]);//取出session的值

        int zys = AllYS();

        if (ys < zys)//判断当前页数与总页数的关系
        {
            ys = ys + 1;
            Session["ys"] = ys;
            TiaoZhuan(ys);
        }
        else
        {
             Literal1.Text = "<script type='text/javascript'>alert('当前已是最后一页！')</script>";            
        }
    }
    //跳转到第几页
    public void TiaoZhuan(int ys)
    {
        int qu = (ys - 1) * 5;//跳过的条数
        Repeater1.DataSource = context.car.Skip(qu).Take(5);
        Repeater1.DataBind();

        int all = AllYS();
        Label1.Text = "当前第："+ys+"页，总共："+all+"页";
    }
    //取总页数
    public int AllYS()
    {
        int all = context.car.Count();//总共多少条数据
        int zys;//总页数
        if (all % 5 == 0)
        {
            zys = all / 5;
        }
        else
        {
            zys = all / 5 + 1;
        }
        return zys;
    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        int ys = 1;
        try
        {
             ys = Convert.ToInt32(TextBox1.Text);
        }
        catch(Exception)
        {
            Literal1.Text = "<script type='text/javascript'>alert('请输入数字！')</script>"; 
        }
        
        int all = AllYS(); 
        if (1 <= ys && ys <= all)
        {
            TiaoZhuan(ys);
            Session["ys"] = ys;
        }
        else
        {
            Literal1.Text = "<script type='text/javascript'>alert('超出范围！')</script>"; 
        }
    }
}

实现效果：

关键字查询变色：

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

<!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">
    <div>
        <h1>汽车表</h1>
        <p>
            <asp:Label ID="Label2" runat="server" Text="汽车名称："></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server" Width="121px"></asp:TextBox>
&nbsp;<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="查询" />
        </p>
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <table width="1000" border="0" cellspacing="1" cellpadding="1" bgcolor="#6600FF">
                  <tr>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF">代号</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">名称</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">系列</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF" >上市时间</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">油耗</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">功率</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">排量</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">价格</td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF">图片</td>
                  </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Code") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Name") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Brand") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF" ><%#Eval("Time") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Oil") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Powers") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Exhaust") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Price") %></td>
                    <td width="100" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Pic") %></td>
                  </tr>
            </ItemTemplate>
            <FooterTemplate>
                 </table>
            </FooterTemplate>
        </asp:Repeater>
    
    </div>
    </form>
</body>
</html>

public partial class Default2 : System.Web.UI.Page
{
    private TextDataContext context = new TextDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Repeater1.DataSource = context.car;
            Repeater1.DataBind();
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //关键字查询变色
        string name = TextBox1.Text;

        if (name != "")
        {
            var query = context.car.Where(p => p.name.Contains(name));
            foreach (car data in query)
            {
                //变成黄色
                //data.name = data.name.Replace(name, "<mark>" + name + "</mark>");
                //变成红色
                data.name = data.name.Replace(name, "<span style='background-color:red'>" + name + "</span>");
            }
            Repeater1.DataSource = query;
            Repeater1.DataBind();
        }
        else
        {
            Repeater1.DataSource = context.car;
            Repeater1.DataBind();
        }
    }
}

实现效果：

流水号：

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

<!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">
         <div>
             <h1>添加商品</h1>
        <p>
            <asp:Label ID="Label1" runat="server" Text="名称："></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </p>
        <p>
            <asp:Label ID="Label2" runat="server" Text="价格："></asp:Label>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        </p>
        <p>
            <br />
            <asp:Button ID="Button1" runat="server" Text="添加" OnClick="Button1_Click" />
        &nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Button ID="Button2" runat="server" Text="随机" OnClick="Button2_Click" />
        </p>
   
    
    </div>
    </form>
</body>
</html>

public partial class liushuihao : System.Web.UI.Page
{
    private TextDataContext context = new TextDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        string name = TextBox1.Text;
        double price = Convert.ToDouble(TextBox2.Text);

        string code = "";
        //看一下表里面有没有数据
        if (context.ShangPin.Count() == 0)//没有数据
        {
            code = DateTime.Now.ToString("yyyyMMdd") + "001";
        }
        else
        { 
            string max = context.ShangPin.Max(p=>p.Code);
            string max1 = max.Substring(8,3);//截取字符串

            string rq = max.Substring(0,8);

            if (rq == DateTime.Now.ToString("yyyyMMdd"))//判断是否是同一天
            {

                int max2 = Convert.ToInt32(max1);
                max2 = max2 + 1;
                //拼接字符串
                if (max2 < 10)
                {
                    code = DateTime.Now.ToString("yyyyMMdd") + "00" + max2;
                }
                else if (max2 < 100)
                {
                    code = DateTime.Now.ToString("yyyyMMdd") + "0" + max2;
                }
                else
                {
                    code = DateTime.Now.ToString("yyyyMMdd") + max2;
                }
            }
            else
            {
                code = DateTime.Now.ToString("yyyyMMdd") + "001";
            }
        }
        //添加
        ShangPin data = new ShangPin();//造对象
        data.Code = code;
        data.Name = name;
        data.Price = price;

        context.ShangPin.InsertOnSubmit(data);
        context.SubmitChanges();

    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        //随机
        string name = TextBox1.Text;
        double price = Convert.ToDouble(TextBox2.Text);
        //生成随机数
        Random rd = new Random();

        string code = DateTime.Now.ToString("yyyyMMddHHmmss")+rd.Next(1000);
        //添加
        ShangPin data = new ShangPin();//造对象
        data.Code = code;
        data.Name = name;
        data.Price = price;

        context.ShangPin.InsertOnSubmit(data);
        context.SubmitChanges();
    }
}

数据库查询显示：

练习：审核

20151223：Web：审核：注册

20151223：Web：审核：登陆

20151223：Web：审核：主页面

20151223：Web：审核：审核和取消

CheckBoxList 控件：去重显示 ；复选框多选时可点击查询查出结果

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

<!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">
    <div>
    
        <br />
        <br />
        <asp:Label ID="Label1" runat="server" Text="区域："></asp:Label>
        <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox1_CheckedChanged" Text="全选" />
        <br />
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal">
        </asp:CheckBoxList>
        <br />
        <asp:Label ID="Label2" runat="server" Text="租赁类型："></asp:Label>
        <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox2_CheckedChanged" Text="全选" />
        <br />
        <asp:CheckBoxList ID="CheckBoxList2" runat="server" RepeatDirection="Horizontal">
        </asp:CheckBoxList>
        <br />
        <asp:Label ID="Label3" runat="server" Text="房屋类型："></asp:Label>
        <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack="True" OnCheckedChanged="CheckBox3_CheckedChanged" Text="全选" />
        <br />
        <asp:CheckBoxList ID="CheckBoxList3" runat="server" RepeatDirection="Horizontal">
        </asp:CheckBoxList>
        <br />
        <asp:Label ID="Label4" runat="server" Text="关键字："></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
        <br />
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="搜索" />
        <br />
    
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <table width="840" border="0" cellspacing="1" cellpadding="1" bgcolor="#6600FF">
                  <tr>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF"></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">关键字</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">区域</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF" >使用面积</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">租金</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">租赁类型</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">房屋类型</td>
                   </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><a href="Update.aspx?id=<%#Eval("id") %>">编辑</a>&nbsp;<a href="Delete.aspx?id=<%#Eval("id") %>">删除</a></td>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("KeyWord") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Area") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("SquareMeter") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF" ><%#Eval("Rent") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("RentType") %></td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("HouseType") %></td>
                   </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>
    
    </div>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="添加数据" />
    </form>
</body>
</html>

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

public partial class Main : System.Web.UI.Page
{
    private HouseDataContext context = new HouseDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Repeater1.DataSource = context.House;
            Repeater1.DataBind();
          
            //  去重显示 方式一：
            var query = context.House;
            //通过操作集合去重显示
            foreach (House data in query)
            {
                ListItem item = new ListItem();//造项
                item.Text = data.Area;
                if (!CheckBoxList1.Items.Contains(item))
                {
                    CheckBoxList1.Items.Add(item);
                }
            }
            foreach (House data in query)
            {
                ListItem item = new ListItem();//造项
                item.Text = data.RentType;
                if (!CheckBoxList2.Items.Contains(item))
                {
                    CheckBoxList2.Items.Add(item);
                }
            }
            foreach (House data in query)
            {
                ListItem item = new ListItem();//造项
                item.Text = data.HouseType;
                if (!CheckBoxList3.Items.Contains(item))
                {
                    CheckBoxList3.Items.Add(item);
                }
            }
            //去重显示 方式二：
            //List<string> list = context.House.Select(p => p.Area).Distinct().ToList();
            //foreach (string text in list)
            //{
            //    ListItem item = new ListItem();
            //    item.Text = text;
            //    CheckBoxList1.Items.Add(item);
            //}
            //List<string> listr = context.House.Select(p => p.RentType).Distinct().ToList();
            //foreach (string text in listr)
            //{
            //    ListItem item = new ListItem();
            //    item.Text = text;
            //    CheckBoxList2.Items.Add(item);
            //}
            //List<string> listh = context.House.Select(p => p.HouseType).Distinct().ToList();
            //foreach (string text in listh)
            //{
            //    ListItem item = new ListItem();
            //    item.Text = text;
            //    CheckBoxList3.Items.Add(item);
            //}
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Response.Redirect("Insert.aspx");
    }
    protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        foreach (ListItem item in CheckBoxList1.Items)
        {
            item.Selected = CheckBox1.Checked;
        }
    }
    protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
    {
        foreach (ListItem item in CheckBoxList2.Items)
        {
            item.Selected = CheckBox2.Checked;
        }
    }
    protected void CheckBox3_CheckedChanged(object sender, EventArgs e)
    {
        foreach (ListItem item in CheckBoxList3.Items)
        {
            item.Selected = CheckBox3.Checked;
        }
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        List<House> list = context.House.ToList();//造集合存放所有的数据
        ArrayList listArea = new ArrayList();//造集合
        ArrayList listRentType = new ArrayList();
        ArrayList listHouseType = new ArrayList();
        
        //第一个查询条件区域Area
        if (CheckBoxList1.SelectedIndex >= 0 && !CheckBox1.Checked)//有选中项并且不全选
        {
            foreach (ListItem item in CheckBoxList1.Items)//取出里面的选中值
            {
                if (item.Selected)
                { //如果被选中 取出里面的值 并赋给集合
                    listArea.Add (item.Text);
                }
            }
            list = list.Where(p => listArea.Contains(p.Area)).ToList();//listArea是区域集合 包含这条数据Area的区域
        }
        //取第二个查询条件租赁类型RentType
        if (CheckBoxList2.SelectedIndex >= 0 && !CheckBox2.Checked)
        {
            foreach (ListItem item in CheckBoxList2.Items)
            {
                if (item.Selected)
                {
                    listRentType.Add(item.Text);
                }
            }
            list = list.Where(p => listRentType.Contains(p.RentType)).ToList();
        }
        //取第三个查询条件房屋类型HouseType
        if (CheckBoxList3.SelectedIndex >= 0 && !CheckBox3.Checked)
        {
            foreach (ListItem item in CheckBoxList3.Items)
            {
                if (item.Selected)
                {
                    listHouseType.Add(item.Text);
                }
            }
            list = list.Where(p => listHouseType.Contains(p.HouseType)).ToList();
        }
        //取第四个查询条件关键字KeyWord
        string keyword = TextBox1.Text;
        if(keyword != "")
        {
            list = list.Where(p => p.KeyWord.Contains(keyword)).ToList();
        }
        
        Repeater1.DataSource = list;
        Repeater1.DataBind();
    }
}

去重显示实现效果：

多选查询显示效果：

验证控件

验证控件：    
    1、非空验证    
        RequiredFieldValidator
            属性：ErrorMessage：验证失败要显示的错误信息
                  Forecolor:文本的颜色
                  Display：显示的方式，默认Static占空间，Dynamic不占空间
                  ControlToValidate：要验证的控件
                  ValidaionGroup:验证分组
    2、对比验证
        CompareValidator
            属性：ErrorMessage：验证失败要显示的错误信息
                  Display：显示的方式
                  ControlToValidate：要验证的控件
                  ControlToCompare：要对比的控件
                  Type：按照什么类型对比
                  ValidaionGroup:验证分组
    3、范围验证
        RangeValidator
            属性：ErrorMessage：验证失败要显示的错误信息
                  Display：显示的方式
                  ControlToValidate：要验证的控件
                  MaximumValu：范围的最大值
                  MinimumValu：范围的最小值
                  Type：按照什么类型对比
                  ValidaionGroup:验证分组
    4、正则表达式验证
        RegularExpressionValidator
            属性：ErrorMessage：验证失败要显示的错误信息
                  Display：显示的方式
                  ControlToValidate：要验证的控件
                  ValidationExpression:要验证的正则表达式
                  ValidaionGroup:验证分组
    5、验证汇总控件：
        ValidationSummary
            属性：ValidaionGroup:验证分组
              ShowSummary:以文本摘要的方式显示错误汇总信息
              ShowMessageBox:以对话框的方式显示错误汇总信息

验证控件只需修改控件中的属性，不用写后台代码

实现效果：       

上传文件

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

<!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">
    <div>
        <br />
        <asp:FileUpload ID="FileUpload1" runat="server" />
&nbsp;<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上传" />
        <br />
        <br />
        <br />

        <div id="localImag" style=" 200px; height: 200px">
            <img id="preview" alt="预览图片" src="images/qiye.png" width="200" height="200" />
            <asp:FileUpload ID="PicLoad" Width="200px" Height="200px" style="position:relative; top:-200px; opacity:0" runat="server" onchange="javascript:setImagePreview(this,localImag,preview);"></asp:FileUpload>

        </div>
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="上传" />

        <script type="text/javascript">
            function setImagePreview(docObj, localImagId, imgObjPreview) {
                if (docObj.files && docObj.files[0]) {
                    //火狐下，直接设img属性  
                    imgObjPreview.style.display = 'block';
                    imgObjPreview.style.width = '200px';
                    imgObjPreview.style.height = '200px';

                    //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式    
                    imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
                }
                else {
                    //IE下，使用滤镜  
                    docObj.select();
                    var imgSrc = document.selection.createRange().text;

                    //必须设置初始大小  
                    localImagId.style.width = "200px";
                    localImagId.style.height = "200px";

                    //图片异常的捕捉，防止用户修改后缀来伪造图片  
                    try {
                        localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                        localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                    }
                    catch (e) {
                        alert("您上传的图片格式不正确，请重新选择!");
                        return false;
                    }
                    imgObjPreview.style.display = 'none';
                    document.selection.empty();
                }
                return true;
            }
        </script>  
        <br />
    </div>
    </form>
</body>
</html>

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

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        //1、找到要上传文件的文件名
        string name = FileUpload1.FileName.ToString();
        //2、处理文件名
        string CLname = DateTime.Now.ToString("yyyyMMddHHmmssms")+name;
        //3、造一个要保存的路径
        string path = @"Files" + CLname;
        //4、处理路径为绝对路径
        string JDpath = Server.MapPath(path);
        //5、保存
        FileUpload1.SaveAs(JDpath);
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        //1、找到要上传文件的文件名
        string name = FileUpload1.FileName.ToString();
        //2、处理文件名
        string CLname = DateTime.Now.ToString("yyyyMMddHHmmssms") + name;
        //3、造一个要保存的路径
        string path = @"images" + CLname;
        //4、处理路径为绝对路径
        string JDpath = Server.MapPath(path);
        //5、保存
        FileUpload1.SaveAs(JDpath);
    }
}

实现效果：上传后：