一般处理程序+htm C#l简单的增删查改
首先引用两个文件一个dll：
数据库表已创建
首先编写数据读取部分
/// <summary>
/// 查询
/// </summary>
/// <param name="username"></param>
/// <returns></returns>
private DataTable GetDataTable(string username) {
sql = @"select *from Fct_User where [UserName] like'%" + username + "%' order by UserName";
return db.ExecuteQuery(sql);
}
/// <summary>
/// 新增
/// </summary>
/// <param name="username"></param>
/// <param name="pwd"></param>
/// <param name="note"></param>
/// <returns></returns>
private string AddData(string username,string pwd,string note, out int num) {
string userid = Guid.NewGuid().ToString();
sql = @"insert into[Fct_User]([UserID],[UserName],[PassWord],[Note])values('" + userid + "','" + username + "','" + pwd + "','" + note + "')";
num= db.ExecuteNonQuery(sql);
return userid;
}
/// <summary>
/// 修改
/// </summary>
/// <param name="userid"></param>
/// <param name="username"></param>
/// <param name="pwd"></param>
/// <param name="note"></param>
/// <returns></returns>
private int UpData(string userid, string username, string pwd, string note) {
sql = @"update Fct_User set[UserName]='" + username + "' ,[PassWord]='" + pwd + "' ,[Note]='" + note + "' where UserID='" + userid + "' ";
return db.ExecuteNonQuery(sql);
}
/// <summary>
/// 删除
/// </summary>
/// <param name="userid"></param>
/// <returns></returns>
private int DeleteData(string userid) {
sql = @"delete Fct_User where UserID='" + userid + "'";
return db.ExecuteNonQuery(sql);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
其次编写调用：
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using DALBase; namespace MyTest
{
/// <summary>
/// IndexHandler 的摘要说明
/// </summary>
public class IndexHandler : IHttpHandler
{
protected DBAccess db=DBConnection.CreateDB(1);
public string sql = "";
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
try
{
string userid = "", username = "", pwd = "", note = "", json="";
if (context.Request.Form["userid"] != null) userid = context.Request.Form["userid"].ToString();
if(context.Request.Form["UserName"]!=null) username=context.Request.Form["UserName"].ToString();
if (context.Request.Form["pwd"] != null) pwd = context.Request.Form["pwd"].ToString();
if (context.Request.Form["note"] != null) note = context.Request.Form["note"].ToString();
string method = context.Request.Params["Type"].ToString();
switch (method)
{
case "GetDataTable":
json = "[]";
DataTable dt = GetDataTable(username);
json = DataTableToJson.ToJson(dt);
break;
case "AddData":
int num=0;
userid = AddData(username, pwd, note,out num).ToString();
json = "{\"num\":\"" + num + "\",\"userid\":\"" + userid + "\"}";
break;
case "UpData":
json = UpData(userid, username, pwd, note).ToString();
break;
case "DeleteData":
json = DeleteData(userid).ToString();
break;
default:
break;
}
context.Response.Write(json);
}
catch (Exception e)
{
context.Response.Write(e.ToString());
} //context.Response.Write("Hello World");
}
然后创建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>
<script src="js/jquery-1.10.2.js"></script>
</head>
<body>
<table style="border-right: silver 1px; border-top: silver 1px; border-left: silver 1px;
border-bottom: silver 1px; border-collapse: collapse; background-color: white"
bordercolor="silver" cellspacing="" cellpadding="" rules="all" width="1000px"
border="">
<tr>
<td style="width:100px;">
用户名
</td>
<td>
<input type="text" id="userName" />
</td>
</tr>
<tr>
<td colspan="" align="center">
<input type="button" id="Query" value="查询" onclick="QueryData()" />
<input type="button" id="Add" value="新增" onclick="AddData()" />
</td>
</tr>
</table>
<table style="border-right: silver 1px; border-top: silver 1px; border-left: silver 1px;
border-bottom: silver 1px; border-collapse: collapse; background-color: white"
bordercolor="silver" cellspacing="" cellpadding="" rules="all" width="1000px"
border="">
<tr>
<th style="width: 100px;">
操作
</th>
<th>
用户名
</th>
<th>
密码
</th>
<th>
备注
</th>
</tr>
<tbody id="UserData"></tbody>
</table>
</body>
</html>
最后写JavaScript
<script type="text/javascript">
function QueryData() {
$("#UserData").html('');
$.ajax({
type: "POST",
dataType: "JSON",
//cache: false,
//naync: false,
url: "IndexHandler.ashx?Type=GetDataTable",
data: { "UserName": $("#userName").val() },
success: function (data) {
$.each(data, function (index, item) {
var html = '<tr><td><input type="button" data-code="' + item.UserID + '" value="更新" onclick="UpdateData(this)" />';
html += '<input type="button" data-code="' + item.UserID + '" value="删除" onclick="DeleteData(this)" /></td>';
html += '<td>' + item.UserName + '</td>';
html += '<td>' + item.PassWord + '</td>';
html += '<td>' + item.Note + '</td></tr>';
$("#UserData").append(html);
})
}
});
}
function AddData() {
var newRow = '<tr><td><input type="button" value="保存" onclick="SaveAddData(this)" /></td>';
newRow += '<td><input type="text" id="txtusername" /></td><td><input type="text" id="txtpwd" /></td><td><input type="text" id="txtnote" /></td>'
if ($("#UserData").html() != "") {
$("#UserData tr").eq(0).0(newRow);
}
else { $("#UserData").append(newRow) }
} function SaveAddData(e) {
var username = $(e).parent().parent().find("td").find("#txtusername").val();
var pwd = $(e).parent().parent().find("td").find("#txtpwd").val();
var note = $(e).parent().parent().find("td").find("#txtnote").val(); $.ajax({
type: "POST",
dataType: "JSON",
//cache: false,
//naync: false,
url: "IndexHandler.ashx?Type=AddData",
data: { "UserName": username, "pwd": pwd, "note": note },
success: function (data) {
debugger;
if (parseInt($.trim(data.num)) > 0) {
alert("添加成功！");
userid = data.userid;
username = $(e).parent().parent().find("td").find("#txtusername").val();
pwd = $(e).parent().parent().find("td").find("#txtpwd").val();
note = $(e).parent().parent().find("td").find("#txtnote").val();
var upRow = '<td><input type="button" data-code="' + userid + '" value="更新" onclick="UpdateData(this)" />';
upRow += '<input type="button" data-code="' + userid + '" value=" 删除" onclick="DeleteData(this)" /></td>';
upRow += '<td>' + username + '</td><td>' + pwd + '</td><td>' + note + '</td>'
$(e).parent().parent().html(upRow);
} else { alert("添加失败！"); }
}
});
} function UpdateData(e) {
var userid = $(e).data("code");
var username = $(e).parent().parent().find("td").eq(1).html();
var pwd = $(e).parent().parent().find("td").eq(2).html();
var note = $(e).parent().parent().find("td").eq(3).html();
var upRow = '<td><input type="button" data-code="' + userid + '" value="取消" onclick="ResUpdateData(this)" />';
upRow += '<input type="button" data-code="' + userid + '" value=" 保存" onclick="SaveUpdateData(this)" /></td>';
upRow += '<td><input type="text" id="txtusername" value="' + username + '" /></td><td><input type="text" value="' + pwd + '" id="txtpwd" /></td><td><input value="' + note + '" type="text" id="txtnote" /></td>'
$(e).parent().parent().html(upRow);
}
function SaveUpdateData(e) {
debugger;
var userid = $(e).data("code");
var username = $(e).parent().parent().find("td").find("#txtusername").val();
var pwd = $(e).parent().parent().find("td").find("#txtpwd").val();
var note = $(e).parent().parent().find("td").find("#txtnote").val();
$.ajax({
type: "POST",
dataType: "JSON",
//cache: false,
//naync: false,
url: "IndexHandler.ashx?Type=UpData",
data: { "userid": userid, "UserName": username, "pwd": pwd, "note": note },
success: function (num) {
if (parseInt($.trim(num)) > 0) {
alert("修改成功！");
userid = $(e).data("code");
username = $(e).parent().parent().find("td").find("#txtusername").val();
pwd = $(e).parent().parent().find("td").find("#txtpwd").val();
note = $(e).parent().parent().find("td").find("#txtnote").val();
upRow = '<td><input type="button" data-code="' + userid + '" value="更新" onclick="UpdateData(this)" />';
upRow += '<input type="button" data-code="' + userid + '" value=" 删除" onclick="DeleteData(this)" /></td>';
upRow += '<td>' + username + '</td><td>' + pwd + '</td><td>' + note + '</td>'
$(e).parent().parent().html(upRow);
} else { alert("修改失败！"); }
}
});
}
function ResUpdateData(e) {
var userid = $(e).data("code");
var username = $(e).parent().parent().find("td").find("#txtusername").val();
var pwd = $(e).parent().parent().find("td").find("#txtpwd").val();
var note = $(e).parent().parent().find("td").find("#txtnote").val();
var upRow = '<td><input type="button" data-code="' + userid + '" value="更新" onclick="UpdateData(this)" />';
upRow += '<input type="button" data-code="' + userid + '" value=" 删除" onclick="DeleteData(this)" /></td>';
upRow += '<td>' + username + '</td><td>' + pwd + '</td><td>' + note + '</td>'
$(e).parent().parent().html(upRow);
} function DeleteData(e) {
var userid = $(e).data("code"); $.ajax({
type: "POST",
dataType: "JSON",
//cache: false,
//naync: false,
url: "IndexHandler.ashx?Type=DeleteData",
data: { "userid": userid},
success: function (num) {
if (parseInt($.trim(num)) > 0) {
alert("删除成功！");
$(e).parent().parent().html('');
} else { alert("删除失败！"); }
}
});
}
</script>
效果图
通过练习此项目可以对ajax的运用更加熟练
jQuery ：遍历JSON数据 $.each(data,function(index,item){});
获取指定行td的值：$(this).parent().Parent().find(td).eq(1).html();
添加table行：$("#UserData tr").eq(0).beford(newrow);
JQuery函数：$.trim(' ad')
一般处理程序+htm C#l简单的增删查改的更多相关文章
- nodejs连接mysql并进行简单的增删查改
最近在入门nodejs,正好学习到了如何使用nodejs进行数据库的连接,觉得比较重要,便写一下随笔,简单地记录一下 使用在安装好node之后,我们可以使用npm命令,在项目的根目录,安装nodejs ...
- Java连接MySQL数据库及简单的增删查改操作
主要摘自 https://www.cnblogs.com/town123/p/8336244.html https://www.runoob.com/java/java-mysql-connect.h ...
- mybatis实现简单的增删查改
接触一个新技术,首先去了解它的一些基本概念,这项技术用在什么方面的.这样学习起来,方向性也会更强一些.我对于mybatis的理解是,它是一个封装了JDBC的java框架.所能实现的功能是对数据库进行增 ...
- EF简单的增删查改
Add /// <summary> /// /// </summary> public void Add() { TestDBEntities2 testdb = new Te ...
- RavenDb学习（二）简单的增删查改
在上一节当中已经介绍了RavenDb的文档设计模式,这一节我们要具体讲一讲如何使用api去访问RavenDb .连接RavenDb var documentStore = new DocumentSt ...
- Hibernate 的事物简单的增删查改
Hibernate 是一个优秀的ORM框架体现在: 1. 面向对象设计的软件内部运行过程可以理解成就是在不断创建各种新对象.建立对象之间的关系,调用对象的方法来改变各个对象的状态和对象消亡的过程,不管 ...
- asp.net MVC最简单的增删查改！（详）
折腾了两天搞出来,但原理性的东西还不是很懂,废话不多说上图上代码 然后右键models,新建一个数据模型 注意我添加命名为lianxi 添加后如上 接下来在controllers添加控制器还有在Vie ...
- django与mysql实现简单的增删查改
模型定义 from django.db import models class Grades(models.Model): g_name = models.CharField(max_length=2 ...
- 在Eclipse上实现简单的JDBC增删查改操作
在Javaweb的学习里,学到了如何完成简单的增删查改操作,在这里撰写一篇文章以便自己整理回忆. 首先要建立一些包和导入一些文件.建一些类.具体框架如图 编写Product类 public clas ...
随机推荐
- 【HDOJ 1085】数学问题，母函数
Holding Bin-Laden Captive! Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Ja ...
- Devexpress 中对RedailMenu的使用
最近项目中用到RadialMenu,效果图如下所示: 闲下来就对,devexpress中的RedialMenu的使用总结一下. 第一:假设RedialMenu中全部是BarButtonItem的情况. ...
- [编织消息框架][消息服务]jmx
JMX(Java Management Extensions,即Java管理扩展)是一个为应用程序.设备.系统等植入管理功能的框架,使用的是RMI技术. 比较经典的应用jdk bin目录下 jcons ...
- 【算法】RMQ LCA 讲课杂记
4月4日,应学弟要求去了次学校给小同学们讲了一堂课,其实讲的挺内容挺杂的,但是目的是引出LCA算法. 现在整理一下当天讲课的主要内容: 开始并没有直接引出LCA问题,而是讲了RMQ(Range Min ...
- jvm的搭建
首先先 说明一下接下来要用到的,环境变量中的path和classpath的区别 1.path路径用来告诉计算机.exe文件的路径,classpath路径是用来告诉计算机.class文件的路径 2.系统 ...
- Websphere(was)与Weblogic部署EJB的注意项
复杂的故事简单说,复杂的问题简单做. EJB容器 简介 本节讲解EJB项目在Weblogic和Was上的部署需要注意设置的一些内容.不同的中间件对EJB支持方式不一样,所以配置的原理也略有差异. 关键 ...
- xmlplus 组件设计系列之六 - 下拉刷新
"下拉刷新"由著名设计师 Loren Brichter 设计,并应用于 Twitter 第三方应用 Tweetie 中.2010年4月,Twitter 收购 Tweetie 开发商 ...
- [ext4]空间管理 - 分配机制
在Ext4系统中,存在很多分配策略,比如预分配.多块分配.延迟分配等 Prealloc预分配 在ext4系统中,对于小文件和大文件的空间申请请求,都有不同的分配策略.对用小文件的空间请求,e ...
- 从性能角度看react组件拆分的重要性
React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能:采用单向数据流机制,父组件通过props将数据传递给子组件,这样让数据流向一目了然.一旦组 ...
- TreeSet对非自然顺序元素的排序
/* 1. 往TreeSet添加元素的时候,如果元素本身具备了自然顺序的特性,那么就按照元素自然顺序的特性进行排序存储. 2. 往TreeSet添加元素的时候,如果元素本身不具备自然顺序的特性,那么该 ...