(一)創建項目登錄頁
(二)實現數據顯示頁
(三)添加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("刪除失敗");
}
%>