SSM整合（用json,easyui,spring实现从数据库查找信息并进行分页）

首先建一张数据库表向里面录入一些信息：

CREATE TABLE `userinfo` (`userid` INT (11),`userName` VARCHAR (180),`userSex` CHAR (27),`userAge` INT (11),`userAddress` VARCHAR (900)
);
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('1','白莲女','女','33','武汉');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('2','折为成','女','50','西安');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('3','折得民','女','31','罗马');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('4','折挨成','男','33','香港');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('5','折改何','女','41','商洛');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('6','孙成红','男','46','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('7','郝埃连','女','55','西安');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('8','丁冬芹','女','23','北京');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('9','孙立军','男','48','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('10','张虎豹','男','57','洛杉矶');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('11','张亮','男','19','罗马');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('12','贾大林','女','37','北京');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('13','王璐','女','57','武汉');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('14','郑成枝','男','24','洛杉矶');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('15','张国厚','女','38','上海');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('16','杨福林','女','38','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('17','马果树','女','51','北京');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('18','刘埃牛','女','27','北京');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('19','杨万富','女','28','重庆');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('20','郭二旦','女','52','上海');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('21','马占云','女','46','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('22','石玉兰','女','48','上海');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('23','尚文清','男','47','武汉');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('24','杨平','女','55','罗马');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('25','杨海清','男','29','商洛');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('26','王越建','男','32','重庆');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('27','王利祥','女','30','宝鸡');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('28','王飞云','男','25','宝鸡');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('29','王银喜','女','28','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('30','王树林','女','35','成都');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('31','贾飞世','女','48','洛杉矶');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('32','贾埃罗','女','48','成都');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('33','贾永世','男','45','罗马');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('34','贾虎世','女','40','洛杉矶');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('35','贾熹','男','43','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('36','贾小龙','女','41','商洛');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('37','贾飞小','女','45','上海');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('38','刘埃生','女','43','苏州');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('39','马祥','女','55','重庆');
INSERT INTO `userinfo` (`userid`, `userName`, `userSex`, `userAge`, `userAddress`) VALUES('40','贾桂林','男','49','成都');

然后在eclipse下面建一个maven项目：将所需要的jar包导入：jdbc，spring，mybatis，jstl，Servlet，mybatis-spring,json…

<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/maven-v4_0_0.xsd"><modelVersion>4.0.0</modelVersion><groupId>com.excellent</groupId><artifactId>ssm</artifactId><packaging>war</packaging><version>0.0.1-SNAPSHOT</version><name>ssm Maven Webapp</name><url>http://maven.apache.org</url><dependencies><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>3.8.1</version><scope>test</scope></dependency><!-- JSTL --><dependency><groupId>javax.servlet</groupId><artifactId>jstl</artifactId><version>1.2</version></dependency><!-- servlet --><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>4.0.1</version><scope>provided</scope></dependency><!-- MySQL --><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>5.1.47</version></dependency><!-- spring --><dependency><groupId>org.springframework</groupId><artifactId>spring-web</artifactId><version>5.0.8.RELEASE</version></dependency><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.0.8.RELEASE</version></dependency><dependency><groupId>org.springframework</groupId><artifactId>spring-jdbc</artifactId><version>5.0.8.RELEASE</version></dependency><!-- MyBatis --><dependency><groupId>org.mybatis</groupId><artifactId>mybatis</artifactId><version>3.4.5</version></dependency><!-- MyBatis-spring --><dependency><groupId>org.mybatis</groupId><artifactId>mybatis-spring</artifactId><version>1.3.1</version></dependency><!-- JSON fastjson --><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.32</version></dependency></dependencies><build><finalName>ssm</finalName></build>
</project>

在resources文件夹下创建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:context="http://www.springframework.org/schema/context"xmlns:mvc="http://www.springframework.org/schema/mvc"xmlns:tx="http://www.springframework.org/schema/tx"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.xsdhttp://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsdhttp://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd"><!-- 视图解析器 --><bean id="irvr" class="org.springframework.web.servlet.view.InternalResourceViewResolver"><property name="suffix" value=".jsp" /><property name="prefix" value="/" /></bean><!-- 数据源 --><bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"><property name="url" value="jdbc:mysql://localhost:3306/userinfo" /><property name="username" value="root" /><property name="password" value="66668888ZH" /><property name="driverClassName" value="com.mysql.jdbc.Driver" /></bean><!-- 会话工厂 --><bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"><property name="dataSource" ref="dataSource"/></bean><!-- 事务管理 --><bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"><property name="dataSource" ref="dataSource"></property></bean><tx:annotation-driven transaction-manager="transactionManager"/><!-- 自动扫描 --><mvc:annotation-driven/><context:annotation-config/><context:component-scan base-package="biz"/><context:component-scan base-package="controller"/><!-- 扫描mapper的内容 --><bean id="msc" class="org.mybatis.spring.mapper.MapperScannerConfigurer"><property name="basePackage" value="mapper"/><property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/></bean><!-- 拦截器 --><mvc:interceptors><bean id="encode" class="interceptor.EncodInterceptor" /></mvc:interceptors>
</beans>

在web.xml中注册DispatchServlet

<!DOCTYPE web-app PUBLIC"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd" >
<web-app><display-name>Archetype Created Web Application</display-name><servlet><servlet-name>springMVC</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextConfigLocation</param-name><param-value>classpath:spring.xml</param-value></init-param></servlet><servlet-mapping><servlet-name>springMVC</servlet-name><url-pattern>*.spring</url-pattern></servlet-mapping>
</web-app>

创建bean包，建一个UserInfo类封装数据：

package bean;
public class UserInfo {private Integer userId;private String userName;private String userSex;private Integer userAge;private String userAddress;public UserInfo() {}public Integer getUserId() {return userId;}public void setUserId(Integer userId) {this.userId = userId;}public String getUserName() {return userName;}public void setUserName(String userName) {this.userName = userName;}public String getUserSex() {return userSex;}public void setUserSex(String userSex) {this.userSex = userSex;}public Integer getUserAge() {return userAge;}public void setUserAge(Integer userAge) {this.userAge = userAge;}public String getUserAddress() {return userAddress;}public void setUserAddress(String userAddress) {this.userAddress = userAddress;}
}

创建mapper包，下建立UserMapper接口和UserMapper.xml

package mapper;
import java.util.List;
import bean.UserInfo;
public interface UserMapper {List<UserInfo> findAllUser(int nums);
}

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="mapper.UserMapper"><select id="findAllUser" resultType="bean.UserInfo">select * from UserInfo limit #{nums},10</select>
</mapper>

创建biz包，下面创建UserBiz接口和UserBizImpl实现类
UserBiz：

package biz;
import java.util.List;
import bean.UserInfo;
public interface UserBiz {List<UserInfo> findAllUser(int nums);
}

UserBizImpl：

package biz.impl;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import bean.UserInfo;
import biz.UserBiz;
import mapper.UserMapper;
@Service
public class UserBizImpl implements UserBiz {@Autowiredprivate UserMapper um;public List<UserInfo> findAllUser(int nums) {return um.findAllUser(nums);}
}

建立controller包：下面建立UserController类

package controller;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
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 com.alibaba.fastjson.JSONArray;
import biz.UserBiz;
@Controller
@RequestMapping("/user")
public class UserController {@Autowiredprivate UserBiz ub;@RequestMapping("/find")public String findAll(HttpServletRequest request){return "index";}@RequestMapping(value="/finduser",produces="application/json;charset=utf-8")@ResponseBodypublic String findAllUser(@RequestParam(defaultValue="1",value="page") int nums){// 将List-->jsonstrString str = JSONArray.toJSONString(ub.findAllUser((nums-1)*10));str = "{\"total\":59,\"rows\":" + str+"}";System.out.println(str);return str;}
}

页面：
在webapp下面引入jquery-easyui-1.6.7文件，建立index.html，样式从easyui官网上找

<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"href="jquery-easyui-1.6.7/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
<script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
</head>
<body><table class="easyui-datagrid" title="用户信息" style="width:700px;height:250px"data-options="singleSelect:true,collapsible:true,pagination:true,url:'user/finduser.spring',method:'get'"><thead><tr><th data-options="field:'userId',width:80">编号</th><th data-options="field:'userName',width:100">姓名</th><th data-options="field:'userSex',width:80,align:'right'">性别</th><th data-options="field:'userAge',width:80,align:'right'">年龄</th><th data-options="field:'userAddress',width:250">住址</th></tr></thead></table>
</body>
<script type="text/javascript">$(function(){var pager = $('#dg').datagrid().datagrid('getPager'); // get the pager of datagridpager.pagination({buttons:[{iconCls:'icon-search',handler:function(){alert('search');}},{iconCls:'icon-add',handler:function(){alert('add');}},{iconCls:'icon-edit',handler:function(){alert('edit');}}]});         })</script>
</html>

演示结果：

下一页：

SSM整合（用json,easyui,spring实现从数据库查找信息并进行分页）相关推荐

ssm整合说明与模板-Spring Spring MVC Mybatis整合开发
ssm整合说明 spring+spring mvc+mybatis 说明源码下载由于之前存在ssh框架,spring+struts+hibernate,其中spring负责aop与ioc,所以一般 ...
SSM 整合 3：一个 Spring 入门程序带你来了解什么是控制反转（IoC）/依赖注入（DI）！
文章目录前言一.使用 Eclipse 创建动态 Web 项目并导入所需 jar 包二.创建接口 TestDao 和实现类 2.1.创建接口 TestDao 2.2.创建接口的实现类 TestDa ...
SpringMVC学习06之SSM整合（一）
复习我的环境环境: IDEA MySQL 5.7.34 Tomcat 8 Maven 3.8.3 一.SSM整合要求: 需要熟练掌握MySQL数据库,Spring,JavaWeb及MyBatis ...
Java SSM6——SSM整合
Java SSM6--SSM整合 1.Mybatis 1.1.数据库准备 CREATE TABLE person(id INT PRIMARY KEY,NAME VARCHAR(10),PASSWOR ...
ssm如何支持热部署_最新Spring Boot实战文档推荐：项目搭建+配置+SSM整合
在Spring Boot项目中,正常来说是不存在XML配置,这是因为Spring Boot不推荐使用XML,注意,排不支持,Spring Boot推荐开发者使用Java配置来搭建框架, Spring ...
结合Layui框架，实现SpringMVC+Spring+Mybatis,SSM整合案例CRUD（超详细代码，外加说明）
首先: 你需要去Layui官网下载UI框架.你可能会问,为什么用Layui实现页面效果?简单来说就是:简单.好用.上手快,作为JAVA后端开发人员,Layui无疑是非常友好的,拿来即用. 页面效果图: ...
mybatis+spring+springmvc ssm整合
文章目录 mybatis 开发我的第一个mybatis程序关于mybatis的核心API:SqlSession对象. mybatis连接数据库操作 log4j jackson parameterTy ...
基于Maven+SpringMVC+Spring+MyBatis+Layui整合框架，超详细的SSM整合❤️
人生有太多不如意,我们要学会去努力参考文档:layUI文档:spring家族文档:mybatis文档前言:SSM 整合整合的思路是: 先创建spring框架通过spring整合spring m ...
springboot做系统所需的软硬件环境_最新Spring Boot实战文档推荐：项目搭建+配置+SSM整合...
在Spring Boot项目中,正常来说是不存在XML配置,这是因为Spring Boot不推荐使用XML,注意,排不支持,Spring Boot推荐开发者使用Java配置来搭建框架, Spring ...

SSM整合（用json,easyui,spring实现从数据库查找信息并进行分页）

SSM整合（用json,easyui,spring实现从数据库查找信息并进行分页）相关推荐

最新文章

热门文章