一般处理程序+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 ...
随机推荐
- css系列：input的placeholder在safari下设置行高失效
在项目中遇到input的placeholder在safari下设置行高失效的问题,问度娘后未得治原因,倒是有解决办法: 方法一:使用padding使提示文字居中,如果font-size:14px,UI ...
- node.js系列（实例）：原生node.js实现接收前台post请求提交数据
前台界面: 前台代码: <form class="form-horizontal" method="post" action="http:127 ...
- iOS 让View始终在屏幕最上层
UIView层次管理 放到最上层 放到最下层 将一个UIView显示在最前面只需要调用其父视图的 bringSubviewToFront()方法. 将一个UIView层推送到背后只需要调用其父视图的 ...
- 浩哥解析MyBatis源码（十二）——binding绑定模块之MapperRegisty
原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6758456.html 1.回顾 之前解析了解析模块parsing,其实所谓的解析模块就是为 ...
- Asp.NET MVC 之心跳/长连接
0x01 在线用户类,我的用户唯一性由ID和类型识别(因为在不同的表里) public class UserIdentity : IEqualityComparer<UserIdentity&g ...
- poj3061尺取法
A sequence of N positive integers (10 < N < 100 000), each of them less than or equal 10000, a ...
- Codeforces Round #410 (Div. 2)C题
C. Mike and gcd problem time limit per test 2 seconds memory limit per test 256 megabytes input stan ...
- static class - 静态类
通常一个普通类不允许声明为静态的,只有一个内部类才可以.这时这个声明为静态的内部类可以直接作为一个普通类来使用,而不需实例一个外部类. 如下代码所示: 1 public class StaticCls ...
- Xmind 体验分享
Xmind 8 体验 初识思维脑图 这两天在学习使用思维脑图(xmind是其中一款软件)ing,在体验了一把思维脑图的使用后,深深感受到了脑洞大开的魔力. 从昨晚开始研究使用,到今天晚上截止,自己试着 ...
- 安卓模拟器tools修改
defaults write com.apple.finder AppleShowAllFiles -bool true 这步是显示隐藏文件夹, 然后打开finder,在应用程序上右键,选择在上层文件 ...