SSM——查詢_分頁

時間 2019-12-11

標籤 ssm 查詢分頁简体版

原文原文鏈接

項目結構：javascript

項目截圖：css

第一步：配置pom.xml文件導入相應的包html

<project xmlns="http://maven.apache.org/POM/4.0.0" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.ssm</groupId>
  <artifactId>ssm-crud</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  
  <!-- 引入項目依賴的jar包 -->
  
  <!-- 1.SpringMVC和Sping -->
  <!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependencies>
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>4.3.7.RELEASE</version>
</dependency>

<!-- 2.Spring-JDBC -->

<!-- https://mvnrepository.com/artifact/org.springframework/spring-jdbc -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-jdbc</artifactId>
    <version>4.3.7.RELEASE</version>
</dependency>

<!-- Spring-test 單元測試-->

<!-- https://mvnrepository.com/artifact/org.springframework/spring-test -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-test</artifactId>
    <version>4.3.7.RELEASE</version>
    <scope>test</scope>
</dependency>

<!-- 3.Spring 面向切面編程 -->
     
<!-- https://mvnrepository.com/artifact/org.springframework/spring-aspects -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-aspects</artifactId>
    <version>4.3.7.RELEASE</version>
</dependency>

<dependency>
  <groupId>org.aspectj</groupId>
  <artifactId>aspectjweaver</artifactId>
    <version>1.6.8.RELEASE</version>
  </dependency>

  <!-- 4.Mybatis -->
  <!-- https://mvnrepository.com/artifact/org.mybatis/mybatis -->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.4.2</version>
</dependency>

<!-- https://mvnrepository.com/artifact/org.mybatis.generator/mybatis-generator-core -->
<dependency>
    <groupId>org.mybatis.generator</groupId>
    <artifactId>mybatis-generator-core</artifactId>
    <version>1.3.5</version>
</dependency>

<!-- 5.Mybatis整合Spring的適配包 -->
<!-- https://mvnrepository.com/artifact/org.mybatis/mybatis-spring -->
<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis-spring</artifactId>
    <version>1.3.1</version>
</dependency>

<!-- 數據庫鏈接池  驅動 -->
<!-- https://mvnrepository.com/artifact/c3p0/c3p0 -->
 <dependency>
    <groupId>c3p0</groupId>
    <artifactId>c3p0</artifactId>
    <version>0.9.2</version>
</dependency>

<!-- 配置c3p0必要的包 -->
<!-- https://mvnrepository.com/artifact/com.mchange/mchange-commons-java -->
<dependency>
    <groupId>com.mchange</groupId>
    <artifactId>mchange-commons-java</artifactId>
    <version>0.2.3.4</version>
</dependency>

<!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>5.1.27</version>
</dependency>
  
  
  <!-- 其餘包 jstl servlet-api  junit -->
  <!-- https://mvnrepository.com/artifact/jstl/jstl -->
<dependency>
    <groupId>jstl</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>

<!-- <dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>servlet-api</artifactId>
    <version>2.5</version>
    <scope>provided</scope>
</dependency> -->

<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>3.0.1</version>
    <scope>provided</scope>
</dependency>

<!-- https://mvnrepository.com/artifact/junit/junit -->
<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.12</version>
    <scope>test</scope>
</dependency>


<!-- 引入分頁插件 -->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>5.0.0</version>
</dependency>

 </dependencies> 
  <build/>
</project>

第二步：配置Spring，SpringMVC以及Mybatis的配置文件前端

web.xmljava

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    
    <!-- 1.啓動Spring的容器 -->
   <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>
   
    <!--②負責啓動spring容器的監聽器，它將使用①處的上下文參數得到spring配置文件地址-->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
       
    
    <!-- 2.SpringMVC的前端控制器  攔截全部請求 -->
    <servlet>  
        <servlet-name>dispatch</servlet-name>  
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  
        <!-- 未指定SpringMVC的配置文件，因此在與web同級文件下創建一個與servlet-name同名+servlet的xml文件 -->
        <init-param>  
            <param-name>contextConfigLocation</param-name>  
            <param-value>classpath:dispatch-servlet.xml</param-value>  
        </init-param> 
        <load-on-startup>1</load-on-startup>
    </servlet>  
    <servlet-mapping>  
            <servlet-name>dispatch</servlet-name>  
            <url-pattern>/</url-pattern>  
    </servlet-mapping>  
    
    <!-- 3.字符編碼過濾器  放在全部過濾器前-->
    <filter>
        <filter-name>CharacterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
                <param-name>encoding</param-name>
                <param-value>utf-8</param-value>
        </init-param>
        
        <init-param>
                <param-name>forceRequestEncoding</param-name>
                <param-value>true</param-value>
        </init-param>
        
        <init-param>
                <param-name>forceResponseEncoding</param-name>
                <param-value>true</param-value>
        </init-param>
        
    </filter>
    
    <filter-mapping>
            <filter-name>CharacterEncodingFilter</filter-name>
            <url-pattern>/*</url-pattern>
    </filter-mapping>
    
    <!-- 4.使用REST風格的URI -->
    <!-- 
          配置org.springframework.web.filter.HiddenHttpMethodFilter:能夠把PUT請求轉爲DELETE或POST請求
   -->
   <filter>
             <filter-name>HiddenHttpMethodFilter</filter-name>
               <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
   
   </filter>
   <filter-mapping>
               <filter-name>HiddenHttpMethodFilter</filter-name>
               <!-- 過濾全部請求 -->
               <url-pattern>/*</url-pattern>
   </filter-mapping>
   
   
               <!-- 使頁面ajax成功發put請求 
               在Spring MVC過濾器-HiddenHttpMethodFilter中咱們提到，
               jsp或者說html中的form的method值只能爲post或get，咱們能夠經過HiddenHttpMethodFilter獲取put表單中的參數-值，
               而在Spring3.0中獲取put表單的參數-值還有另外一種方法，即便用HttpPutFormContentFilter過濾器。
               HttpPutFormContentFilter過濾器的做爲就是獲取put表單的值，並將之傳遞到Controller中標註了method爲RequestMethod.put的方法中。
               -->
   <filter>
           <filter-name>HttpPutFormContentFilter</filter-name>
           <filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class>
   </filter>
   
   <filter-mapping>
           <filter-name>HttpPutFormContentFilter</filter-name>
           <url-pattern>/*</url-pattern>
   </filter-mapping>
   
   
    </web-app>

applicationContext.xmlmysql

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"

       xmlns:tx="http://www.springframework.org/schema/tx"
 
         xmlns:aop="http://www.springframework.org/schema/aop"
 
       xmlns:mvc="http://www.springframework.org/schema/mvc"
 
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 
       xmlns:context="http://www.springframework.org/schema/context" 
 
       xmlns:p="http://www.springframework.org/schema/p"
       
       
 
  xsi:schemaLocation="
 
              http://www.springframework.org/schema/beans    
 
                 http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
     
              http://www.springframework.org/schema/tx      
 
              http://www.springframework.org/schema/tx/spring-tx-4.3.xsd
 
               http://www.springframework.org/schema/context
 
               http://www.springframework.org/schema/context/spring-context-4.3.xsd
               
               http://www.springframework.org/schema/mvc
               
               http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
 
               http://www.springframework.org/schema/aop
 
             http://www.springframework.org/schema/aop/spring-aop-4.3.xsd">
             
            <!--Spring的配置文件 ：主要配置和邏輯業務有關的-->
            
            <!-- 掃描包 -->
            <context:component-scan base-package="com.ssm">
            
                        <!-- 不掃描@Controller註解  -->
                    <context:exclude-filter type="annotation"  expression="org.springframework.stereotype.Controller" />
            
            </context:component-scan>
            
                        <!-- 引入外部配置文件 -->
            <context:property-placeholder  location="classpath:dbconfig.properties"/>
            
            
            <!-- ==================數據源，事務控制 ========================-->
            <bean id="pooledDataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
                    <property name="jdbcUrl" value="${jdbc.jdbcUrl}"></property>
                    <property name="driverClass" value="${jdbc.jdbcdriverClass}"></property>
                    <property name="user" value="${jdbc.user}"></property>
                    <property name="password" value="${jdbc.password}"></property>
            </bean>
            
            
            <!-- ========================配置和Mybatis的整合 =============================-->
            
            <bean id="sqlSessionFactory"  class="org.mybatis.spring.SqlSessionFactoryBean">
            
                                <!-- 指定Mybatis全局配置文件的位置 -->
            
            <property name="configLocation" value="classpath:mybatis-config.xml"></property>
            <property name="dataSource" ref="pooledDataSource"></property>
            
            <!-- 指定mybatis.mapper文件的位置 -->
            <property name="mapperLocations" value="classpath:mapper/*.xml"></property>
            
            </bean>
            
            <!-- 配置掃描器，將mybatis接口的實現加入到ioc容器中 -->
                <bean  class="org.mybatis.spring.mapper.MapperScannerConfigurer">
                       
               <!-- 掃描全部dao接口的實現，加入到ioc容器 -->
                       <property name="basePackage" value="com.ssm.dao"></property>
       
               </bean>

                <!-- ==================事務控制==================== -->
                
                <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
                        <!-- 控制數據源 -->
                        <property name="dataSource" ref="pooledDataSource"></property>
                
                </bean>
            
            <!-- 開啓使用xml配置形式的事務 -->
            <aop:config>
            <!-- 切入點表達式 -->
                <aop:pointcut expression="execution(* com.ssm.service.*.*(..))" id="txPoint"/>
                <!-- 配置事務加強 -->
                <aop:advisor advice-ref="txAdvice" pointcut-ref="txPoint"/>
            
            </aop:config>
            
            
            
            <!-- 配置事務加強，事務如何切入 -->
            <tx:advice id="txAdvice"  transaction-manager="transactionManager">
                <tx:attributes>
                    <!-- 全部方法都是事務方法 -->
                    <tx:method name="*"></tx:method>
                    
                        <!--以get開頭的全部方法-->
                    <tx:method name="get*" read-only="true"></tx:method>
            
                </tx:attributes>
            </tx:advice>
            
            <!-- 
                    Spring配置文件的核心點：數據源，與mybatis的整合，事務控制
            
             -->
             
             
             <!-- 配置一個能夠批量的執行sqlSession -->
             <bean  id="sqlSession" class="org.mybatis.spring.SqlSessionTemplate">
                     <constructor-arg name="sqlSessionFactory" ref="sqlSessionFactory"></constructor-arg>
                     
                     <!-- 執行器類型，批量-batch -->
                    <constructor-arg name="executorType" value="BATCH"></constructor-arg>
            
             </bean>
             

</beans>

給數據源配置的數據庫配置文件dbconfig.propertiesjquery

jdbc.jdbcUrl=jdbc:mysql://localhost:3306/ssm
jdbc.jdbcdriverClass=com.mysql.jdbc.Driver
jdbc.user=root
jdbc.password=123

SpringMVC的配置文件dispatch-servlet.xml，原本這個文件應該在WEB-INF下的，在後面搭載上tomcat後報錯找不到此文件，因此放到類路徑下來了。git

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
 
         xmlns:aop="http://www.springframework.org/schema/aop"
 
       xmlns:mvc="http://www.springframework.org/schema/mvc"
 
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 
       xmlns:context="http://www.springframework.org/schema/context" 
 
       xmlns:p="http://www.springframework.org/schema/p"
       
       xmlns:tx="http://www.springframework.org/schema/tx"
 
  xsi:schemaLocation="
 
              http://www.springframework.org/schema/beans    
 
                 http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
     
              http://www.springframework.org/schema/tx      
 
              http://www.springframework.org/schema/tx/spring-mvc-4.3.xsd
 
               http://www.springframework.org/schema/context
 
               http://www.springframework.org/schema/context/spring-context-4.3.xsd
               
               http://www.springframework.org/schema/mvc
               
               http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
 
               http://www.springframework.org/schema/aop
 
             http://www.springframework.org/schema/aop/spring-aop-4.3.xsd">
             
<!--SpringMVC的配置文件 ：主要包含網站跳轉的控制，配置-->
        <context:component-scan base-package="com.ssm" use-default-filters="false">
        
        <!-- 掃描@Controller註解  不掃描用exclude -->
    <context:include-filter type="annotation"
        expression="org.springframework.stereotype.Controller" />
        
        </context:component-scan>
        
        <!-- 配置視圖解析器  方便頁面返回 -->
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
         <!-- spring中加入jstl標籤庫 -->
           <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"></property>
                       <!-- 前綴 -->
                       <property name="prefix" value="/WEB-INF/views/"></property>
                       <!-- 後綴 -->
                       <property name="suffix" value=".jsp"></property>
           </bean>
           
           <!-- 兩個標準配置 -->
           <!-- 將SpringMVC不能處理的請求交給tomcat -->
           <mvc:default-servlet-handler></mvc:default-servlet-handler>
           <!-- 能支持SpringMVC更高級的一些功能  JSR303的校驗，快捷的ajax，映射動態請求-->
           <mvc:annotation-driven></mvc:annotation-driven>
        
</beans>

Mybatis配置文件mybatis-config.xmlgithub

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE configuration
  PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-config.dtd">
  
  <configuration>
                  <!-- 開啓自動駝峯命名規則（camel case）映射，
                  即從經典數據庫列名 A_COLUMN 到經典 Java 屬性名 aColumn 的相似映射。 -->
          <settings>
              <setting name="mapUnderscoreToCamelCase" value="true" />
          </settings>
          
          <!-- 類型別名  自定義別名name爲類所在的包路徑-->
          <typeAliases>
              <package name="com.ssm.bean"></package>
          </typeAliases>
          
          
          <!-- 分頁的配置 -->
          <plugins>
    <!-- com.github.pagehelper爲PageHelper類所在包名 -->
                    <plugin interceptor="com.github.pagehelper.PageInterceptor">
        <!-- 使用下面的方式配置參數，後面會有全部的參數介紹 -->
                            <!-- <property name="param1" value="value1"/> -->
                </plugin>
    </plugins>
  
  </configuration>

第三步：配置一個mbg.xml文件與pom.xml在同一個文件夾下面web

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE generatorConfiguration
  PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
  "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">

<generatorConfiguration>
  <context id="DB2Tables" targetRuntime="MyBatis3">
  <!-- 生成時沒有註釋 -->
          <commentGenerator>
              <property name="suppressAllComments" value="true" />
        </commentGenerator>
          <!-- 配置數據庫的鏈接 -->
    <jdbcConnection 
        driverClass="com.mysql.jdbc.Driver"
        connectionURL="jdbc:mysql://localhost:3306/ssm"
        userId="root"
        password="123">
    </jdbcConnection>

    <javaTypeResolver >
      <property name="forceBigDecimals" value="false" />
    </javaTypeResolver>
        
        <!-- 指定javabean生成的位置 -->
    <javaModelGenerator 
            targetPackage="com.ssm.bean" targetProject=".\src\main\java">
      <property name="enableSubPackages" value="true" />
      <property name="trimStrings" value="true" />
    </javaModelGenerator>

            <!-- 指定sql映射文件生成的位置 -->
    <sqlMapGenerator targetPackage="mapper"  targetProject=".\src\main\resources">
      <property name="enableSubPackages" value="true" />
    </sqlMapGenerator>
            
            <!-- 指定dao接口生成的位置，mapper接口 -->
    <javaClientGenerator type="XMLMAPPER" targetPackage="com.ssm.dao"  targetProject=".\src\main\java">
      <property name="enableSubPackages" value="true" />
    </javaClientGenerator>

        <!-- 指定每一個表的 生成策略-->
    <table tableName="emp" domainObjectName="Employee" >
      
    </table>
    
    <table tableName="dept" domainObjectName="Department" >
      
    </table>

  </context>
</generatorConfiguration>

第四步：創建一個MBGTest.java的文件運行後會自動生成bean，dao包下的文件，以及mapper下的xml文件

package com.ssm.test;

import java.io.File;
import java.io.IOException;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import org.mybatis.generator.api.MyBatisGenerator;
import org.mybatis.generator.config.Configuration;
import org.mybatis.generator.config.xml.ConfigurationParser;
import org.mybatis.generator.exception.InvalidConfigurationException;
import org.mybatis.generator.exception.XMLParserException;
import org.mybatis.generator.internal.DefaultShellCallback;

//自動生成了bean下的文件以及dao下的，還有mapper下的xml文件

public class MBGTest {
    public static void main(String[] args) throws IOException, XMLParserException, InvalidConfigurationException, SQLException, InterruptedException {
        
    
    List<String> warnings = new ArrayList<String>();
       boolean overwrite = true;
       File configFile = new File("mbg.xml");
       ConfigurationParser cp = new ConfigurationParser(warnings);
       Configuration config = cp.parseConfiguration(configFile);
       DefaultShellCallback callback = new DefaultShellCallback(overwrite);
       MyBatisGenerator myBatisGenerator = new MyBatisGenerator(config, callback, warnings);
       myBatisGenerator.generate(null);
    }
}

第五步：由於是兩個表的查詢，因此須要在生成的文件中添加多表查詢的功能。

DepartmentMapper.java中

//====================新定義的兩個查詢，多表聯查========================
    List<Employee> selectByExampleWithDept(EmployeeExample example);

    Employee selectByPrimaryKeyWithDept(Integer empId);
    //===========================================================

EmployeeMapper.xml

     <!-- ===========新增多表查詢============= -->
     
     <sql id="WithDept_Column_List">
         e.emp_id, e.emp_name, e.gender, e.email, e.d_id,d.dept_id,d.dept_name
     </sql>
     
     <resultMap id="WithDeptResultMap" type="com.ssm.bean.Employee">
    <id column="emp_id" jdbcType="INTEGER" property="empId" />
    <result column="emp_name" jdbcType="VARCHAR" property="empName" />
    <result column="gender" jdbcType="CHAR" property="gender" />
    <result column="email" jdbcType="VARCHAR" property="email" />
    <result column="d_id" jdbcType="INTEGER" property="dId" />
    
    <!-- 指定聯合查詢的部門字段的封裝 -->
    <association  property="department" javaType="com.ssm.bean.Department">
    
         <id column="dept_id" jdbcType="INTEGER" property="deptId" />
            <result column="dept_name" jdbcType="VARCHAR" property="deptName" />
    
    </association>

  </resultMap>
         <!-- 帶條件的多表查詢 -->
     <select id="selectByExampleWithDept" resultMap="WithDeptResultMap">
             select
            <if test="distinct">
              distinct
            </if>
            <include refid="WithDept_Column_List" />
                FROM emp e
                LEFT JOIN dept d ON e.d_id=d.dept_id    
            <if test="_parameter != null">
             <include refid="Example_Where_Clause" />
            </if>
            <if test="orderByClause != null">
                order by ${orderByClause}
            </if>
     </select>
     
         <!-- 按主鍵多表查詢 -->
     <select id="selectByPrimaryKeyWithDept" resultMap="WithDeptResultMap">
             select 
                    <include refid="WithDept_Column_List" />
                        FROM emp e
                LEFT JOIN dept d ON e.d_id=d.dept_id
                        where emp_id = #{empId,jdbcType=INTEGER}
     </select>
         
     <!-- =================================================== -->

EmployeeService.java

package com.ssm.service;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.ssm.bean.Employee;
import com.ssm.dao.EmployeeMapper;

//業務邏輯組件

@Service
public class EmployeeService {
    
    @Autowired//自動注入
    EmployeeMapper employeeMapper;
    
    public List<Employee> getAll(){
        
        return employeeMapper.selectByExampleWithDept(null);
    }

}

EmployeeController.java

package com.ssm.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.ssm.bean.Employee;
import com.ssm.service.EmployeeService;

//處理員工crud

@Controller
public class EmployeeController {

    @Autowired
    EmployeeService employeeService;

    @RequestMapping("/emps")
    // 默認值爲第一頁數據
    public String getEmps(
            @RequestParam(value = "pn", defaultValue = "1") Integer pn,
            Model model) {

        // 引入PageHelper分頁插件
        // 在查詢以前只須要調用 pn=第幾頁，5=每頁多少條
        PageHelper.startPage(pn, 3);
        // startPage後緊跟的查詢就是一個分頁查詢
        List<Employee> emps = employeeService.getAll();
        // pageinfo包裝查詢後的結果，只須要pageinfo交給頁面，封裝了詳細的信息
        // 5=傳入分頁連續顯示的頁數
        PageInfo page = new PageInfo(emps, 5);
        model.addAttribute("pageInfo", page);
        return "list";
    }

}

第六步：在index.jsp文件中添加

<jsp:forward page="/emps"></jsp:forward>

會經過控制器轉到list.jsp頁面

第七步：list.jsp頁面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>員工列表</title>

<%
    //key=APP_PATH  value=request.getContextPath()拿到當前項目路徑
    pageContext.setAttribute("APP_PATH", request.getContextPath());
%>
<!-- web路徑，不以/開始的相對路徑找資源，以當前資源的路徑爲基準，常常容易出問題
            以/開始的相對路徑，找資源，以服務器的路徑爲標準（http://localhost:3306/ssm）須要加上項目名
    
     -->
<script type="text/javascript"
    src="${APP_PATH}/static/js/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" type="text/css"
    href="${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script type="text/javascript"
    src="${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 搭建顯示頁面 -->
    <div class="container">
        <!-- 分四行 -->
        <!-- 標題 -->
        <div class="row">
            <div class="col-md-12">
                <h1>SSM-CURD</h1>
            </div>
        </div>

        <!-- 按鈕 -->
        <div class="row">
            <!-- 佔4列，偏移8列 -->
            <div class="col-md-4 col-md-offset-8">
                <button class="btn btn-primary">新增</button>
                <button class="btn btn-danger">刪除</button>
            </div>
        </div>

        <!-- 顯示錶格數據 -->
        <div class="row">
            <div class="col-md-12">
                <table class="table table-hover">
                    <tr>
                        <th>#</th>
                        <th>empName</th>
                        <th>gender</th>
                        <th>email</th>
                        <th>deptName</th>
                        <th>操做</th>
                    </tr>
                    <c:forEach items="${pageInfo.list}" var="emp">
                        <tr>
                            <th>${emp. empId}</th>
                            <th>${emp. empName}</th>
                            <th>${emp. gender=="M"?"男":"女"}</th>
                            <th>${emp. email}</th>
                            <th>${emp. department.deptName}</th>
                            <th>
                                <button class="btn btn-primary btn-sm">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                    編輯
                                </button>
                                <button class="btn btn-danger btn-sm">
                                    <span class="glyphicon glyphicon-trash " aria-hidden="true"></span>
                                    刪除
                                </button></th>
                        </tr>

                    </c:forEach>

                </table>
            </div>
        </div>

        <!-- 顯示分頁信息 -->
        <div class="row">
            <!-- 分頁文字信息 -->
            <div class="col-md-6">
                當前${pageInfo.pageNum}頁,總${pageInfo.pages}頁,總 ${pageInfo.total}條記錄</div>
            <!-- 分頁條 信息-->
            <div class="col-md-6">
                <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li><a href="${APP_PATH}/emps?pn=1">首頁</a>
                    </li>

                    <!-- 若是有上一頁 就顯示-->
                    <c:if test="${pageInfo.hasPreviousPage}">
                        <li>
                            <!-- 前一頁是當前頁-1 --> <a
                            href="${APP_PATH}/emps?pn=${pageInfo.pageNum-1}"
                            aria-label="Previous"> <span aria-hidden="true">&laquo;</span>
                        </a></li>
                    </c:if>


                    <c:forEach items="${pageInfo.navigatepageNums }" var="page_Num">

                        <!-- 判斷 是否是當前頁 若是是顯示高亮-->
                        <c:if test="${page_Num == pageInfo.pageNum }">
                            <li class="active"><a href="#">${page_Num}</a>
                            </li>
                        </c:if>
                        <c:if test="${page_Num != pageInfo.pageNum }">
                            <li><a href="${APP_PATH}/emps?pn=${page_Num}">${page_Num}</a>
                            </li>
                        </c:if>
                    </c:forEach>


                    <c:if test="${pageInfo.hasNextPage}">
                        <li><a href="${APP_PATH}/emps?pn=${pageInfo.pageNum+1}"
                            aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a></li>
                    </c:if>
                    <li><a href="${APP_PATH}/emps?pn=${pageInfo.pages}">末頁</a>
                    </li>
                </ul>
                </nav>
            </div>
        </div>
    </div>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。