做一个合格的程序猿之Spring MVC+Spring + mybatis + Bootstrap 整合

准备环境:JDK1.7+MAVEN+Eclipse

1) 打开Eclipse 点击Window-->Preferences-->Maven--->User Settings 配置一下你的Maven配置文件setting.xml


2)新建Maven项目

记得勾选红色方框中的钩,点击Next,出现如下:

将packaging中的jar修改成pom,如上图所示,Group Id为你的基本包名,可以任意命名,点击Finish,完成后出现

打开study-pom中的pom.xml,添加如下基本依赖:

<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>org.lyncc</groupId>
	<artifactId>study-pom</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>pom</packaging>

	<properties>
		<spring.version>4.0.1.RELEASE</spring.version>
		<mybatis.version>3.2.4</mybatis.version>
	</properties>

	<dependencies>
		<dependency>
			<groupId>junit</groupId>
			<artifactId>junit</artifactId>
			<version>4.9</version>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-orm</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-expression</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-aop</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-beans</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context-support</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-test</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-tx</artifactId>
			<version>${spring.version}</version>
		</dependency>
		<dependency>
			<groupId>org.apache.logging.log4j</groupId>
			<artifactId>log4j-api</artifactId>
			<version>2.0.2</version>
		</dependency>
		<dependency>
			<groupId>org.apache.logging.log4j</groupId>
			<artifactId>log4j-core</artifactId>
			<version>2.0.2</version>
		</dependency>
		<dependency>
			<groupId>log4j</groupId>
			<artifactId>log4j</artifactId>
			<version>1.2.16</version>
		</dependency>

		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>druid</artifactId>
			<version>1.0.11</version>
		</dependency>

		<dependency>
			<groupId>org.aspectj</groupId>
			<artifactId>aspectjweaver</artifactId>
			<version>1.8.4</version>
		</dependency>

		<dependency>
			<groupId>org.apache.commons</groupId>
			<artifactId>commons-lang3</artifactId>
			<version>3.3.2</version>
		</dependency>

		<dependency>
			<groupId>org.javassist</groupId>
			<artifactId>javassist</artifactId>
			<version>3.18.2-GA</version>
		</dependency>
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<version>5.1.28</version>
		</dependency>

		<!-- mybatis核心包 -->
		<dependency>
			<groupId>org.mybatis</groupId>
			<artifactId>mybatis</artifactId>
			<version>${mybatis.version}</version>
		</dependency>
		<!-- mybatis/spring包 -->
		<dependency>
			<groupId>org.mybatis</groupId>
			<artifactId>mybatis-spring</artifactId>
			<version>1.2.2</version>
		</dependency>
		<dependency>
			<groupId>log4j</groupId>
			<artifactId>log4j</artifactId>
			<version>1.2.16</version>
		</dependency>
	</dependencies>

</project>
3)新建Maven模块Maven Module

选择Maven Module然后点击Next,如下


Module Name输入study-intf(该maven模块是接口模块),然后点击Browse

选择study-pom然后点击ok,回到上个窗口,点击Next,出现:

选择如上图红色框框选中的quickstart,点击NEXT:

点击Finish,如下图:

4)再次新建maven模块,模块名为study-service(service模块),新建方法与上述步骤3中一致,只是在Moudle Name修改为study-service,建立好如下图所示:


5)新建maven-moudle,模块名为study-web

点击Next


选择webapp,点击Next:

点击Finish:

分别打开study-intf,service,web模块中的pom.xml文件,将有黄色下划线的去掉,否则项目会有warning警告),例外,依次修改study-intf,service,web的默认依赖的jdk版本,分别右击项目模块,然后依次修改为


然后依次修改pom的依赖

study-intf下的pom.xml如下:

<?xml version="1.0"?>
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <modelVersion>4.0.0</modelVersion>
  <parent>
    <groupId>org.lyncc</groupId>
    <artifactId>study-pom</artifactId>
    <version>0.0.1-SNAPSHOT</version>
  </parent>
  <artifactId>study-intf</artifactId>
  <name>study-intf</name>
  <url>http://maven.apache.org</url>
 
</project>
study-service下的pom.xml如下:

<?xml version="1.0"?>
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <modelVersion>4.0.0</modelVersion>
  <parent>
    <groupId>org.lyncc</groupId>
    <artifactId>study-pom</artifactId>
    <version>0.0.1-SNAPSHOT</version>
  </parent>
  <artifactId>study-service</artifactId>
  <name>study-service</name>
  <url>http://maven.apache.org</url>
  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  </properties>
  <dependencies>
    <dependency>
      <groupId>org.lyncc</groupId>
      <artifactId>study-intf</artifactId>
      <version>${project.version}</version>
    </dependency>
  </dependencies>
</project>
study-web下的pom.xml需要添加web的依赖

<?xml version="1.0"?>
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <modelVersion>4.0.0</modelVersion>
  <parent>
    <groupId>org.lyncc</groupId>
    <artifactId>study-pom</artifactId>
    <version>0.0.1-SNAPSHOT</version>
  </parent>
  <artifactId>study-web</artifactId>
  <packaging>war</packaging>
  <name>study-web Maven Webapp</name>
  <url>http://maven.apache.org</url>
  <properties>
		<spring.version>4.0.1.RELEASE</spring.version>
	</properties>
  <dependencies>
   <dependency>
      <groupId>org.lyncc</groupId>
      <artifactId>study-service</artifactId>
      <version>${project.version}</version>
    </dependency>
    <dependency>
		<groupId>org.springframework</groupId>
		<artifactId>spring-webmvc</artifactId>
		<version>${spring.version}</version>
	</dependency>
	<dependency>
		<groupId>org.springframework</groupId>
		<artifactId>spring-web</artifactId>
		<version>${spring.version}</version>
	</dependency>
	<dependency>
		<groupId>org.codehaus.jackson</groupId>
		<artifactId>jackson-mapper-asl</artifactId>
		<version>1.9.11</version>
	</dependency>
	<dependency>
		<groupId>org.codehaus.jackson</groupId>
		<artifactId>jackson-core-asl</artifactId>
		<version>1.9.11</version>
	</dependency>
	<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>javax.servlet-api</artifactId>
			<version>3.0.1</version>
			<scope>provided</scope>
		</dependency>
		<dependency>
			<groupId>javax.servlet.jsp</groupId>
			<artifactId>jsp-api</artifactId>
			<version>2.2</version>
		</dependency>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>jstl</artifactId>
			<version>1.2</version>
		</dependency>
  </dependencies>
  <build>
    <finalName>study-web</finalName>
  </build>
</project>

6)修改study-web下的web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:jsp="http://java.sun.com/xml/ns/javaee/jsp"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	version="3.0">
	<display-name>study-web</display-name>

	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>

	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath*:spring-mybatis.xml,classpath*:spring.xml</param-value>
	</context-param>

	<context-param>
		<param-name>log4jConfigLocation</param-name>
		<param-value>classpath:log4j.xml</param-value>
	</context-param>

	<context-param>
		<param-name>rootLevel</param-name>
		<param-value>DEBUG</param-value>
	</context-param>

	<context-param>
		<param-name>loggingLevel</param-name>
		<param-value>INFO</param-value>
	</context-param>

	<listener>
		<listener-class>org.springframework.web.util.Log4jConfigListener</listener-class>
	</listener>

	<servlet>
		<servlet-name>spring</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath*:spring-servlet.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>spring</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>
	<filter>
		<filter-name>encodingFilter</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>forceEncoding</param-name>
			<param-value>true</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>

</web-app>
选择study-web,新建spring.xml,spring-servlet.xml,log4j.xml

spring.xml内容:

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:c="http://www.springframework.org/schema/c" xmlns:cache="http://www.springframework.org/schema/cache" xmlns:context="http://www.springframework.org/schema/context" xmlns:jdbc="http://www.springframework.org/schema/jdbc" xmlns:jee="http://www.springframework.org/schema/jee" xmlns:lang="http://www.springframework.org/schema/lang" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:p="http://www.springframework.org/schema/p" xmlns:task="http://www.springframework.org/schema/task" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:util="http://www.springframework.org/schema/util"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd
        http://www.springframework.org/schema/cache http://www.springframework.org/schema/cache/spring-cache.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc.xsd
        http://www.springframework.org/schema/jee http://www.springframework.org/schema/jee/spring-jee.xsd
        http://www.springframework.org/schema/lang http://www.springframework.org/schema/lang/spring-lang.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://www.springframework.org/schema/task http://www.springframework.org/schema/task/spring-task.xsd
        http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd
        http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util.xsd">

    <context:component-scan base-package="org.study">
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>
    
</beans>
spring-servlet.xml

<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:p="http://www.springframework.org/schema/p"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="
       http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc.xsd">
       
    <mvc:annotation-driven/>
    <mvc:default-servlet-handler/>
    
     <context:component-scan base-package="org.study.lyncc.web.controller" >
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller" /> 
    </context:component-scan>  
    
    <mvc:resources mapping="/fonts/**" location="/WEB-INF/fonts/"/>
    <mvc:resources mapping="/resources/**" location="/WEB-INF/resources/"/>


    <bean id="viewResolver"  
        class="org.springframework.web.servlet.view.InternalResourceViewResolver">  
        <property name="prefix" value="/WEB-INF/jsp/"></property>  
        <property name="suffix" value=".jsp"></property>  
    </bean> 
    
</beans>
log4j.xml

<?xml version="1.0" encoding="UTF-8"?>    
<!DOCTYPE log4j:configuration PUBLIC "-//APACHE//DTD LOG4J 1.2//EN" "log4j.dtd">  
<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">  
  <!-- [控制台STDOUT] -->  
  <appender name="console" class="org.apache.log4j.ConsoleAppender">  
     <param name="encoding" value="GBK" />  
     <param name="target" value="System.out" />  
     <layout class="org.apache.log4j.PatternLayout">  
       <param name="ConversionPattern" value="%-5p %c{2} - %m%n" />  
     </layout>  
  </appender>  
  
  <!-- [公共Appender] -->  
  <appender name="DEFAULT-APPENDER" class="org.apache.log4j.DailyRollingFileAppender">  
     <param name="File" value="${webapp.root}/logs/common-default.log" />  
     <param name="Append" value="true" />  
     <param name="encoding" value="GBK" />  
     <param name="DatePattern" value="'.'yyyy-MM-dd'.log'" />  
     <layout class="org.apache.log4j.PatternLayout">  
    <param name="ConversionPattern" value="%d %-5p %c{2} - %m%n" />  
     </layout>  
   </appender>  
  
   <!-- [错误日志APPENDER] -->  
   <appender name="ERROR-APPENDER" class="org.apache.log4j.DailyRollingFileAppender">  
     <param name="File" value="${webapp.root}/logs/common-error.log" />  
     <param name="Append" value="true" />  
     <param name="encoding" value="GBK" />  
     <param name="threshold" value="error" />  
     <param name="DatePattern" value="'.'yyyy-MM-dd'.log'" />  
     <layout class="org.apache.log4j.PatternLayout">  
        <param name="ConversionPattern" value="%d %-5p %c{2} - %m%n" />  
     </layout>  
   </appender>  
  
   <!-- [组件日志APPENDER] -->  
   <appender name="COMPONENT-APPENDER"  
class="org.apache.log4j.DailyRollingFileAppender">  
     <param name="File" value="${webapp.root}/logs/logistics-component.log" />  
     <param name="Append" value="true" />  
     <param name="encoding" value="GBK" />  
     <param name="DatePattern" value="'.'yyyy-MM-dd'.log'" />  
     <layout class="org.apache.log4j.PatternLayout">  
    <param name="ConversionPattern" value="%d %-5p %c{2} - %m%n" />  
     </layout>  
   </appender>  
  
   <!-- [组件日志] -->  
   <logger name="LOGISTICS-COMPONENT">  
      <level value="${loggingLevel}" />  
      <appender-ref ref="COMPONENT-APPENDER" />  
      <appender-ref ref="ERROR-APPENDER" />  
   </logger>  
  
   <!-- Root Logger -->  
   <root>  
       <level value="${rootLevel}"></level>  
       <appender-ref ref="DEFAULT-APPENDER" />  
       <appender-ref ref="ERROR-APPENDER" />  
       <appender-ref ref="console" /> 
       <appender-ref ref="COMPONENT-APPENDER" /> 
   </root>  
</log4j:configuration>  

7)在study-intf的src/main/resources(可能需要自己新建)添加jdbc.properties,,mybatis-config.xml,spring-mybatis.xml文件

jdbc.properites

jdbc_driverClassName=com.mysql.jdbc.Driver
jdbc_url=jdbc:mysql://localhost:3306/study?useUnicode=true&characterEncoding=utf-8
jdbc_username=root
jdbc_password=

mybatis-config.xml

<?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>
    <typeAliases>
         <typeAlias alias="User" type="org.study.intf.lyncc.entity.User"/> 
    </typeAliases>
    <mappers>
    </mappers>
</configuration>
spring-mybatis.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xmlns:p="http://www.springframework.org/schema/p"
  xmlns:context="http://www.springframework.org/schema/context"
  xmlns:aop="http://www.springframework.org/schema/aop"
  xmlns:tx="http://www.springframework.org/schema/tx"
  xmlns:util="http://www.springframework.org/schema/util"
  xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context-3.2.xsd
    http://www.springframework.org/schema/tx
    http://www.springframework.org/schema/tx/spring-tx-3.2.xsd
    http://www.springframework.org/schema/aop
    http://www.springframework.org/schema/aop/spring-aop-3.2.xsd
    http://www.springframework.org/schema/util 
    http://www.springframework.org/schema/util/spring-util-3.2.xsd">
    
    <bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
		<property name="locations">
			<list>
				<value>classpath:jdbc.properties</value>
			</list>
		</property>
	</bean>
 
 
    <bean id="dataSource"
        class="org.springframework.jdbc.datasource.DriverManagerDataSource">
        <property name="driverClassName" value="${jdbc_driverClassName}" />
        <property name="url" value="${jdbc_url}" />
        <property name="username" value="${jdbc_username}" />
        <property name="password" value="${jdbc_password}" />
    </bean>
    
	
	<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
		<property name="dataSource" ref="dataSource" />
	</bean>
     
    <!-- mybatis文件配置,扫描所有mapper文件 -->
      <bean id="sqlSessionFactory"
          class="org.mybatis.spring.SqlSessionFactoryBean"
          p:dataSource-ref="dataSource"
          p:configLocation="classpath:mybatis-config.xml"
          p:mapperLocations="classpath:mapper/*.xml"/> 
       
   <!-- spring与mybatis整合配置,扫描所有dao -->
 <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"
        p:basePackage="org.study.intf.lyncc.mapper"
        p:sqlSessionFactoryBeanName="sqlSessionFactory"/>
  
</beans>
数据库建表语句:

DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(50) NOT NULL,
  `password` varchar(50) NOT NULL,
  `age` int(11) NOT NULL,
  `mail` varchar(50) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=12 DEFAULT CHARSET=utf8mb4;

INSERT INTO `user` VALUES ('1', '曾子墨', '123456', '25', 'zimo@163.com');
INSERT INTO `user` VALUES ('2', '吴神', '234456', '24', 'shentong@alibaba.com');
INSERT INTO `user` VALUES ('3', '张岩', '654321', '23', 'zhangyan@qq.com');
INSERT INTO `user` VALUES ('4', '武松', '12wsas', '45', 'wusong@qq.com');
INSERT INTO `user` VALUES ('5', '孙悟空', 'qwert', '5000', 'wukong@163.com');
INSERT INTO `user` VALUES ('6', '孙燕姿', 'yanzi', '29', 'lvguang@meili.com');
INSERT INTO `user` VALUES ('7', '京东', 'JD', '15', 'jd@jd.com');
INSERT INTO `user` VALUES ('8', '淘宝', 'taobao', '19', 'mayun@taobao.com');
INSERT INTO `user` VALUES ('9', '蘑菇街', 'mogujie', '6', 'mogujie@mg.com');
INSERT INTO `user` VALUES ('10', '当当', 'dangdang', '11', 'dangdang@wuxi.com');
INSERT INTO `user` VALUES ('11', 'facebook', 'facebook', '12', 'facebook@fb.com');

好了,到此为止所有的准备工作都好了,接下来就是写代码了

UserController.java

package org.study.lyncc.web.controller;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.annotation.Resource;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.study.intf.lyncc.entity.User;
import org.study.service.UserService;


@Controller
@RequestMapping(value="/user")
public class UserController {
	

	@Resource
	private UserService userService;
	
	@ResponseBody
	@RequestMapping(value="test")
	public List<User> getAllList(){
		List<User> users = userService.getAllUser();
		return users;
	}
	
	
	@RequestMapping(value="list")
	public String list(){
		return "list";
	}
	
	@ResponseBody
	@RequestMapping("/page")
	public Map<String, Object> page(@RequestParam Map<String, Object> requestMap){
		
		int limit = Integer.valueOf("" + requestMap.get("limit"));
		int offset = Integer.valueOf("" + requestMap.get("offset"));
		List<User> users = userService.findByPage(limit,offset);
		
		Map<String, Object> resultMap = new HashMap<String, Object>();
		resultMap.put("status", "success");
		resultMap.put("total", userService.findCount());
		resultMap.put("rows", users);
		
		return resultMap;
	}
	
	
}

UserService.java

package org.study.service;

import java.util.List;

import org.study.intf.lyncc.entity.User;

public interface UserService {

	List<User> getAllUser();

	List<User> findByPage(int limit, int offset);

	Integer findCount();

}

UserSerivceImpl.java

package org.study.service.impl;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Service;
import org.study.intf.lyncc.entity.User;
import org.study.intf.lyncc.mapper.UserMapper;
import org.study.service.UserService;

@Service
public class UserServiceImpl implements UserService {

	@Resource
	private UserMapper userMapper;

	public List<User> getAllUser() {
		return userMapper.findAllUser();
	}

	public List<User> findByPage(int limit, int offset) {
		return userMapper.findByPage(limit,offset);
	}

	public Integer findCount() {
		return userMapper.countAll();
	}

}

UserMapper.java

package org.study.intf.lyncc.mapper;

import java.util.List;

import org.apache.ibatis.annotations.Param;
import org.study.intf.lyncc.entity.User;


public interface UserMapper{

	List<User> findAllUser();

	List<User> findByPage(@Param("limit")Integer limit,@Param("offset")Integer offset);

	Integer countAll();
	
 
}
UserMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="org.study.intf.lyncc.mapper.UserMapper">

 	<resultMap type="User" id="userInfo">
	     <id property="id" column="id"/>
		 <result property="username" column="username"/>
		 <result property="mail" column="mail"/>
		 <result property="age" column="age"/>
		 <result property="password" column="password"/>
	</resultMap>
	
	<select id="findAllUser" resultMap="userInfo">
	  select * from user
	</select>
	
	<select id="findByPage" resultMap="userInfo">
	     select * from user limit #{offset},#{limit}
	</select>
	
	<select id="countAll" resultType="Integer">
	  select count(*) from user
	</select>
	 
</mapper>
User.java

package org.study.intf.lyncc.entity;

import java.io.Serializable;

 
public class User implements Serializable {
	
	
	private static final long serialVersionUID = 1L;
	
	private Integer id;  
	
    private String username;  
    
    private String password;  
    
    private int age;
    
    private String mail;

    public User() {
    	
    }


    public Integer getId() {
		return id;
	}

	public void setId(Integer id) {
		this.id = id;
	}

	public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

	public int getAge() {
		return age;
	}

	public void setAge(int age) {
		this.age = age;
	}

	public String getMail() {
		return mail;
	}

	public void setMail(String mail) {
		this.mail = mail;
	}

	 
}
list.html

<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demo</title>
<link rel="stylesheet" href="${ctx}/resources/bootstrap-table.min.css">
<script type="text/javascript" src="${ctx}/resources/jquery-1.11.1.min.js"/></script>
<script type="text/javascript" src="${ctx}/resources/bootstrap-table.min.js"></script>
<link rel="stylesheet" href="${ctx}/resources/bootstrap.min.css">
<script type="text/javascript" src="${ctx}/resources/bootstrap.min.js"></script>
</head>
<body >
	<div class="page-container">
	  <div style="height:500px">
	   <table class="table table-bordered table-striped" id="usertable">
	   </table>
	   </div>
	</div>
</body>
<script type="text/javascript">
$(function(){
	 $("#usertable").bootstrapTable({
		 method:'get',
		 url:"${ctx}/user/page",
		 cache: false, 
		 striped: true,
		 pagination: true,
		 pageList: [10,20,50],
		 pageSize:10,
		 pageNumber:1,
		 queryParams: function(params){
		 		paramsReturn = {
					limit: params.limit,
					offset: params.offset,
				};
			 	return paramsReturn;
		 },
		 sidePagination:'server',
		 contentType: "application/x-www-form-urlencoded",
		 showColumns: true, 
		 showRefresh: true,  
		 smartDisplay:true,
		 columns: [
          {  
				field: 'id',  
				title: '编号',  
				align: 'center',  
				width: '60',  
				valign: 'middle',	
          },
          {  
        	  	field: 'username', 
          	    title: '名称',  
				align: 'center',  
				width: '60',  
				valign: 'middle', 
          },
          {  
				field: 'age',  
				title: '年龄',  
				align: 'center',  
				width: '40',  
				valign: 'middle',
          },
          {   
        	  	field: 'password',
          		title: '密码',  
				align: 'center',  
				width: '120',  
				valign: 'middle',
          },
          {
        	    field: 'mail',
				title: '邮箱',  
				align: 'center',  
				width: '40',  
				valign: 'middle', 
          },
          {
				title: '用户操作',  
				align: 'center',  
				width: '240',  
				valign: 'middle', 
				formatter: function(value,row,index){
	        		 var str = "";
	            	 if(row.type == 0)
	            		 str += '<button class="btn btn-secondary btn-xs"><i class="fa fa-edit"></i><span>查看</span></button>';
	            	 else
	            		 str += '<button class="btn btn-warning btn-xs"><i class="fa fa-edit"></i><span >编辑</span></button>';
	            	 return str;
   			}
          },
	     ]
	 });
});
</script>
</html>
就做了简单的分页功能,效果图如下:


好了,到此为止,基本代码已经贴出了,bootstrap的包在附件中,这边就不贴出了,源码下载地址是(下载后用jdk1.7编译):

http://download.csdn.net/detail/linuu/9454826

如果有问题,请指出~









  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值