Asp_增删改查。逻辑流程
启动服务器。 地址为127.0.0.1 端口为随机分配 2607
然后在浏览器中输入http://localhost:2670/CRUD_main.ashx
浏览器像服务器发送这样一组信息
浏览器请求的头文件
GET /CRUD_main.ashx HTTP/1.1
Host: localhost:2670
Connection: keep-alive
Cache-Control: max-age=0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.82 Safari/537.36
Accept-Encoding: gzip, deflate, sdch
Accept-Language: zh-CN,zh;q=0.8
服务器获取到请求 CRUD_main.ashx
服务器端开始执行这段代码。 CRUD_main.ashx.cs
public class CRUD_main : IHttpHandler { public void ProcessRequest(HttpContext context) { DataTable td= SqlHelper.ExcteQuery("select * from T_persons");// StringBuilder sb = new StringBuilder(); foreach(DataRow rows in td.Rows) { sb.Append("<tr><td>").Append(rows["UserName"]).Append("</td><td>").Append(rows["password"]).Append("</td><td>").Append(rows["Age"]).Append("</td><td>").Append("<a href = ‘CRUD_delete.ashx?id= ").Append(rows["id"]).Append("‘>删除").Append("</td><td>").Append("<a href =‘CRUD_addNew.ashx?action=edit&id=").Append(rows["id"]).Append("‘>编辑"); sb.Append("</td></tr>"); } string CRUD_main =Httphelper.virtualPath("~/CRUD_main.html"); string CRUD_main_ = CRUD_main.Replace("@table",sb.ToString()).Replace("@title","主页面").Replace("@SET","T_persons"); context.Response.Write(CRUD_main_);//替换后的结果 }
经过服务器的解析返回给浏览器的头解析的信息。
HTTP/1.1 200 OK
Cache-Control: private
Content-Type: text/html; charset=utf-8
Content-Encoding: gzip
Vary: Accept-Encoding
Server: Microsoft-IIS/8.0
X-AspNet-Version: 4.0.30319
X-SourceFiles: =?UTF-8?B?RDpcQ19zaGFycF9DbGFzc1xXZWJfQXNwXGFzcF/lop7liKDmlLnmn6VcQ1JVRF9tYWluLmFzaHg=?=
X-Powered-By: ASP.NET
Date: Sun, 08 May 2016 15:44:36 GMT
Content-Length: 702
context.Response.Write(CRUD_main_);// 服务器返回给浏览器的这段HTML代码。
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>主页面</title> <style type="text/css"> .table { width:300px; } .table tr td { border-top:#FF0000 solid 4px; width:20%; background-color:ghostwhite; text-align:center; line-height:24px; } </style> </head> <body> <h1>. . T_persons</h1> <a href ="CRUD_addNew.ashx?action=add">添加</a> <table class="table"> <br/> <tbody><th>姓名</th><th>密码</th><th>年龄</th><tr><td>welzek</td><td>loves</td><td>88</td><td><a href = ‘CRUD_delete.ashx?id= 15‘>删除</td><td><a href =‘CRUD_addNew.ashx?action=edit&id=15‘>编辑</td></tr><tr><td>welzek</td><td>loves</td><td>88</td><td><a href = ‘CRUD_delete.ashx?id= 16‘>删除</td><td><a href =‘CRUD_addNew.ashx?action=edit&id=16‘>编辑</td></tr><tr><td>welzek</td><td>loves</td><td>88</td><td><a href = ‘CRUD_delete.ashx?id= 17‘>删除</td><td><a href =‘CRUD_addNew.ashx?action=edit&id=17‘>编辑</td></tr></tbody> </table> </body> </html>
浏览器自己解析得到下面内容展示
<a href = ‘CRUD_delete.ashx?id= @Id‘>删除
点击删除按钮,由HTML 代码可以看出 , 删除按钮这个超链接跳转到了CRUD_delete.ashx 这个文件中。后面的id 是遍历得到。
浏览器在一次像服务器IIS 请求。[email protected]
服务器在拿到这个请求后。开始执行CRUD_delete.ashx.cs这段代码。
public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/html"; int id = Convert.ToInt32( context.Request["id"]); SqlHelper.ExcuteNonQuery("delete from T_persons where id [email protected]",new SqlParameter("@id",id)); context.Response.Redirect("CRUD_main.ashx"); }
从代码看出这个是对数据库进行删除操作的。 删除完之后会重新定向会CRUD_main.ashx。进行一次新的查询。
由浏览器的F12 追踪一下可以看到。
当点击添加的时候,根据HTML代码可以看出是跳转到了
CRUD_addNew.ashx?action=add
并且给传了一个值。action=add/, 服务器拿到这个request(请求) 开始执行以下代码。
public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/html"; // CRUD_addNew.ashx?action=add // CRUD_addNew.ashx?action =edit&id=1 string addNewHtml = Httphelper.virtualPath("~/CRUD_addNew.html"); string action = context.Request["action"]; if (action == "add") { addNewHtml = addNewHtml.Replace("@title","新增").Replace("@action",action).Replace("@name", "").Replace("@password", "").Replace("@Age",""); context.Response.Write(addNewHtml); } else { Httphelper.OutPutErr("Action错误"); } }
服务器根据判断,返回了一个添加页面的HTML代码给浏览器。
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
<title>新增人员</title> | |
</head> | |
<body> | |
< | |
<form action="CURD_Save.ashx" method="get"> | |
<input type="hidden" name ="id" value="@id" /> | |
<input type="hidden" name="action" value="add" /> | |
姓名<input type="text" name="name" value=""/> | |
密码<input type="text" name="password" value=""/> | |
年龄<input type="text" name="Age" value=""/> | |
<input type="submit" value="提交" /> | |
</form> | |
</body> | |
</html> | |
浏览器解析后得到。下面这个页面。
为了方便查看,post 改为get
由form 表单看出 把这些数据提交到了 CURD_Save.ashx这个页面中。CRUD_Save.ashx 代码如下 为看清楚,删除了判断数据合法性的代码。
public class CURD_Save : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/html"; // 判断提交过来的是新增还是修改 string action =context.Request["action"]; string name = context.Request["name"]; string Password = context.Request["password"]; string strAge = context.Request["Age"]; int Age = Convert.ToInt32(strAge); if (action == "add") { SqlHelper.ExcuteNonQuery("INSERT INTO T_persons (UserName,password,age)values(@name,@password,@age)", new SqlParameter("@age", Age), new SqlParameter("@name", name), new SqlParameter("@password", Password)); HttpContext.Current.Response.Redirect("CRUD_main.ashx"); } else if (action == "edit") // 编辑 { int id = Convert.ToInt32(context.Request["id"]); SqlHelper.ExcuteNonQuery(" UPDATE T_Persons Set [email protected],[email protected] ,[email protected] where id [email protected]", new SqlParameter("@age", Age),new SqlParameter("@name",name),new SqlParameter("@password",Password),new SqlParameter("@id",id)); HttpContext.Current.Response.Redirect("CRUD_main.ashx"); } else { Httphelper.OutPutErr("Action错误"); } }
根据action传过来的值,判断是添加还是修改。 执行对应的SQL语句。 然后重新定向回主页面