Asp_CRUD

Asp_CRUD,第1张

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>

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

<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 追踪一下可以看到。


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


 然后重新定向回主页面

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/588964.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存