值得收藏的asp.net基础学习笔记

值得收藏的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里的常用文件(重点)

第一个小例子: 动态登录程序

  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

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方式一样):键值对 浏览器请求属性 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) 重要成员

重定向原理图如下: 

------------------模拟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的无状态), 登录过程 

接下去的学习: 

加法计算器, 增删查改, 搭建三层构架, 列表和删除, 删除信息功能, 新增 

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。