Javaweb07-三層架構(BaseDao)

来源:https://www.cnblogs.com/xiaoqigui/archive/2022/08/15/16564953.html
-Advertisement-
Play Games

1、BaseDao 持久層業務介面實現類的公共父類，定義了jdbc操作資料庫的所有公共方法，方便子類繼承； import java.io.InputStream; import java.sql.Connection; import java.sql.DriverManager; import ja ...


1、BaseDao

持久層業務介面實現類的公共父類，定義了jdbc操作資料庫的所有公共方法，方便子類繼承；

import java.io.InputStream;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.Properties;

/**
 * 持久層業務介面實現類的公共父類，定義了jdbc操作資料庫的所有公共方法，方便子類繼承
 * @author zhukang
 *
 */
public class BaseDao {
	
	// 資料庫操作對象
	protected Connection conn = null;
	protected PreparedStatement pstmt = null;
	protected ResultSet rs = null;
	
	/**
	 * 獲取資料庫連接，返回獲取連接成功還是失敗
	 */
	public boolean getConnection(){
		try {
			// 創建Properties屬性對象
			Properties properties = new Properties();
			
			// 使用反射機制，讀取外部配置文件
			InputStream inputStream = BaseDao.class.getClassLoader().getResourceAsStream("jdbc.properties");
			
			// 載入輸入流對象，獲取配置文件內容
			properties.load(inputStream);
			
			// 讀取資料庫連接信息
			String driverClass = properties.getProperty("driverClass");
			String jdbcUrl = properties.getProperty("jdbcUrl");
			String user = properties.getProperty("user");
			String password = properties.getProperty("password");
			
			// 載入驅動
			Class.forName(driverClass);
			
			// 獲取資料庫連接對象
			conn = DriverManager.getConnection(jdbcUrl, user, password);
		} catch (Exception e) {
			e.printStackTrace();
			// 獲取連接失敗
			return false;
		}
		
		// 獲取連接成功
		return true;
	}
	
	/**
	 * 增刪改的通用方法：只需要提供執行的SQL語句和SQL語句需要的參數，使用預處理對象
	 */
	public int executeUpdate(String executeSql, Object ... params){
		
		// 定義SQL語句執行的影響行數
		int row = 0;
		
		// 獲取資料庫連接，如果獲取失敗，不執行操作
		if(getConnection()){
			// 公共執行增刪改的處理代碼
			try {
				
				// 創建預處理操作對象
				pstmt = conn.prepareStatement(executeSql);
				
				// 實現動態傳參，註意: 傳入的預編譯SQL的?和傳入的參數個數和順序要一致，即：要保證一一對應
				for (int i = 0; i < params.length; i++) {
					pstmt.setObject(i + 1, params[i]);
				}
				
				// 執行增刪改操作，並獲取影響行數
				row = pstmt.executeUpdate();
				
				System.out.println("BaseDao增刪改的SQL=>"+pstmt);
				
			} catch (Exception e) {
				e.printStackTrace();
			} finally {
				releaseResource(conn, pstmt, null);
			}
		}
		
		// 返回影響行數
		return row;
		
	}
	
	/**
	 * 查詢的通用方法：只需要提供執行的SQL語句和SQL語句需要的參數，使用預處理對象
	 */
	public void executeSelect(String executeSql, Object ... params){
		
		// 獲取資料庫連接，如果獲取成功，執行查詢，否則不執行
		if(getConnection()){
			// 公共執行查詢的處理代碼
			try {
				// 創建預處理操作對象
				pstmt = conn.prepareStatement(executeSql);
				
				// 實現動態傳參，註意: 傳入的預編譯SQL的?和傳入的參數個數和順序要一致，即：要保證一一對應
				for (int i = 0; i < params.length; i++) {
					pstmt.setObject(i + 1, params[i]);
				}
				
				// 執行查詢操作，並獲取結果集
				rs = pstmt.executeQuery();
				
				System.out.println("BaseDao查詢的SQL=>"+pstmt);
			} catch (Exception e) {
				e.printStackTrace();
			} finally {
				// 不釋放資源，因為rs要返回，關閉後，直接外層不可以使用
			}
		}
	}
	
	/**
	 * 釋放資料庫操作對象資源
	 */
	public void releaseResource(Connection conn, Statement stmt, ResultSet rs){
		try {
			// 手動釋放
			if (null != rs) {
				rs.close();
			}
			
			if (null != stmt) {
				stmt.close();
			}

			if (null != conn) {
				conn.close();
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

}

2、一個 Servlet 多請求 參數 mothed

使用反射實現;

(全部查詢當作條件查詢的沒有條件來查詢會比較方便後面的操作)；

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

    //根據請求攜帶的方法參數名參數,調用不同業務的處理方法

    String mothedName = req.getParameter("mothed") == null ? "animes" : req.getParameter("mothed");

    //利用反射，根據方法名調用指定方法
    try {
        Method method = getClass().getDeclaredMethod(mothedName,HttpServletRequest.class,HttpServletResponse.class);
        method.setAccessible(true);
        method.invoke(this, req,resp);
    } catch (Exception e) {
        e.printStackTrace();
    }

}

//查詢所有的動漫列表
protected void animes(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    System.out.println("======= AnimesServlet查詢所有的動漫列表==========");
    String aname = req.getParameter("aname");
    String author = req.getParameter("author");
    String cid = req.getParameter("cid");

    List<Anime> animes = animeService.animeList(aname, author, cid);

    String animesJson = JSON.toJSONStringWithDateFormat(animes,"yyyy-MM-dd");

    System.out.println(animesJson);
    System.out.println("=============================================");
    resp.getWriter().print(animesJson);

}

//刪除動漫
protected void delAnime(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    System.out.println("==============刪除動漫=====================");

}

//添加動漫
protected void addAnime(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    System.out.println("==============添加動漫=====================");

}

//修改動漫
protected void modAnime(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    System.out.println("==============修改動漫=====================");

}

3、搜索 點擊搜索按鈕，$("form").serialize()獲取參數，並條件查詢

$(function(){
    
    //頁面初始化載入，主動查詢列表
    //查詢所有的數據，就是條件查詢的沒有條件
	showAnimeList();
    
	//動態獲取動漫數據,動態顯示
    function showAnimeList(){
        $.getJSON("animes",$("form").serialize() ,function(data){
            // 確定數據要動態顯示的位置
            var $tbody = $("tbody");

            //如果沒有數據，不能顯示分頁和提示暫無數據
            if(data == null || data == ""){
                //先清空再，顯示提示信息
                $tbody.empty().append("<tr align='center'><td colspan='8'>暫無數據</td></tr>");
                //隱藏 tfoot
                $("tfoot").hide();
                //直接返回，因為沒有數據，不需要拼接頁面
                return;
            }

            // 隔行變色
            var count = 1;

            //定義動態展示內容,如果不定義為空字元的話，一直拼接新數據
            var animeCountent = "";

            // 數據解析
            $(data).each(function(){
                // 定義顏色
                var bgColor = count % 2 == 0 ? "style='background-color:#ddd;'" : "";
                animeCountent +=
                    "<tr align='center' " + bgColor + ">"
                    + "<td>" + this.id + "</td>"
                    + "<td>" + this.cname + "</td>"
                    + "<td>" + this.name + "</td>"
                    + "<td>" + this.author + "</td>"
                    + "<td>" + this.actor + "</td>"
                    + "<td>" + this.produce + "</td>"
                    + "<td>" + this.create_date + "</td>"
                    + "<td><a href='#'>修改</a>&nbsp;&nbsp;<a href='#'>刪除</a></td>"
                    + "</tr>";

                count++;
            });
            $tbody.empty().append(animeCountent);
            //有數據就要展示tfoot
            $("tfoot").show();
        });
    }

    //點擊搜索按鈕，根據條件篩選數據
    $("#searchAnimes").click(function(){
        showAnimeList();
    });
    
 });

4、分頁查詢sql 動態拼接(apramsList)

public class AnimeDaoImpl extends BaseDao implements AnimeDao{

	@Override
	public List<Anime> selectAnimeList(String aname, String author, String cid) {
		//查詢動漫詳情的SQL語句
		String executeSql = "select a.id, a.cid, a.name, a.author, a.actor, a.produce, a.create_date, c.name from animes a, category c where a.cid = c.id ";
		
		//執行查詢的參數集合
		//此寫法弊端，如果兩個或者多個參數同時有，必須不停的增加判斷，添加參數
		//Object[] params = new Object[]{};
		
		//動態參數，推薦使用
		List<Object> paramList = new ArrayList<Object>();
		
		//根據不同的查詢條件，拼接SQL語句和參數
		//條件中有動漫名
		if(null != aname && !"".equals(aname)) {
			//模糊匹配
			executeSql += " and a.name like concat('%',?,'%')";
			
			paramList.add(aname);
		}
		
		//條件中有作者
		if(null != author && !"".equals(author)) {
			//模糊匹配
			executeSql += " and a.author like concat('%',?,'%')";
			
			paramList.add(author);
		}
		
		//條件中有類型
		if(null != cid && !"0".equals(cid)) {
			executeSql += " and a.cid = ?";
			paramList.add(cid);
		}
		
		//定義返回動漫列表的數據集合
		List<Anime> animes = new ArrayList<Anime>();
		
		try {
			// 執行查詢
			this.executeSelect(executeSql, paramList.toArray());
			
			// 解析查詢結果
			while(rs.next()){
				// 每條數據，創建一個動漫對象，存儲數據
				Anime anime = new Anime();
				anime.setId(rs.getInt(1));
				anime.setCid(rs.getInt(2));
				
				//對動漫name結構處理
				if(null != aname && !"".equals(aname)) {
					//標記name
					String markname = rs.getString(3).replace(aname, "<span style='color:red'>"+aname+"</span>");
					anime.setName(markname);
				}else {
					anime.setName(rs.getString(3));
				}
				
				anime.setAuthor(rs.getString(4));
				anime.setActor(rs.getString(5));
				anime.setProduce(rs.getString(6));
				anime.setCreate_date(rs.getDate(7));
				anime.setCname(rs.getString(8));
				
				// 將每條動漫數據對象放入集合
				animes.add(anime);
			}
		} catch (Exception e) {
			e.printStackTrace();
		} finally {
			//關閉資源
			this.releaseResource(conn, pstmt, rs);
		}
		
		//返回動漫集合
		return animes;
	}

}

5、作業總結技巧(BaseDao 頁面不跳轉 Ajax)

5.1 Ajax動態拼接元素及數據

5.1.1 Ajax動態添加分類數據

//$(function() jQuery標誌
$(function(){
    //定位z展示分類的下拉元素
    var $cidSelect = $("#cid");

    //獲取動漫分類，動態展示
    $.getJSON("categories",function(data){
        //遍歷返回的分類集合json集合數，動態載入分類選項
        $(data).each(function(){
            //alert(this.id+this.name);
            $cidSelect.append("<option value='"+this.id+"'>"+this.name+"</option>");
        });
    });
});

5.1.2Ajax動態添加動漫數據

載入動漫數據的時候，直接考慮到模糊匹配查詢，全部查詢就是不帶條件查詢；

(這裡的代碼又展示了一遍，主要是提示後面的操作是基於這些代碼操作的)；

//$(function() jQuery標誌
$(function(){
	//頁面初始化載入，主動查詢列表
		showAnimeList();
				
		//動態獲取動漫數據,動態顯示
		function showAnimeList(){
			$.getJSON("animes",$("form").serialize() ,function(data){
				// 確定數據要動態顯示的位置
				var $tbody = $("tbody");
				
				//如果沒有數據，不能顯示分頁和提示暫無數據
				if(data == null || data == ""){
					//先清空再，顯示提示信息
					$tbody.empty().append("<tr align='center'><td colspan='8'>暫無數據</td></tr>");
					//隱藏 tfoot
					$("tfoot").hide();
					//直接返回，因為沒有數據，不需要拼接頁面
					return;
				}
				
				// 隔行變色
				var count = 1;
				
				//定義動態展示內容,如果不定義為空字元的話，一直拼接新數據
				var animeCountent = "";
				
				// 數據解析
				$(data).each(function(){
					// 定義顏色
					var bgColor = count % 2 == 0 ? "style='background-color:#ddd;'" : "";
					animeCountent +=
						"<tr align='center' " + bgColor + ">"
						+ "<td>" + this.id + "</td>"
						+ "<td>" + this.cname + "</td>"
						+ "<td>" + this.name + "</td>"
						+ "<td>" + this.author + "</td>"
						+ "<td>" + this.actor + "</td>"
						+ "<td>" + this.produce + "</td>"
						+ "<td>" + this.create_date + "</td>"
						+ "<td><a href='modAnime.jsp?id="+this.id
												  +"&cid="+this.cid
												  +"&cname="+this.cname
												  +"&name="+this.name
												  +"&author="+this.author
												  +"&actor="+this.actor
												  +"&produce="+this.produce
												  +"&create_date="+this.create_date+"'>修改</a>&nbsp;&nbsp;"
						+ "<a class='delAnime' href='animes?mothed=delAnime&id="+this.id+"'>刪除</a>"
						+"</td>"
						+ "</tr>";
						
					count++;
				});
				$tbody.empty().append(animeCountent);
				//有數據就要展示tfoot
				$("tfoot").show();
			});
		}
		
		//點擊搜索按鈕，根據條件篩選數據
		$("#searchAnimes").click(function(){
			showAnimeList();
		});
});

5.1 標記搜索詞

5.1 .2 通過SQl 的 replace 標記

沒有同名欄位時可以使用；

//條件中有作者
if(null != author && !"".equals(author)) {
    //標記關鍵字 author
    String markAuthor = "replace(`author`,'"+author +"',\"<span style='color:red'>"+author+"</span>\") as 'a.author'";

    //標記
    executeSql  = executeSql.replace("a.author", markAuthor);

    //模糊匹配
    executeSql += " and a.author like concat('%',?,'%')";
    
    paramList.add(author); //添加參數
}

5.1.4 通過 replace 對結果進行 標記

//對動漫name結構處理
if(null != aname && !"".equals(aname)) {
    //如果有這個條件 標記name
    String markname = rs.getString(3).replace(aname, "<span style='color:red'>"+aname+"</span>");
    anime.setName(markname);
}else {
    //沒有這個條件則不需要標記
    anime.setName(rs.getString(3));
}

5.2 修改 類型 選擇 select

先將修改傳過來的類型參數隱藏到一個input標簽中，在動態獲取類型的時候，JQuery獲取原來的類型參數，並選擇性的給option標簽添加selected參數；

<%
//獲取前端參數，封裝到實體類，並添加到request域中，方便獲取
//註意日期不要放進實體類
//直接value="<%=request.getParameter("create_date") %>" 要不然會類型不匹配
request.setAttribute("upAnimes", anime);
%>
<!-- 隱藏動漫類型 cid -->
<input type="hidden" id="mycid" class="form-control" value="${upAnimes.cid }" required>


<script type="text/javascript">
 //非同步獲取並遍歷動漫類型
$(function(){
	//獲取動漫分類，動態展示
	$.getJSON("categories",function(data){
		//定位z展示分類的下拉元素
		var $cidSelect = $("#cid");
		
		//遍歷返回的分類集合json集合數，動態載入分類選項
		var cid =  $("#mycid").val();
		$(data).each(function(){
			//alert(this.id+this.name);
			if(cid == this.id){
				$cidSelect.append("<option value='"+this.id+"' selected>"+this.name+"</option>");
			}else{
				$cidSelect.append("<option value='"+this.id+"'>"+this.name+"</option>");
			}
		});
	});	
});

5.3 Ajax 拼接確認刪除（動態綁定事件）

5.3.1 給動態添加的元素，添加cilck事件（無法綁定事件）

cilck無法直接給動態的元素添加事件；

//確認刪除提示  錯誤，click事件不能動態綁定事件
$(".delAnime").click(function(){
    if(!confirm("是否確認刪除 ${anime.name } ")){
    	return false;
    }
});

5.3.2 添加動態元素時直接動態添加 onClick=”return confirm(\"確認刪除\")“

 "<a class='delAnime' href='animes?mothed=delAnime&id="+this.id+"' onClick='return confirm(\"確認刪除《"+this.name+"》？\")'>刪除</a></td>"

5.3.3 $(document).on 綁定動態載入元素的事件

//動態綁定事件(當前和以後添加的元素都可以綁定)
//$(document).on 綁定動態載入子元素的事件   document是父級元素即可
$(document).on('click', '.delAnime', function(){
    if(!confirm("是否確認刪除 ${anime.name }")){
        return false;
    }
});

on 綁定動態載入元素的事件參考博客

5.6 分頁條件查詢 （不需要pageSupper類）

分頁條件查詢，包括了一般查詢，所以一個分頁條件查詢就夠了；

前端處理分頁參數；

5.6.1 參數

參數 說明 提交
aname 條件查詢參數 表單提交
author 條件查詢參數 表單提交
cid 條件查詢參數 表單提交
pageNo 當前頁面頁碼 獲取tfoot的pageNum，Ajax提交的時候拼接參數
pageSize 頁面大小 獲取tfoot的pageSize，Ajax提交的時候拼接參數
totalCount 數據總條數 Ajax獲取，然後填入 totalCount 中，分頁請求時直接獲取 
<!-- 條件查詢參數 aname author cid -->
<form action="#">
    <p style="text-align: center">
        名稱：<input type="text" name="aname" size="15"/>
        作者：<input type="text" name="author" size="15"/>
        分類：<select name="cid" id="cid">
        <option value="0">全部</option>
        </select>
        <input type="button" value = "搜索" id = "searchAnimes" />
    </p>
</form>

<!-- totalCount -->
共&nbsp;<span id="totalCount">5</span>&nbsp;條&nbsp;&nbsp;

<!-- pageSize 和 pageNum -->
每頁&nbsp;
<!--  <span id = "pageSize">5</span>&nbsp;  -->
<select name="pageSize" id="pageSize">
    <option value="3" selected>3</option>
    <option value="5">5</option>
    <option value="10">10</option>
</select>
條&nbsp;
當前第&nbsp;<span id = "pageNum">1</span>&nbsp;頁&nbsp;/&nbsp;

5.6.2 分頁標簽

<tfoot>
    <tr>
        <td colspan="8" style="height: 40px; text-align: center">
            <input type="button" value="添加" id="addAnime"/>&nbsp;&nbsp;
            <a href="#">首頁</a>&nbsp;|&nbsp;
            <a href="#">&lt;&lt;上一頁</a>&nbsp;|&nbsp;
            <a href="#">下一頁&gt;&gt;</a>&nbsp;|&nbsp;
            <a href="#">尾頁</a>&nbsp;|&nbsp;
            共&nbsp;<span id="totalCount">5</span>&nbsp;條&nbsp;&nbsp;
            每頁&nbsp;
            <!--  <span id = "pageSize">5</span>&nbsp;  -->
            <select name="pageSize" id="pageSize">
                <option value="3" selected>3</option>
                <option value="5">5</option>
                <option value="10">10</option>
            </select>
            條&nbsp;
            當前第&nbsp;<span id = "pageNum">1</span>&nbsp;頁&nbsp;/&nbsp;
            共&nbsp;<span id="totalPage">1</span>&nbsp;頁
        </td>
    </tr>
</tfoot>

5.6.3 數據總量函數

Ajax請求 分頁查詢的數據總量，並填寫到頁面上，方便後面分頁處理

//設置數據總量 函數
function totalCount(){
    //通過 不分頁 的條件查詢，查詢出總數據量
    $.getJSON("animes?mothed=animesCount",$("form").serialize() ,function(data){
        //定義數據總量
        var totalCount = data;

        //alert(" totalCount 數據總量："+totalCount);
        //獲取數據總量元素
        var $totalCount = $("#totalCount");	
        //重置數據總量
        $totalCount.text(totalCount);	
    });
}

5.6.4 分頁處理函數 (作用類似PageSupport)

包括 上一頁，下一頁的隱藏處理

//分頁處理函數
function pageSearch(pageSize,pageNum,totalPage){
    //後去分頁數據
    //頁面容量 (頁面容量可以不操作，我是為了可以手動改變頁面容量)
    var $pageSize = $("#pageSize");
    //當前頁碼
    var $pageNum = $("#pageNum");
    //頁面總數
    var $totalPage = $("#totalPage");


    //重置分頁數據
    //頁面容量 (頁面容量可以不處理,因為Ajax非同步的,頁面不會刷新)
    //$pageSize.text(pageSize);
    $pageSize.val(pageSize);
    //當前頁碼
    $pageNum.text(pageNum);
    //頁面總數
    $totalPage.text(totalPage);

    //處理上一頁和下一頁
    //上一頁
    if(pageNum <= 1){
        $("tfoot a:eq(1)").hide();
    }else{
        $("tfoot a:eq(1)").show();
    }

    //下一頁
    if(pageNum >= totalPage){
        $("tfoot a:eq(2)").hide();
    }else{
        $("tfoot a:eq(2)").show();
    }
}

5.6.5 分頁條件查詢 動態顯示數據

  • 獲取處理總頁數
  • 分頁參數獲取 pageNum，pageSize
  • 動態拼接數據
  • 處理pageSize,pageNum,totalPage
//===頁面初始化載入，主動分頁條件查詢處理===
//分頁條件查詢處理
pageAnimeList();

//動態 分頁 條件 獲取動漫數據,動態顯示
function pageAnimeList(){
    //處理總頁數
    totalCount();

    //獲取分頁查詢的數據
    //頁面容量
    var $pageSize = $("#pageSize");
    //pageSize 用 <span> 標簽
    //var pageSize = $pageSize.text();
    //pageSize 用 <select> 標簽
    var pageSize = $pageSize.val();
    //當前頁碼
    var $pageNum = $("#pageNum");
    var pageNum = $pageNum.text();

    //數據總數
    //$.getJSON("animes",$("form").serialize() ,function(data){
    //分頁查詢
    $.getJSON("animes?mothed=pageAnimes&pageNum="+pageNum+"&pageSize="+pageSize,$("form").serialize() ,function(data){
        // 確定數據要動態顯示的位置
        var $tbody = $("tbody");

        //如果沒有數據，不能顯示分頁和提示暫無數據
        if(data == null || data == ""){
            //先清空再，顯示提示信息
            $tbody.empty().append("<tr align='center'><td colspan='8'>暫無數據</td></tr>");
            //隱藏 tfoot
            $("tfoot").hide();
            //直接返回，因為沒有數據，不需要拼接頁面
            return;
        }

        // 隔行變色
        var count = 0;

        //定義動態展示內容,如果不定義為空字元的話，一直拼接新數據
        var animeCountent = "";

        // 數據解析
        $(data).each(function(){
            // 定義顏色
            var bgColor = count % 2 == 1 ? "style='background-color:#ddd;'" : "";
            animeCountent +=
                "<tr align='center' " + bgColor + ">"
                + "<td>" + this.id + "</td>"
                + "<td>" + this.cname + "</td>"
                + "<td>" + this.name + "</td>"
                + "<td>" + this.author + "</td>"
                + "<td>" + this.actor + "</td>"
                + "<td>" + this.produce + "</td>"
                + "<td>" + this.create_date + "</td>"
                + "<td><a href='modAnime.jsp?id="+this.id
                +"&cid="+this.cid
                +"&cname="+this.cname
                +"&name="+this.name
                +"&author="+this.author
                +"&actor="+this.actor
                +"&produce="+this.produce
                +"&create_date="+this.create_date+"'>修改</a>&nbsp;&nbsp;"
                + "<a class='delAnime' href='animes?mothed=delAnime&id="+this.id+"'>刪除</a>"
                +"</td>"
                + "</tr>";

            count++;
        });
        //清空原來的tbody,添加新的數據
        $tbody.empty().append(animeCountent);
        //有數據就要展示tfoot
        $("tfoot").show();

        //分頁處理
        //獲取總數據量  處理 頁面數量
        //數據總量
        var $totalCount = $("#totalCount");	
        var totalCount = $totalCount.text();
        //處理總頁數
        var totalPage = 1;

        if((totalCount%pageSize) == 0){
            //alert("totalCount="+totalCount+"pageSize"+pageSize);
            totalPage = totalCount/pageSize;
        }else{
            //alert("totalCount="+totalCount+"pageSize"+pageSize);
            totalPage = ((parseInt(totalCount/pageSize))+1);
        }

        //alert("處理總頁數==>>totalPage==>"+totalPage);
        pageSearch(pageSize,pageNum,totalPage);

    });
}

//點擊搜索按鈕，根據條件篩選數據
$("#searchAnimes").click(function(){
    //分頁條件查詢
    pageAnimeList();
});

5.6.6 分頁跳轉處理

//分頁跳轉
//首頁
$("tfoot a:eq(0)").click(function(){
    $("#pageNum").text(1);
    //分頁條件查詢
    pageAnimeList();
    return false;
});


// 上一頁
$("tfoot a:eq(1)").click(function(){
    var pageNum = parseInt($("#pageNum").text()) - 1;
    $("#pageNum").text(pageNum);
    //分頁條件查詢
    pageAnimeList();
    return false;
});


// 下一頁
$("tfoot a:eq(2)").click(function(){
    //alert("下一頁");			
    //alert(parseInt($("#pageNum").text()) + 1);
    $("#pageNum").text(parseInt($("#pageNum").text()) + 1);
    //分頁條件查詢
    pageAnimeList();
    return false;
});

// 尾頁
$("tfoot a:eq(3)").click(function(){
    $("#pageNum").text(parseInt($("#totalPage").text()));
    //分頁條件查詢
    pageAnimeList();
    return false;
});

5.6.7 修改pageSize

//修改pageSize
//select標簽的change()事件, 切換選項時觸發
$("#pageSize").change(function(){
    //獲取修改後的 currentPageSize
    var pageSize = $(this).children('option:selected').val();
    //修改頁面大小後，再主動查詢一次動漫數據
    pageAnimeList();
});

5.6.8 數據總數 和 條件分頁查詢的 servlet

5.6.8.1 數據總數
//條件查詢所有的動漫列表條數
protected void animesCount(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    System.out.println("======= AnimesServlet查詢所有的動漫的總數量==========");
    String aname = req.getParameter("aname");
    String author = req.getParameter("author");
    String cid = req.getParameter("cid");

    int totalCount = animeService.animeListCount(aname, author, cid);

    String totalCountJson = JSON.toJSONString(totalCount);

    System.out.println("AnimesServlet == >animesCount=動漫總條數==>>"+totalCountJson);
    System.out.println("=============================================");
    resp.getWriter().print(totalCountJson);

}
5.6.8.2 分頁條件查詢
//分頁條件查詢所有的動漫
protected void pageAnimes(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    System.out.println("======= 分頁條件查詢  AnimesServlet查詢所有的動漫列表==========");
    //條件查詢參數
    String aname = req.getParameter("aname");
    String author = req.getParameter("author");
    String cid = req.getParameter("cid");

    //分頁參數
    Integer pageNum = new Integer(req.getParameter("pageNum"));
    Integer pageSize = new Integer(req.getParameter("pageSize"));

    System.out.println("pageAnimes==> pageNum==>"+pageNum);
    System.out.println("pageAnimes==> pageSize==>"+pageSize);

    List<Anime> animes = animeService.PageSelectAnimeList(aname, author, cid, pageNum, pageSize);

    String animesJson = JSON.toJSONStringWithDateFormat(animes,"yyyy-MM-dd");

    System.out.println(animesJson);
    System.out.println("=============================================");
    resp.getWriter().print(animesJson);

}
5.6.8.3 多個Ajax請求註意點

多個Ajax請求，javaScript無法控制其執行順序，有時候會出錯；

一個請求拿到另外一個請求的rs中數據；（這裡數據總條數取到了某條數據的id）

或第二個請求還沒有從rs中取出數據，rs就被關閉(No operations allowed after statement closed.)；

(另外這裡還有一個特殊點，我的setvlet請求是同一個類的多個方法通過反射執行的);

這裡需要將用來反射調用方法的公共 **dopost方法上鎖 synchronized **;

//doPost  方法上鎖，保證一次只有一個請求，就保證 一次只有一個SQL執行，一次只有一個rs,就不會數據錯亂；
@Override
protected synchronized void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

    //根據請求攜帶的方法參數名參數,調用不同業務的處理方法

    String mothedName = req.getParameter("mothed") == null ? "animes" : req.getParameter("mothed");

    //利用反射，根據方法名調用指定方法
    try {
        Method method = getClass().getDeclaredMethod(mothedName,HttpServletRequest.class,HttpServletResponse.class);
        method.setAccessible(true);
        method.invoke(this, req,resp);
    } catch (Exception e) {
        e.printStackTrace();
    }

}

5.7 刪除

5.7.1 動態添加的a標簽 綁定事件

直接帶著id到後臺刪除；

+ "<a class='delAnime' href='animes?mothed=delAnime&id="+this.id+"'>刪除</a>"


//動態綁定事件(當前和以後添加的元素都可以綁定)
//$(document).on 綁定動態載入子元素的事件
$(document).on('click', '.delAnime', function(){
    if(!confirm("是否確認刪除 ${anime.name }")){
        return false;
    }
});

5.7.2 刪除成功後 提示

resp.getWriter().print("<script type='text/javascript'>alert('刪除成功！！！'); location.href = 'animeList.jsp'</script>");

5.8 修改

這種方式比較的麻煩，攜帶的參數太多，不過也是一個方法，可以擴張一下思維；

+ "<td><a href='modAnime.jsp?id="+this.id
    +"&cid="+this.cid
    +"&cname="+this.cname
    +"&name="+this.name
    +"&author="+this.author
    +"&actor="+this.actor
    +"&produce="+this.produce				      		                                     +"&create_date="+this.create_date+"'>修改</a>&nbsp;&nbsp;"

5.9 添加

<input type="button" value="添加" id="addAnime"/>&nbsp;&nbsp;


//添加按鈕處理 跳轉到添加頁面
$("#addAnime").click(function(){
    location.href = "addAnime.jsp";
});

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 根據兩點經緯度計算出航向
    最近開發一款導航的項目需要行駛方向，這裡一般是gps會給我返回航向的，但是公司老系統的資料庫沒有這個數據，就只能自己計算咯 getAngle(lng_a,lat_a, lng_b, lat_b){ var a = (90 - lat_b) * Math.PI / 180; var b = (90 - ...
  • 國產時序資料庫IotDB安裝、與SpringBoot集成
    一.簡介： 本文將完成一個真實業務中的設備上報數據的一個例子，完整的展示後臺服務接收到設備上報的數據後，將數據添加到時序資料庫，並且將數據查詢出來的一個例子。本文所有代碼已經上傳GitHub：https://github.com/Tom-shushu/work-study 下的 iotdb-demo ...
  • api進階Day1文件的創建、刪除、訪問、設置過濾器並查詢。目錄的刪除、創建。
    文件的創建： package file; import java.io.File; import java.io.IOException; /* create:創建 new:新 file:文件 使用File新建一個文件 / public class CreateNewFileDemo { publi ...
  • IOS OpenGL ES GPUImage 濾色混合 GPUImageScreenBlendFilter
    目錄 一.簡介 二.效果演示 三.源碼下載 四.猜你喜歡 零基礎 OpenGL (ES) 學習路線推薦 : OpenGL (ES) 學習目錄 >> OpenGL ES 基礎 零基礎 OpenGL (ES) 學習路線推薦 : OpenGL (ES) 學習目錄 >> OpenGL ES 轉場 零基礎 O ...
  • Golang實現set
    Python爬蟲之xpath語法及案例使用 鋼鐵俠的知識庫 2022.08.15 我們在寫Python爬蟲時，經常需要對網頁提取信息，如果用傳統正則表達去寫會增加很多工作量，此時需要一種對數據解析的方法，也就是本章要介紹的Xpath表達式。 Xpath是什麼 XPath，全稱 XML Path La ...
  • python教程：一個 list 使用 for 遍歷，邊迴圈邊刪除的問題
    Java集合04 9.Set介面方法 Set介面基本介紹 無序（添加和取出的順序不一致），沒有索引 不允許重覆元素，所以最多只有一個null JDK API中介面的實現類有： Set介面的常用方法：和List介面一樣，Set介面也是Collection的子介面，因此，常用方法和Collection接 ...
  • Pytest框架 — 07、Pytest的Fixture（部分前後置）(二)
    4、Fixture的相互調用 示例： import pytest # 第一層fixture @pytest.fixture() def fixture_1(): data = "fixture_1" print("這是第一層fixture") return data # 第二層fixture @py ...
  • Python獲取虎牙平臺主播照片, 實現顏值檢測, 進行排名
    前言 嗨嘍~大家好呀，這裡是魔王吶 ! 在這平凡的一日，我決定~ 乾一件平凡的事~讓我們開動起我們的小手 來做一個小小的顏值檢測叭~ 開發環境: Python 3.8 Pycharm 2021.2 模塊使用: requests >>> pip install requests tqdm >>> pi ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類