• Asp.Net基础 概述


    1.概论 浏览器-服务器 B/S 浏览的
         浏览器和服务器之间的交互,形成上网B/S模式
         对于HTML传到服务器  交给服务器软件(IIS)  服务器软件直接读取静态页面代码,然后返回浏览器
         对于ASPX传达服务器  交给服务器软件(IIS)   IIS发现自己处理不了aspx的文件,就去映射表根据后缀名里找到响应的处理程序(isapi,服务器扩展程序) 问题:IIS如何调用可扩展程序? 答:可扩展程序首先就是按照IIS提供的借口实现代码,所以IIS就知道如何调用.
        
    2.什么是asp.net
         !asp.net是一种动态网页技术,在服务器端运行.net代码,动态生成HTML,然后响应个浏览器
         *注意,主要的操作都是服务器进行操作,浏览器只是传输指令
         !可以使用JavaScript, Dom在浏览器端完成很多工作,但是有很多工作无法再浏览端完成,比如存储数据,访问数据库没复杂的业务逻辑运算,安全性要求高的逻辑运算等.
         !服务端控件和HTML控件生成关系: 在aspx页面中可以使用服务端控件,简化开放. 但浏览器只认html, 因此在包含服务端控件的页面被请求时,页面中的服务器端控件会组装成对应的HTML控件代码字符串,比如 TextBox : <input type="text" />
         !asp.net:ASHX(一般处理程序) (在服务器上运行最快的) ,WebForm,WVC3 (Model, View, Controler)
         !服务器控件不是新的控件,在浏览器端仍然是生成html标签,服务端控件虽然好用,但是也有缺点,并不是什么地方用服务器端控件都好,具体后面讲.
    3.aspx.net里的常用文件(重点)
    文件扩展名 说明
    .ashx 一般处理程序,asp.net核心程序,但一般使用.aspx
    !一般情况下,凡是不需要返回发亮复杂的HTML代码的时候,可以使用它.
    .aspx 常用程序WebForm,用于创建网页和对网页进行编程的核心文件类型(前台文件),和.aspx.cs文件配套使用
    !需要返回大量HTML代码
    .aspx.cs 常用程序,用于编写大量的C#页面代码,和.aspx配套使用
    .ascx 指明一个asp.net用户定义控件
    .asax 包含asp.net应用程序级事件的事件语法
    .config 配置文件,用于设置网站应用程序的各种属性
    .asmx 供宿主Web服务在本地或远程使用

    第一个小例子: 动态登录程序
         public void ProcessRequest (HttpContext context) {
            string modelPath = context.Server.MapPath("LoginModel.htm");
            string htmlSendBack = System.IO.File .ReadAllText(modelPath);
            context.Response.ContentType = "text/plain";
            context.Response.Write(htmlSendBack);
            if (!string .IsNullOrEmpty(context.Request.Form[ "txtName"]))
            {
                if (context.Request.Form["txtName" ] == "zhu" &&
                    context.Request.Form[ "txtPassword"] == "123" )
                {
                    context.Response.Write( "登录成功!" );
                }
                else
                    context.Response.Write( "登录失败!" );
            }
        }



    4.一般处理程序(HttpHandler)
         一.一般处理程序(HttpHandler):
              是一个实现System.Web.IHttpHandler特殊接口的类.
              任何一个实现了IHttpHandler接口的类都能作为一个外部请求的目标程序: (凡是没有实现此接口的类,都不会被浏览器请求)
         二.它由支持asp.net的服务器调用和启动运行.一个HttpHandler程序负责处理它对应的一个或一组URL地址的访问请求,并接受客户端发出的访问信息和产生相应内容.
         三.咱可以通过创建一个我们自己的HttpHandler程序来生成浏览器代码返回客户端浏览器
         四.HttpHandler程序可以完成普通类程序能完成的大多数任务:
              1.湖区客户端通过HTML的Form表单提交的数据和URL参数
              2.创建对客户端的响应信息内容
              3.访问服务端的文件系统
              4.连接数据库并开发基于数据库的应用
              5.调用其他类

    5.请求相应的过程
    1. 用户在浏览器地址栏输入:http://localhost:80777/FirstShower.ashx
    2. 服务器接收到用户的请求,发现是请求.ashx文件,便将请求交给framework执行,fw找到对应的文件first.ashx,执行后将生成的字符串(通常是html+css+javascript格式)返回浏览器
    3. 浏览器接收到服务器返回的数据,并按照http语法解释执行,以界面的方式展示给用户看到.(此时如果html等代码中包含外部文件,则再次发送单独请求服务器相应文件数据)
    6.HTTP请求详解图


    7.ashx? -HttpHandler(一般处理程序)


         IHttpHandler  hander = new 页面类();
         hander.ProcessRequest(); //调用的页面类中的方法,这是接口的优点
        
         ContentType  标记放回对象在网页中的解释语言    text/html使用html语言翻译
                             就是设置服务器发出的响应报文的ContentType属性,浏览器根据此属性内容,使用不同的方法处理[响应报文]
         
    8.编译过程

    1. 每一个请求都会要创建 一个HttpWorkerRequest和HttpApplication
    2. HttpWorkerRequest 里面 放的是 每一个请求报文里的数据
    3. HttpApplication对象里面放的是  每一个请求要执行的代码
    4. 为每个请求创建单独的HttpApplication对象, 那么针对此次请求的所有运行过程都在此对象中完成
         Factory的理解:: HttpApplication池,每次HttpApplicationFectory都会在这个池里找有没有空闲的HttpApplication对象,如果有,就直接拿出来用,没有就创建新的使用.
         服务器做的事情:  接受浏览器请求, 创建页面类的对象, 实现接口, 调用里面的方法, 返回相应的东东
         HttpRuntime里面,由此类,处理所有的请求,它的工作
    1. 分析请求报文,并将报文数据封装入一个叫做HttpWorkerRequest类对象
    2. 创建HttpContext对象, 次对象是当前请求的上下文环境,里面包含处理请求的所有参数数据,其中最重要的就是HttpRequest和HttpResponse两个类(方便取值)
    3. HttpRequest主要包含了所有的请求信息,这些信息来源于HttpWorkRequest对象,对象包含属性:Form(客户连接数据)QueryString(客户端url参数)
    4. HttpResponse主要包含了一个FileStream对象, 用来保存页面类执行过程中要输出给浏览器的数据
    5. 通过调用HttpApplicationFectory的类的一个静态方法来创建HttpApplication类对象中对应属性
    6. 因为在HttpApplication里要运行被请求的页面类对象里的ProcessRequest方法,所以,需要将HttpContext对象传入到HttpApplication中来          ( IHttpHandler hander = 通过反射方式创建被请求的页面类对象    )?
         执行HttpApplication的ProcessRequest方法 ( 可以将此方法的执行过程看成一个管道 ) 此方法中, 要先后按照顺序执行19个委托事件
    • 在其中第8个事件时,创建 被请求的页面类的对象
    • 在11个和12个中间,执行了 被创建的页面类的ProcessRequest方法


    9.服务器怎么接受和发送数据?
         HTTP Request Response
         
    系统对象 ASP.NET
    Page 指向页面自身的方式.作用于为页面执行期
    Request 读取客户端在Web请求期间发送的值(http请求报文数据)
    Response 封装了页面执行期返回到HTTP客户端的输出(http响应报文数据)
    Application 作用于整个程序运行期的状态对象
    Session 会话期状态保持对象,用于跟踪单一用户的会话
    Cookie 客户端保持会话信息的一种方式
    Server 提供对服务器上的方法和属性的访问

     
    9.1 Request(HttpRequest) & Response(HttpResponse)
         一, 浏览器提交数据方式
             1 表单 (数据藏在请求报文体中, 格式txtname=jamws&txtpwd=123)
              <form action="login.ashx" method="post">
                   <input type="text" name="txtname"/>
                   <input type="password" name="txtpwd"/>
              </form>
             2地址栏URL参数(和表单的Get方式一样):键值对 浏览器请求属性 http://127.0.0.1/login.ashx?txtname 1=jordan&txtpwd 1=123
          二,服务器如何获取浏览器提交的数据?
              1获取表单数据 context.Request.Form["txtname"] 
                 2获取URL参数: context.Request.QueryString["txtname1"]
           三,服务器如何向浏览器输出参数
                   context.Response.Write("我是从服务器输出到浏览器的数据!");

         当用户在浏览器点击提交按钮时,浏览器自动帮我们将表单中带name的控件的值以赋值对字符串的方式,作为[http请求报文体]提交到服务器.
         
         Request本身也可以看做一个客户端提交过来的所有参数 
         Request.Form 包含的只有客户端通过post方式提交过来的数据
         Reuqest.QueryString 包含的只有客户端通过get方式提交过来的数据
      get : 获得,拿去--当浏览器发送请求报文是为了从服务器获得数据的时候,就用get
      post : 传递,有地,发送过去. --当浏览器发送请求报文传递参数过去,就用post

    public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/html";
            System.Text. StringBuilder sbHTML = new System.Text.StringBuilder();
            sbHTML.Append( "<html><head><title>登录页面</title></head><body><form action='03Login.ashx' method='post'>");
            sbHTML.Append( "用户名:<input type='text' name='txtname' /> <br />" );
            sbHTML.Append( "密码:<input type='password' name='txtpwd' /> <br/>" );
            sbHTML.Append( "<input type='submit' value='登录'/><a href='04Reg.ashx?a=222'>注册</a> <br/>");
            sbHTML.Append( "</form></body></html>" );
            context.Response.Write(sbHTML.ToString());
            //获得浏览器表单post方式传递来的值
            string strUserName = context.Request.Form["txtname"];
            if (!string .IsNullOrEmpty(strUserName))
            {
                context.Response.Write( "Form中的值:" + strUserName);
            }
            //获得浏览器表单get方式传递来的值
            string strUserNameGet = context.Request.QueryString["txtname"];
            if (!string .IsNullOrEmpty(strUserNameGet))
            {
                context.Response.Write( "Url中得到的值:" + strUserNameGet);
            }
        }

    9.2 Request(HttpRequest) 重要成员
         
      QueryString属性 获取通过Get方式传来的数据
    浏览器: 超链接, 和表单method=get
    Request Form属性 获取通过Post方式传来的数据  浏览器method=post
      Params属性 客户端提交的数据集合

      Write方法 直接在页面上输出内容
    Response Redirect方法 重定向 向浏览器发送状态码302(命令浏览器重定向) 
    并且通过: Location: ..../05Redirect.ashx  
    告诉浏览器重定向的地址
    浏览器,根据重定向地址进行访问
      End方法 结束输出
    重定向原理图如下:

    ------------------模拟wubForm的用户控件数据保持------------------
         public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/html";
            string strNum1 = context.Request.Form["txtNum1" ];
            string strNum2 = context.Request.Form["txtNum2" ];
            //判断是否格式正确
            string result = "0" ;
            int num1 = 0, num2 = 0;
            if (!string .IsNullOrEmpty(strNum1) && ! string.IsNullOrEmpty(strNum2))
            {
               
                if (int .TryParse(strNum1, out num1) && int.TryParse(strNum2, out num2))
                {
                    result = (num1+num2).ToString();
                }
                else
                {
                    result = "输入格式错误" ;
                }
            }
            System.Text. StringBuilder sbHTML = new System.Text.StringBuilder();
            sbHTML.Append( "<!DOCTYPE><html><head><title>计算器</title></head><body><form action='06Calculate.ashx' method='post'>");
            sbHTML.Append( "<input type='text' name='txtNum1' value='" +
                num1.ToString() + "' /> + <input type='text'name='txtNum2' value='" +
                num2.ToString() + "'/> = <input type='text' readonly='readonly' value='" +
                result.ToString() + "' <br/>");
            sbHTML.Append( "<input type='submit' value='计算'/><br />" );
            sbHTML.Append( "</form></body></html>" );
           
            context.Response.Write(sbHTML.ToString());
        }

    ------------------模拟WebForm回传检查机制------------------
     
       public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/html";
            string strNum1 = context.Request.Form["txtNum1" ];
            string strNum2 = context.Request.Form["txtNum2" ];
            //判断是否格式正确
            string result = "0" ;
            int num1 = 0, num2 = 0;
            //如果包含隐藏域的话, 才执行相加操作
            if (!string .IsNullOrEmpty(context.Request.Form[ "hidIsPostBack"]))
            {
                if (!string .IsNullOrEmpty(strNum1) && ! string.IsNullOrEmpty(strNum2))
                {
                    if (int .TryParse(strNum1, out num1) && int.TryParse(strNum2, out num2))
                    {
                        result = (num1 + num2).ToString();
                    }
                    else
                    {
                        result = "输入格式错误" ;
                    }
                }
            }
            System.Text. StringBuilder sbHTML = new System.Text.StringBuilder();
            sbHTML.Append( "<!DOCTYPE><html><head><title>计算器</title></head><body><form action='06Calculate.ashx' method='post'>");
            sbHTML.Append( "<input type='text' name='txtNum1' value='" +
                num1.ToString() + "' /> + <input type='text'name='txtNum2' value='" +
                num2.ToString() + "'/> = <input type='text' readonly='readonly' value='" +
                result.ToString() + "' <br/>");
            sbHTML.Append( "<input type='submit' value='计算'/><br />" );
            sbHTML.Append( "<input type='hidden' name='hidIsPostBack' value='1' /></form></body></html>" );
           
            context.Response.Write(sbHTML.ToString());
        }

    ----------------------------基于面向对象的计算器----------------------------
    //---------------------------------类定义--------------------------------------------
    /// <summary>
    ///一个计算器类
    /// </summary>
    public class Class1
    {
        //第一个操作数
        public int num1 { get; set; }
        //第二个操作数
        public int num2 { get; set; }
        //操作符
        public string calculateChar{ get; set; }
        //结果
        public string result { get; set; }
        public Class1()
        {
        }
        /// <summary>
        /// 计算结果
        /// </summary>
        /// <param name="a"> 第一个操作数 </param>
        /// <param name="b"> 第二个操作数 </param>
        /// <param name="oper"> 操作符</param>
                     public void GetResult(int a, int b, string oper)
                    {
            this.num1 = a;
            this.num2 = b;
            this.calculateChar = oper;
            switch (this .calculateChar)
            {
                case "+" :
                    result = (num1 + num2).ToString();
                    break;
                case "-" :
                    result = (num1 - num2).ToString();
                    break;
                case "*" :
                    result = (num1 * num2).ToString();
                    break;
                case "/" :
                    result = (num1 / num2).ToString();
                    break;
            }
                    }
    }
    

    //------------------------------------------------------页面类----------------------------------------------------------
    public class _07CalculateFour : IHttpHandler {
       
        public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/html";
            //实例化一个计算器对象
            Class1 calcu = new Class1();
            string strNum1 = context.Request.Form["txtNum1" ];
            string strNum2 = context.Request.Form["txtNum2" ];
            string strOper = context.Request.Form["optionOper" ];
            int num1 = 0;
            int num2 = 0;
            if (!string .IsNullOrEmpty(context.Request.Form[ "hidIsPostBack"]))
            { //模拟回访
                if (!string .IsNullOrEmpty(strNum1) && ! string.IsNullOrEmpty(strNum2))
                { //判断为空
                    if (int .TryParse(strNum1, out num1) && int.TryParse(strNum2, out num2))
                    { //判断格式
                        calcu.GetResult(num1, num2, strOper);
                    }
                    else
                    {
                        calcu.result = "参数格式不正确" ;
                    }
                }
            }
            System.Text. StringBuilder sbHTML = new System.Text.StringBuilder();
            sbHTML.Append( "<!DOCTYPE ><html><head></head><body><form action='07CalculateFour.ashx' method='post'>");
            sbHTML.Append( "<input type='text' name='txtNum1' value='" +calcu.num1.ToString()+"'/>");
            sbHTML.Append( "<select name='optionOper'><option value='"+calcu.calculateChar+ "'>"+calcu.calculateChar+"</option><option value='+'>+</option><option value='-'>-</option><option value='*'>*</option><option value='/'>/</option></select>" );
            sbHTML.Append( "<input type='text' name='txtNum2' value='" +calcu.num2.ToString()+"'/> = ");
            sbHTML.Append( "<input type='text' readonly='readonly' name='txtResult' value='" +calcu.result+"'/>");
            sbHTML.Append( "<input type='submit' value='计算'/>" );
            sbHTML.Append( "<input type='hidden' name='hidIsPostBack' value='1'/></form></body></html>" );
            context.Response.Write(sbHTML.ToString());
        }
    


    10.注意,关于提交表单的内容
    • 只能为input, textarea, select三种类型的标签, 只有input(文本框/CheckBox等)用户才可以填写值,<label>,<p>,<font>等标签仅提供显示用,没有提交到服务器的必要.
    • 只有value属性的值才会提交给服务器, 以input标签为例, input标签有title,type,disabled等属性,但这些属性都是供显示用的,用户不能修改,只有value属性才是用户输入的属性,因此只有value属性的值才会被提交到服务器
    • 标签必须设置name属性. 学习Dom的时候我们知道,如果通过Javascript操作标签,必须为标签设定id属性. 如果要将标签的value属性提交到服务器,则必须为标签设定name属性,提交到服务器会以"name=value"的键值对方式提交给服务器,用&隔开,除了单选按钮等少数标签,那么可以重复,其他name都不能重复. name是给服务器用的,id是给dom用的,对于RadioButton,同name的为一组,选中的radiobutton的value被提交到服务器.
    • 如果设置了控件的disabled属性的话,浏览器不会把数据交给服务器
    • 放到form标签内,只有放到form标签才可能会被提交到服务器,form之外的input等标签被忽略.
    11.使用模版来清晰代码,利用虚拟模版网页
    • 使用隐藏字段, 模拟IsPostBack, <input type="hidden" name="hidIsPostBack" value="true" />
    • 在模版网页中,涉及到修改值得时候, 可以使用占位符, 之后, 直接替换就可以了, 使用{name}的形式即可
     
    public class _08Cal : IHttpHandler {
        
        public void ProcessRequest (HttpContext context) {
            context.Response.ContentType = "text/html";
            //--------------------读取html内容模版----------------------
            //根据虚拟路径获得物理路径
            string path = context.Server.MapPath("CalculateModel.htm"); //这里仔细记住
            string strHTML = System.IO.File.ReadAllText(path); //这里也要好好记住
            //------------------获得浏览器提交的内容---------------------------
            string strNum1 = context.Request.Form["txtNum1"];
            string strNum2 = context.Request.Form["txtNum2"];
            int num1 = 0;
            int num2 = 0;
            string result = "";
            if (!string.IsNullOrEmpty(context.Request.Form["hidIsPostBack"]))
            {
                if (!string.IsNullOrEmpty(strNum1) && !string.IsNullOrEmpty(strNum2))
                {
    
                    if (int.TryParse(strNum1, out num1) && int.TryParse(strNum2, out num2))
                    {
                        result = (num1 + num2).ToString();
                    }
                    else
                    {
                        result = "输入格式错误";
                    }
                }
            }
            //-------------------------输出html到浏览器------------------------
            //字符串替换,进行赋值
            strHTML = strHTML.Replace("{num1}", num1.ToString()).Replace("{num2}", num2.ToString()).Replace("{result}", result.ToString());
            context.Response.Write(strHTML);
        }
     
        public bool IsReusable {
            get {
                return false;
            }
        }
    
    }


     
    //---------------------------------模版网页显示---------------------------------------
    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    < html>
    < head>
        < title> 计算器 </title >
    </ head>
    < body>
        < form action ='06Calculate.ashx' method ='post'>
        < input type ='text' name ='txtNum1' value ='{num1}' /> +  
        < input type ='text' name ='txtNum2' value ='{num2}' /> =
        < input type ='text' readonly ='readonly' value ='{result}' />< br />
        < input type ='submit' value ='计算' />
        < input type ='hidden' name ='hidIsPostBack' value ='1' />
        </ form>
    </ body>
    </ html>


      
    12.表单的提交方式Get与Post
         get传递的数据量是有限的, post发送的数据量没有限制 
         post会产生刷新重新提交表单的问题, get就没有这样的问题,  可以通过地址栏重敲解决该问题
         Get方式URL数据格式,  ? 后面  & 分割,  URL中有汉字会进行URL编码
         表单域只有设定了name的才会传参, get看得清楚, submit如果有value, 也会传递
         
    13.数据自增
    • http是无状态的, 浏览器每次请求服务器的页面类时,服务器都会创建一个该类的对象,并调用里面的方法执行,最后返回输出结果给浏览器,然后对象销毁断开连接
    • 浏览器和服务器都是不认识对方的
    Connection: Keep-Alive  告诉服务器浏览器希望使用的长连接   短连接是相当于一次性连接
    短连接的缺点: 尽管客户只想访问一个页面,html但依然向浏览器发送了多次新的连接请求,建立了多次新的连接,消耗了双方的时间的资源
    http短连接: 服务器在每次响应完浏览器的一个请求后立马关闭当前连接(socket).
    长连接:  服务器不会立刻在发送完数据后关闭连接通道(套接字),而是会等一段时间(2秒),两秒之内,如果相同浏                             览器再次发送请求过来,那么继续使用此连接通道向浏览器输出数据,然后再登一段时间,直到2秒后,没有新的请求过来,那么服务器关闭连接通道




    反编译工具不停去找,去理解原理,运行机制  ---  牛人

    一般处理程序_简单请求, 关于ContentType, 获得url参数(http参数get/post传递本质). (请求过程原理; 总体请求过程原理,页面编译过程), 请求数据和接受数据以及定向原理, 模拟WebForm回传检查机制, 模拟wubForm的用户控件数据保持, 自增(解决http的无状态), 登录过程

    接下去的学习:
    加法计算器, 增删查改, 搭建三层构架, 列表和删除, 删除信息功能, 新增

    上传单个文件, 生成缩略图, 一般处理程序输出图片(简单验证码图片), 输出水印图片, 附近下载, 复习总结














  • 相关阅读:
    操作元素
    CSS3 制作网格动画效果
    网页边栏过渡动画
    超炫的 CSS3 页面切换动画效果
    多种鼠标悬停效果
    各种 SVG 制作单选和多选框动画
    全屏遮罩层效果(10种)
    FancyBox – 经典 Lightbox 效果插件
    CSS3 & SVG 制作钟表
    20种新颖的按钮风格和效果【附源码】
  • 原文地址:https://www.cnblogs.com/zhujinghui/p/3369223.html
Copyright © 2020-2023  润新知