Web 分頁筆記

阿新 • • 發佈：2018-12-09

這裡寫程式碼片<%@page import="org.news.util.Page"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.text.DateFormat"%>
<%@page import="org.news.entity.Topic"%>
<%@page import="org.news.entity.News"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" 
%>

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%  List<News> list1 = (List<News>) request.getAttribute("list1");//左側一
    List<News> list2 = (List<News>) request.getAttribute("list2");//左側二
    List<News> list3 = (List<News>) request 
.getAttribute("list3");//左側三
    List<Topic> list = (List<Topic>) request.getAttribute("list");//十一個主題
    List<News> list4 = (List<News>) request.getAttribute("list4");//中間新聞列表
    Page pageObj = (Page) request.getAttribute("pageObj");
    out.print("if語句執行次數1");
   if(list1 == null 
 && list2 == null && list3 == null) {
       out.print("if語句執行次數2");//集合裡面有值 就不執行此處  直接往後執行了

        request.getRequestDispatcher("/util/news_control.jsp?opr=listTitle")
                .forward(request, response);

        return;//表示跳出了這個函式，這個函式後面有語句也不執行了，到此結束，返回到上一層了表示跳出了
    } 

     out.print("if語句執行次數3");
     out.print("每次換頁後都會彈窗，可見每次傳參給jsp地址後，當前jsp頁面都會重新解析一次，然後把資料庫的內容顯示出來，我猜的 ");

    int totalPages = pageObj.getTotalPageCount();     //總頁數
    int pageIndex = pageObj.getCurrPageNo();          //當前頁碼
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 out.print(basePath);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>" />
<!-- base標籤為頁面上的所有連結規定預設地址或預設目標-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新聞中國</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script language="javascript">
    function check(){
    /* 這裡是通過js來做了一個使用者名稱及密碼輸出空值的判斷 */
        var login_username = document.getElementById("uname");
        var login_password = document.getElementById("upwd");
        if(login_username.value == ""){
            alert("使用者名稱不能為空！請重新填入！");
            login_username.focus(); 
            return false;
        }else if(login_password.value == ""){
            alert("密碼不能為空！請重新填入！");
            login_password.focus();
            return false;
        }
        return true;
    }

    function focusOnLogin(){
        var login_username = document.getElementById("uname");
        alert("當body載入時，登入框就會獲得焦點的方法 ，但是登入框感覺也沒發生什麼事啊");
        login_username.focus(); 
    }
</script>
</head>

<body onload="focusOnLogin()">

<div id="header">
  <div id="top_login">
    <form action="util/do_login.jsp" method="post" onsubmit="return check()">
      <label> 登入名 </label>
      <input type="text" name="uname" value="" class="login_input" />
      <label> 密&#160;&#160;碼 </label>
      <input type="password" name="upwd" value="" class="login_input" />
      <input type="submit" class="login_sub" value="登入" />
      <label id="error"> </label>
      <img src="images/friend_logo.gif" alt="Google" id="friend_logo" />
    </form>
  </div>
  <div id="nav">
    <div id="logo"> <img src="images/logo.jpg" alt="新聞中國" /> </div>
    <div id="a_b01"> <img src="images/a_b01.gif" alt="" /> </div>
    <!--mainnav end-->
  </div>
</div>
<div id="container">

<%@include file="index-elements/index_sidebar.jsp"%>

  <div class="main">
    <div class="class_type"> <img src="images/class_type.gif" alt="新聞中心" /> </div>
    <div class="content">
      <ul class="class_date">
      <%
      //這裡就是 主要展示分頁新聞的地方了
      /**
     這裡用了一個for'迴圈 將list物件指向的集合遍歷出來 就是第10行傳過來的list物件
     意思就是 list物件裡面  包含了多少條新聞 就迴圈多少次  用的是加強型for迴圈  不需要指定迴圈次數
     然後迴圈裡 定義了一個int n用來做什麼的呢

     0和11取餘等於0
     1和11取餘等於1
     2和11取餘等於2
     ...
     11和11取餘等於0
     12和11取餘等於1
     ...
     即當n從1開始是  取餘結果為1
     二當迴圈次數等於11時  （這個時候已經迴圈11次）
     當第11次時列印</li>結束該標籤

     棧實力一行是一個主題 國內 國際 軍事...一共十一個a標籤

     當迴圈到12次時  取餘又等於1了  又可以重新列印<li >
     然後就是一直迴圈知道list集合迴圈

      */
      int n=0;
      for (Topic topic : list) {
          n++;
          if (n % 11 == 1) { out.println("<li id='class_month'>"); }
          %>
          <a href=
          "util/news_control.jsp?opr=listTitle&tid=<%=topic.getTid() %>">
          <b><%=topic.getTname() %></b></a>
          <%
          if (n % 11 == 0) { out.println("</li>"); }



      } 
      /**然後就是有一個問題 當list迴圈完了 比如實際只有18個主題
      迴圈晚11次
      又迴圈了7次
      第19次時 取餘11不等於0不能列印</li>然後這個for迴圈就結束了

      然後就可以執行下面這個 判斷語句了*/


      if (n % 11 != 0) { out.println("</li>"); }
      //這句話的用處就是列印結尾這個</li>標籤結束的用途了
      //n=19取餘11等於7！=0所以列印</li>%>

      </ul>


      <ul class="classlist">
      <%
      /**
      這裡就是 分頁新聞列表了的展示了 
      先做了個判斷
      就如傳過來的list4物件指向的集合是空則  提示一個錯誤
      如果傳過來的list4物件指向的集合size()等於0則 提示沒有相關的新聞

      */
      if (list4 == null) { out.println("<h6>出現錯誤，請稍後再試或與管理員聯絡</h6>"); }
      else if (list4.size() == 0) { out.println("<h6>抱歉，沒有找到相關的新聞</h6>"); }
      else {
      /**
      就遍歷是執行list4的
      判斷後 集合中有內容 則進入else程式碼塊 
      這裡初始化了一個時間的實現方法SimpleDateFormat()我猜的
      */
        DateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        n = 0;
        for (News news : list4) { %>
          <li>
          <%//下面這個連線通過nid網頁傳參  指向到news_control.jsp ，並解析到該nid對應的新聞頁面頁面 %>
            <a href='util/news_control.jsp?opr=readNew&nid=<%=news.getNid() %>'>
                <%=news.getNtitle() %></a>
                <%//就是覺得這個 SimpleDateFormat()物件的 format()方法 返回一個初始化的時間字串，
                //這裡是通過news物件獲取到的新聞建立時間
                //並把這個時間進行format然後返回一個字串進行顯示%>
            <span><%=df.format(news.getNcreatedate()) %></span>
          </li>
      <%  n++;
      //這個n的用處和上面你的 11是一個意思  就是顯示的新聞列表 五個五個的一組顯示
          if (n % 5 == 0) { out.println("<li class='space'></li>"); }
        }
      } 


      //到這裡 主頁的新聞list4就都顯示完全了 
      //下面就是就開始分頁的編寫了

      %>


      <!-- 當前頁就是兩個引數了 一個是總頁數的分母
       一個就是分子
       這兩個東西一開始就已經獲取到了  
       26和27行
        -->
      <p align="center"> 當前頁數:[<%=pageIndex%>/<%=totalPages%>]&nbsp;


      <%
 //這裡是分頁漢子的顯示部分
 /**
 當頁碼大於一時才會顯示首頁這個漢子
 當頁碼小於最大值時才會顯示末頁這個漢子，當頁碼等於最大值的時候就啥也沒有了因為else語句都沒有，
 同理首頁也是這樣，只有當前頁碼大於一時才顯示，等於一或者負數都沒有，當然這裡是不可能為負數的
 因為初始值就為1
 然後為一時只顯示下一頁和末頁  點選下一頁後
 才顯示上一頁和首頁字樣
 當頁碼為最大值時 末頁也沒有



 課件上有另一種顯示風格 就是當頁碼為最大值時  末頁顯示 但是把他的功能失效  我忘記怎麼寫的了 一會看看
 是這麼寫的
 if(pageIndex!=1){-正常顯示-}
 else{ <a href="javaScript:void(0);"style="color:grey;">首頁</a>}
 */


 //好了 下面咱們就去看看 這個 news_control.jsp吧

      if (pageIndex > 1) { //控制頁面顯示風格 fenye
      %>   
          <a href="util/news_control.jsp?opr=listTitle&pageIndex=1">首頁</a>&nbsp;
          <a href="util/news_control.jsp?opr=listTitle&pageIndex=<%=pageIndex-1%>">上一頁</a>
      <%}
      if (pageIndex < totalPages) {//控制頁面顯示風格
      %>
          <a href="util/news_control.jsp?opr=listTitle&pageIndex=<%=pageIndex+1%>">下一頁</a>
          <a href="util/news_control.jsp?opr=listTitle&pageIndex=<%=totalPages%>">末頁</a> 
      <%}%></p>
      </ul>
    </div>
    <%@include file="index-elements/index_rightbar.html"%>
  </div>
</div>
  <%@include file="index-elements/index_bottom.html"%>
</body>
</html>

Web 分頁筆記

這裡寫程式碼片<%@page import="org.news.util.Page"%> <%@page import="java.text.SimpleDateFormat"%> <%@page import="java.text.DateFo

web分頁打印

分享 color () 實現 span int .com 技術 page 添加css: page-break-before:always 實現分頁 window.print()//實現打印 web分頁打印

Tp5.0 一次很偷懶的 ThinkPHP 分頁筆記

宣告：所有文章僅僅是個人筆記，不用做教程，只適合自己用（因為我怕不符合大眾，容易引起誤導）先上結果圖：顯示總頁數，第幾頁，當前頁數，上一頁，下一頁，尾頁後臺控制器部分程式碼（可去） <ul class="page cl pagination" >

Web - 分頁查詢(limit).

分頁查詢: 每頁顯示10條資料. Servlet.java @WebServlet("/findByPage") public class PageServlet extends HttpServlet { protected void doPost(HttpServle

Java Web分頁顯示實現思路

實現效果一.需求描述從資料庫中將所有資料查詢出來，分頁顯示在前端頁面上，每頁顯示若干條資料，並實現"首頁"，"上一頁"，"下一頁"，"尾頁"，"跳轉至指定頁碼"，"顯示當前頁碼"等功能二.實現思路我的思路是將當前頁碼的值作為引數傳給servlet

Java Web分頁功能的實現

在開發過程中，經常做的一件事，也是最基本的事，就是從資料庫中查詢資料，然後在客戶端顯示出來。當資料少時，可以在一個頁面內顯示完成。然而，如果查詢記錄是幾百條、上千條呢？直接一個頁面顯示完全的話，表格得多長啊。。。。。。這時，我們可以用分頁技術。這裡總

Java WEB 分頁實現

分頁實現的效果： &組圖0-1.分頁實現效果圖一 &組圖0-2.分頁實現效果圖二一、從效果可以看出內容由兩部分組成：1.學生資訊資料庫中插入一些記錄，此處以學生

Web分頁顯示資料

這個是基於MVC框架寫的。首先對資料庫進行封裝處理 public class DataBase { static String driver = "com.mysql.jdbc.Driver"; static String url =

java web分頁查詢初試

ssh2分頁查詢初試，放著記錄學習一下。 entity:student.java: package com.zte.entity; /** * 資料持久化，跟資料庫的的相應的表的欄位是對應的。 * * */ public class Student {

web分頁實現的三種方式

個人所知的web分頁的三種方式，閒來無事總結一下。1、使用前端表格外掛進行分頁例如用bootstrap的拓展table元件，注意設定其分頁屬性時設定為“client”，即是 sidePagination:"client", //客戶端分頁，如果改成server就是服務端分頁。

簡單的web分頁控制元件

很多時候做web前端頁面都會用到分頁，這是之前在網上找的這裡我又給整理了下。這裡包括js和css，如果對css不滿意可以自己調整，如果對分頁的元素不滿意同樣可以自己去修改js程式碼來達到滿意的效果。不廢話，直接貼程式碼。<!DOCTYPE html> <ht

jasper iReport 圖片web分頁顯示不出來的問題

在使用jasper iReport 進行web分頁顯示時，剛開始我是直接使用以下語句，對報表中的圖片位置進行設定 JRAbstractExporter exporter = getExporterByExt("html", jasperPrint); exporter.s

Web分頁列印：細線表格+分頁列印之終極攻略

最近給客戶做列印的時候，客戶提出列印時不要列印該頁面的頭，只是打印表格里面的內容，因為頭部有背景和列印按鈕，而且要細線表格的那種，我想細線表格不是很簡單嗎如果你還不知道細線表格怎麼做，請看下面的程式碼實現效果：） <table cellSpacing=0 cellP

Web分頁技術的思想彙集

在對資料庫中的資料進行存取的時候，有的時候只需要取出部分資料，或者把取出來的資料分頁顯示，那麼在這個過程中最重要的是什麼呢？是思想。通過新聞釋出系統，瞭解了真假分頁，最後也通過自己的

<筆記>TP5的分頁傳遞額外參數

src log img 默認 -1 例如技術分享 ima nbsp 默認生成的分頁只有page一個參數，若需要提供額外的參數才能訪問分頁（例如查詢結果的分頁，需要傳入查詢關鍵字的參數才能顯示結果），則需要設置額外參數query <筆記>TP5的分頁傳遞額

myBatis學習筆記（10）——使用攔截器實現分頁查詢

條件 iba execute rri itl alias property gen func 1. Page package com.sm.model; import java.util.List; public class Page<T&g

web登陸，增刪改加分頁。

margin set 分頁代碼 temp con scrip 訪問 chang borde 這段時間做了登陸頁面和對數據庫的增刪改。傳值用了cokkies. 首先是登陸頁面： <%@ Page Language="C#" AutoEventWireup="true"

python之路--web--2--Django-9-分頁

自定義分頁取數據計算分享頁碼 col 用戶輸入 div 輸入六、分頁一、Django內置分頁 views.py Html 擴展內置分頁：views.py 擴展內置分頁：Html 二、自定義分頁分頁功能在每個網站都是必要的，對於分頁來說，其實就是根據用戶的輸入計

操作系統筆記（十）內存管理之分頁，分段和段頁式

分段式內存管理筆記關系代碼保護系統長度段頁式內存管理 bit 基本內存管理：進程占用空間必須連續，導致外部碎片以及附加的compaction 整個進程的swap in 和 swap out十分耗時。解決：分頁 ->內存空間不必連續，無外部碎片，

mybatis-分頁查詢學習筆記

mybatis-分頁查詢學習筆記 import java.util.LinkedHashMap; import java.util.List; import java.util.Map; import org.apache.ibatis.session.SqlSession; import cn.itcast

Web 分頁筆記

相關推薦