一般处理程序+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 ...
随机推荐
- Flask 学习笔记
Flask 是一个Web应用框架,我也就是一边看书,一边写博文做记录 这本书: 首先安装Flask ,和配置环境,参考这边博客: 然后就开始学习Flask 了. 1.Application and R ...
- 使用EzHttp框架 开发基于HTTP协议的CS轻应用
框架概述 EzHttp是临时起意构思和开发的一个框架,目的在于简化CS轻应用开发过程.开发语言是C#. 普通的基于HTTP的应用开发基本上是RESTful的,客户端调用封装需要人工写代码,就算利用三方 ...
- 【原创】bootstrap框架的学习 第五课
一.Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式. <!DOCTYPE html> <html> <head> <title&g ...
- EverythingAboutJava
1 GC gabage collection 垃圾回收Java GC系列(1):Java垃圾回收简介 http://mp.weixin.qq.com/s?src=3×tamp=149 ...
- ajax获取数据后怎么去渲染到页面？
$.ajax({ url:"apiAttachmentAction_uploadAttachment.action", type:"post", data:fo ...
- 《Thinking in Java》 And 《Effective Java》啃起来
前言 今天从京东入手了两本书,<Thinking in Java>(第四版) 和 <Effective Java>(第二版).都可以称得上是硬书,需要慢慢啃的,预定计划是在今年 ...
- Apache网站服务源码安装与站点部署
简介: 在Internet 网络环境中,Web服务无疑是最为主流的应用系统,有了WEB站点,企业可以充分展示自己的产品,公司,宣传自己的企业形象,提供各种网上交流,业务平台等. Apache起源:源于 ...
- sublime Text 3常用Html/Css基础插件安装
前言 sublime以其简洁明了的外观,干脆利落的编辑方式,再加上丰富的功能插件,深受广大开发者的喜爱.今天,我就来介绍几款基于Html/Css开发的sublime插件. 1.Package Cont ...
- ionic创建项目遇到的各种问题
前提:执行创建语句的前提是ionic环境已经装好,开始执行ionic start myApp blank. 提示已经有同名项目,是否覆盖.这里创建的是一个blank(空) 的ionic项目.还要两种是 ...
- JDK内置日志系统
1.Java应用中的日志功能 ================= 一般的Java应用程序中都有记录日志的需求,目前主流的记录日志的方法是在应用程序中引入log4j,用log4j来生成日志.其实,JDK ...