(一)创建项目登录页
(二)实现数据显示页
(三)添加datagrid控件
(四)实现添加功能页
(五)实现更新功能页
(六)实现删除功能页
easyui+jsp+jdbc模式: https://gitee.com/night_lack/easyui_jsp_jdbc/tree/dev/
实现删除功能
1、我们要在datagrid表格控件中的工具栏上的”删除“按钮,若用户没有选择要删除的数据行,则会弹出如下图的对话框:
若选择了要删除的数据行则会弹出如下的对话框,于便用户确定是否要删除所选择的数据行。
2、datagrid工具栏上的删除按钮的处理事件代码如下:
{
text : '删除',
iconCls : 'icon-remove',
handler : function() {
var row=$('#dg').datagrid("getSelections");//获取用户选择的数据行
if(row){
if(row.length>=1){//判断用户是否选择了要删除的数据行
var strid="";//用于保存用户选择数据行的
//下面是遍历用户所选择的数据行
$(row).each(function(index,item){
if(strid != ""){
strid+=",";
}
strid+=item["id"];//把用户选择的数据行的id保
});
$.messager.confirm('确认','您确认想要删除记录吗?',function(r){
if (r){
$.ajax({//采用异步通讯方式进请求
type:"post",//采用post方式向后台程序请求
url:"dellogin.jsp",//请求的后台处理程序
data:{//在向后台程序请求的同时,给后台程序传递参数,邓
strid:strid
},
success:function(data){//若请示成功时,则返回data
$('#dg').datagrid("reload");//删除成功后要对datarid的表格中的数据进行更新操作
}
});
}
});
}else{
$.messager.alert("提示","你没有选择数据行,所以不能进行删除操作");
return false;
}
}
}
}
3、后台服务器处理程序代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<%!
private static final String DBDRIVER = "org.gjt.mm.mysql.Driver";// 采用mysql-connector-java-5.1.12-bin.jar作为连接mysql数据库时,使用的数据库驱动类。
// 连接数据库地址,其中localhost是我们在本机上安装的mysql数据库管理系统,stsc是在myssql数据库系统中创建的数据库名,若使用较低版时,使用“jdbc:mysql://localhost:3306/zy”
private static final String DBURL = "jdbc:mysql://localhost:3306/stsc";// 采用mysql-connector-java-5.1.12-bin.jar作为连接mysql数据库时,使用的数据库地址。
// 连接数据库管理员,是mysql数据库的系统管理员root
private static final String DBUSER = "root";
// 连接数据库管理员登录密码,是在安装mysql数据库时,给定的密码
private static final String DBPASS = "admin";
// 创建数据库连接对象conn
private static Connection conn = null;//用于删除login数据表中满足条件的记录
public static boolean delUsers(int id){
boolean flag=false;//用于标志
try{
Class.forName(DBDRIVER);//加驱动程序
conn=DriverManager.getConnection(DBURL, DBUSER, DBPASS);//连接数据库
String sql="delete from login where id=?"; //设置sql命令
PreparedStatement psta=conn.prepareStatement(sql);//创建执行sql命令的对象
psta.setInt(1, id);//为命令中的参数赋值
int i=psta.executeUpdate();//执行sql命令,并把执行结果返回给i
if(i>0){//若i的值大于0则表示执行sql命令成功,否则执行sql命令失败
flag=true;
}
psta.close();//关闭执行sql对象
conn.close();//关闭数据库连接对象
return flag;//返回标志位,执行更新成功返回 true,否则返回false
}catch(Exception e){
return flag;
}
}
%>
<%
int id=Integer.parseInt(request.getParameter("id").toString());
if(delUsers(id)){
out.println("删除成功");
}else{
out.println("删除失败");
}
%>