一般处理程序+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 ...
随机推荐
- Spring多种加载Bean方式简析
1 定义bean的方式 常见的定义Bean的方式有: 通过xml的方式,例如: <bean id="dictionaryRelMap" class="java.ut ...
- AngularJS入门教程：日期格式化
AngularJS入门教程:日期格式化[转载] 本地化日期格式化: ({{ today | date:'medium' }})Nov 24, 2015 2:19:24 PM ({{ today | d ...
- poj2104 Kth-Number
Description You are working for Macrohard company in data structures department. After failing your ...
- bzoj1834 [ZJOI2010]网络扩容
Description 给定一张有向图,每条边都有一个容量C和一个扩容费用W.这里扩容费用是指将容量扩大1所需的费用.求: 1. 在不扩容的情况下,1到N的最大流: 2. 将1到N的最大流增加K所需的 ...
- 分布式键值存储系统ETCD调研
分布式键值存储系统ETCD调研 简介 etcd是一个开源的分布式键值存储工具--为CoreOS集群提供配置服务.发现服务和协同调度.Etcd运行在集群的每个coreos节点上,可以保证coreos集群 ...
- PHP预定义变量$_SERVER
PHP预定义变量$_SERVER $_SERVER 是一个包含诸如头部(headers).路径(paths)和脚本位置(script locations)的数组.数组的实体由 web 服务器创建,不能 ...
- 关于v-model、v-for、v-on的用法
展示Holle Vue window.onload = function(){ var box = new Vue({ el:'#div', ...
- 设计模式的征途—6.建造者（Builder）模式
建造者模式又称为生成器模式,它是一种较为复杂.使用频率也相对较低的创建型模式.建造者模式为客户端返回的不是一个简单的产品,而是一个由多个部件组成的复杂产品.因为,没有人买车会只买一个方向盘或者轮胎,大 ...
- scala 异常处理机制
有经验的码农都知道,程序开发的差不多的时候,为了提高程序的稳健性,是一定要加上异常处理机制的 在scala中,用try/catch/finally实现该功能,这个在我的博客,数字转汉字小工具中有体现, ...
- Day4 函数、列表生成式、生成器、迭代器
温故而知新: 1. 集合 主要作用: 去重 关系测试, 交集＼差集＼并集＼反向(对称)差集 2. 元组 只读列表,只有count, index 2 个方法 作用:如果一些数据不想被人修改, 可以存成元 ...