【WebForm】知识笔记

1、ashx介绍以及ashx文件与aspx文件之间的区别

　　ashx是什么文件?

.ashx 文件用于写web handler的。

.ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类，它免去了普通.aspx页面的控件解析以及页面处理的过程。其实就是带HTML和C#的混合文件。

.ashx文件适合产生供浏览器处理的、不需要回发处理的数据格式，例如用于生成动态图片、动态文本等内容。

ashx文件是.net 2.0新加的文件类型(其实在.net 1.0下已经可用,但是没有公开提供).

ashx文件和aspx文件有什么不同? 我们先新建一个ashx文件看看:

代码示例：
当然你完全可以用.aspx 的文件后缀。使用.ashx 可以让你专注于编程而不用管相关的WEB技术。.ashx必须包含IsReusable

<% @ webhandler language="C#" class="AverageHandler" %>

　　using System;
　　using System.Web;
　　public class AverageHandler : IHttpHandler
　　{
　　    public bool IsReusable
　　    { get { return true; } }

　　    public void ProcessRequest(HttpContext ctx)
　　    {
　　        ctx.Response.Write("hello");
　　    }
　　}   

.ashx比.aspx的好处在于不用多一个html

比aspx简洁多了，只有一个文件，没有后台cs文件(基于代码安全考虑，后边我们会自己添加这个文件)

.ashx对比aspx文件就好像 少了cs文件，其实这就是ashx和aspx不同的地方，因为aspx要将前后台显示和处理逻辑分开，所以就弄成了两个文件。

其实，在最终编译的时候，aspx和cs还是会编译到同一个类中去，这中间就要设计html的一些逻辑处理。

而ashx不同，它只是简单的对web http请求的直接返回你想要返回的结果，比aspx少处理了html的过程，理论上比aspx要快。

看看.net config文件中对两个文件类型请求的配置吧

<add path="*.aspx" verb="*" type="System.Web.UI.PageHandlerFactory" validate="True" />
<add path="*.ashx" verb="*" type="System.Web.UI.SimpleHandlerFactory" validate="True" />

可以看到两个文件处理的类不一样(ashx处理的类叫SimpleHandleFactory，既然叫Simple，应该处理过程也比较 Simple，响应速度也应该快点吧:)

2、DropDownList 动态绑定数据

前端源代码效果及后端代码，分别如下

<asp:DropDownList ID="ddlCurrencyCode" runat="server" Width="173">
<asp:ListItem Text="全部" Value="" />
<asp:ListItem Text="人民币" Value="RMB" />
<asp:ListItem Text="港币" Value="HKD" />
</asp:DropDownList>

this.ddlCurrencyCode.Items.Clear();
this.ddlCurrencyCode.Items.Add(new ListItem { Value = "", Text = "全部" });
ListItem listItem;
list.ForEach(item =>
                {
                    listItem = new ListItem();
                    listItem.Text = item.Key;
                    listItem.Value = item.Key;
                    this.ddlCurrencyCode.Items.Add(listItem);
                });

3、动态控制颜色

<td align="center" style='color:<%# Container.ItemIndex == 0 ? "green":"red"%>'>

4、CheckBoxList动态绑定数据、CheckBox设置间距

<asp:CheckBoxList ID="chklSellChannelID" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow"></asp:CheckBoxList>

后端：

var lists = new BasicInfoPresenter().ConvertHotelSellChannel(SellChannels);
            chklSellChannelID.DataSource = lists;
//根据lists的字段 去设置控制的value和text
            chklSellChannelID.DataValueField = "HotelSellChannelId";
            chklSellChannelID.DataTextField = "ChannelName";
            chklSellChannelID.DataBind();
            foreach (ListItem item in chklSellChannelID.Items)
            {
item.Attributes.Add("style", "display:block;margin-right:20px;float:left;");
                if (item.Value.Contains($"{(int)SellChannelType.Static}") || item.Value.Contains($"{(int)SellChannelType.CB}"))
                {
                    item.Selected = true;
                    item.Enabled = false;
                }
                if (item.Value.Contains($"{(int)SellChannelType.Dynamic}"))
                {
                    item.Selected = false;
                    item.Enabled = false;
                }
            }

CheckBox选中的判断：

ListItem _list;
            foreach (var ctl in chklSellChannelID.Items)
            {
                if (ctl is ListItem)
                {
                    _list = (ListItem)ctl;
                    if (_list.Selected == true)
                    {
                      }
                }
            }

5、asp.net使用include包含文件

　　用asp.net使用include包含文件？……有必要吗？使用“用户控件”不是更好吗？

当然，绝大多数情况下，用户控件都能解决问题。但若要在用户控件中需包含其他公用块，即使用用户控件嵌套，老是出问题，而且也没必要使用asp.net的用户控件，因为我要包含的块是静态的，例如在head中包含一个logo……

1、asp.net页面也可以像asp那样，用include来包含文件：

<div class="includeParent">
    3.include htm:
    <!--#include file="include/HeadAd.htm"-->
</div>

2、也可以包含有服务端代码的aspx或ascx文件，但它必须是动态编译的文件(是CodeFile或单文件，而非CodeBehind编译的)。

<div class="includeParent">
    4.include aspx:
    <!--#include file="include/HeadNav.aspx"-->
</div>
<div class="includeParent">
    5.include ascx:
    <!--#include file="include/HeadNav.ascx"-->
</div>

HeadNav.aspx和HeadNav.ascx的内容示例：

<div class="includeDiv"><%=Guid.NewGuid().ToString()%></div>

3、也可以使用asp.net的“Response.WriteFile”方法，但仅限于静态文件：

<div class="includeParent">
    1.WriteFile htm:
    <%Response.WriteFile("include/HeadAd.htm");%>
</div>

实际应用，将图片放NavLogo.html中当公共页面，被多个页面共享，发生修改时只改一处即可。

 

NavLogo.html的内容如下：

<div class="logo-grop">
    <img class="logo" src=<%=System.Web.Configuration.WebConfigurationManager.AppSettings["navLogoImg"] %> title="logo" />
</div>

6、aspx前台写后台代码控制显示与否

　　有时候在一个Table中展示了一些列，但是可能某一列只在特殊条件下 才要展示出来。那就可以在前台写C#代码来控制。

利用 <% %>来控制，在后台定义一个bool型变量VisibleInfo作为控制。

 <tr>
                        <th width="14%" height="20" >原幣</th>
                        <th width="10%" >匯率</th>
                        <th width="14%">港幣</th>
                        <th width="14%" >提交港幣</th>
                        <th width="14%" >實收金額 </th>
                        <% if (VisibleInfo)
                            {
                        %>
                        <th style="16%">ctrip促銷</th>
                        <%} %>
                        <th width="34%">優惠</th>
                    </tr>
                   
            <tr>
                        <td align="center">
                            <asp:Literal ID="original" runat="server"></asp:Literal></td>
                        <td align="center">
                            <asp:Literal ID="exchangeRate" runat="server"></asp:Literal></td>
                        <td align="center">
                            <asp:Literal ID="dollarhk" runat="server"></asp:Literal></td>
                        <td align="center">
                            <asp:Literal ID="submit" runat="server"></asp:Literal></td>
                        <td align="center">
                            <asp:Literal ID="receivedAmount" runat="server"></asp:Literal>
                        </td>
                         <% if (VisibleInfo)
                             {
                        %>
                        <td style="text-align: center">
                            <asp:Literal ID="PromotionPrice" runat="server"></asp:Literal></td>
                        <%} %>
                        <td align="center">

7、asp.net几种数据绑定方法

•  使用<%= %> ，=后面接后端的变量或者有返回值的方法，且他们的访问修饰符为protected或者public

例如：(1)前端代码：

<span><%=Content%></span>

后端代码：

public string Content; 
protected void Page_Load(object sender, EventArgs e) { Content="this is a demo!" }

<span><%=Content%></span>等价于<span>this is a demo!</span>

提示：Content必须是公有或者受保护的变量

也可以是后端的方法

<span><%=getName()%></span>

• 使用<%#Eval()%>方法，该方法用于定义单向（只读）绑定

绑定数据的字段，一般用在数据绑定控件DataBind（）方法执行时被执行

<asp:Lable id="lable1" runat="server" Text='<%#DataBind.Eval(Container.DataItem,"UserName")%>'/>
简化版
<asp:Lable id="lable1" runat="server" Text='<%#Eval("UserName")%>'/>

• 使用<%#Bind()%>方法，该方法用于定义双向（可读可写）绑定

<asp:Lable id="lable1" runat="server" Text='<%#Bind("UserName")%>'/>

• 数据绑定表达式，<%# 数据绑定表达式%>，数据绑定表达式可以是一个变量，也可以是一个带返回值的c#方法

例如：

<li>
<span><%#getName()%></span><!--getName()为一个后台有返回值的方法-->
</li>
<li>
<span><%#UserNake%></span><!--UserName为后台一个公有或受保护的变量-->
</li>

提示：上诉<%#%>数据绑定方法用于服务器控件，必须通过DataBind()绑定数据源

8、WebForm 之 Ajax 请求后端处理

　　通常采用一般处理程序（.ashx）来处理，新建一个页面和一般处理程序

aspx前端页面，创建表单元素

<body>
    <div>
        用户名：<input type="text" id="name"><br />
        密 码：<input type="text" id="pwd" />
    </div>
    <div>
        <input type="button" value="提交" onclick="javascript:submit();" />
    </div>
</body>

点击 "提交" 按钮 往后台异步请求，并弹出后台返回的文本数据。

async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。

注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

<script type="text/javascript">
    var submit = function () {
        var name = $("#name").val();
        var pwd = $("#pwd").val();
        $.ajax({
            url: "WebFormAjaxDemo.ashx",
            type: "post",
            data: { "name": name, "pwd": pwd, "requestMethod": "register" },
            dataType: "text",
            //async: false,
            beforeSend: function (XHR) {
            },
            complete: function (XHR, TS) {
            },
            success: function (data) {
                alert(data);
            }

        });
    };
</script>

一般处理程序的后台处理前台发送的请求，并返回处理的结果。

public void ProcessRequest(HttpContext context)
        {
            // 接收前台要请求的方法
            string requestMethod = context.Request["requestMethod"];

            // 存储返回结果
            string returnResult = string.Empty;
            // 这种方式可以处理前台的多种异步请求
            switch (requestMethod)
            {
                case "register":
                    {
                        returnResult = Register();
                    } break;
                default:
                    { returnResult = "no method"; } break;

            }
            // 返回处理结果
            context.Response.Write(returnResult);
        }

/// <summary>
        /// 注册
        /// </summary>
        /// <returns></returns>
        public string Register()
        {
            // 获取表单数据
            var name = HttpContext.Current.Request["name"];
            var pwd = HttpContext.Current.Request["pwd"];

            if (pwd == "123")
            {
                return "ok";
            }
            return "no";
        }

 不过实在不想新建一般处理程序ashx，而采用aspx.cs后端也可以，例如：

function AjaxRquest() {
            $.ajax({
                url: location.href,
                type: "POST",
                data: { "RequestType": "AjaxRequest", "id": "1" },//模拟个数据
                success: function(data) {
                    alert(data);
                }
            });
        }

protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["RequestType"] == "AjaxRequest")
        {
            string id = Request["id"];
            Response.Clear();
            Response.Write("ID : " + id + " ," + DateTime.Now);
            Response.End();
            return;
        }
    }

9、.aspx文件都以Page指令开始

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

Page指令指定了页面所采用的语言，并且告诉ASP.NET从哪里可以找到关联的代码文件。

AutoEventWireup="true"以自动方式将页事件与方法相关联。CodeFile特性指定包含代码隐藏的文件，Inherit特性指明正在使用的类（partial class分部类，后台代码的类名）

 <%@Register src="xxxx.ascx" %>引用一个用户控件，将它注册到当前页面来使用。

10、Http中Get/Post请求区别

对于get方式，服务器端用Request.QueryString获取变量的值，

对于post方式，服务器端用Request.Form获取提交的数据。

eg： 

get方式 <a href="View.aspx?cityid=CITY0001"><liclass="li2"></li></a>  后端 String cityID =Request.QueryString["cityid"];

post方式  var url ="Handler/ViewHandler.ashx";
                $.post(url, {type:"getCheChangByID",id: id......  后端 string ID = context.Request["id"];