Asp_CRUD

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>

浏览器自己解析得到下面内容展示

Asp_CRUD

<a href = 'CRUD_delete.ashx?id= @Id'>删除 

点击删除按钮,由HTML 代码可以看出 ,  删除按钮这个超链接跳转到了CRUD_delete.ashx 这个文件中。后面的id 是遍历得到。

浏览器在一次像服务器IIS 请求。CRUD_delete.ashx?id=@id.

服务器在拿到这个请求后。开始执行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 =@id",new SqlParameter("@id",id));
context.Response.Redirect("CRUD_main.ashx");
}

从代码看出这个是对数据库进行删除操作的。 删除完之后会重新定向会CRUD_main.ashx。进行一次新的查询。

由浏览器的F12 追踪一下可以看到。

Asp_CRUD

当点击添加的时候,根据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>
 

浏览器解析后得到。下面这个页面。

Asp_CRUD

为了方便查看,post 改为get

Asp_CRUD

由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 Age=@age,UserName=@name ,password=@password where id =@id",
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语句。  然后重新定向回主页面

上一篇:Stay Hungry


下一篇:HTML5 绘制简单圆形 loading. . . .