SpringMVC+easyUI 分页，查询 （完整的CRUD）

最新推荐文章于 2021-02-16 03:10:19 发布
最新推荐文章于 2021-02-16 03:10:19 发布
阅读量710 收藏 3
点赞数 2
分类专栏： Java

终于完成CRUD的功能了，注意，这里会对前面有一些改动，UserController的listUser() 已经改写了，现在把全部整理一下吧。

JSP：

[html]  view plain  copy
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <%  
  4. String path = request.getContextPath();  
  5. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  6. %>  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  8. <html>  
  9. <head>  
  10.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  11.     <base href="<%=basePath%>">  
  12.     <meta name="description" content="easyui help you build your web page easily!">  
  13.     <title>jQuery EasyUI CRUD Demo</title>  
  14.         <link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">  
  15.     <link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">  
  16.     <link rel="stylesheet" type="text/css" href="css/easyui/demo.css">  
  17.     <script type="text/javascript" src="js/jquery-easyui-1.4.2/jquery.min.js"></script>  
  18.     <script type="text/javascript" src="js/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>  
  19.     <style type="text/css">  
  20.         #fm{  
  21.             margin:0;  
  22.             padding:10px 30px;  
  23.         }  
  24.         .ftitle{  
  25.             font-size:14px;  
  26.             font-weight:bold;  
  27.             color:#666;  
  28.             padding:5px 0;  
  29.             margin-bottom:10px;  
  30.             border-bottom:1px solid #ccc;  
  31.         }  
  32.         .fitem{  
  33.             margin-bottom:5px;  
  34.         }  
  35.         .fitem label{  
  36.             display:inline-block;  
  37.             width:80px;  
  38.         }  
  39.     </style>  
  40.     <script type="text/javascript">  
  41.         var url;  
  42.         function newUser(){  
  43.             $('#dlg').dialog('open').dialog('setTitle','新建用户');  
  44.             $('#fm').form('clear');  
  45.             url = 'user/addUser';  
  46.         }  
  47.         function editUser(){  
  48.             var row = $('#dg').datagrid('getSelected');  
  49.             // alert(row.userId);  
  50.           
  51.             if (row){  
  52.                 $('#dlg').dialog('open').dialog('setTitle','编辑用户');  
  53.                 $('#fm').form('load',row);  
  54.                 //url = 'user/updateUser?id='+row.userId;  
  55.                 url ='user/updateUser';  
  56.             }  
  57.         }  
  58.         function saveUser(){  
  59.             $('#fm').form('submit',{  
  60.                 //url:'user/addUser',  
  61.                 url: url,  
  62.                 onSubmit: function(){  
  63.                     return $(this).form('validate');  
  64.                 },  
  65.                 success: function(result){  
  66.                     var result = eval('('+result+')');  
  67.                     if (result.success){  
  68.                         $.messager.show({  
  69.                         title:'Info',  
  70.                         msg:result.msg,  
  71.                         showType:'fade',  
  72.                         style:{  
  73.                             right:'',  
  74.                             bottom:''  
  75.                             }  
  76.                         });  
  77.                         $('#dlg').dialog('close');      // close the dialog  
  78.                         $('#dg').datagrid('reload');    // reload the user data  
  79.                     } else {  
  80.                         $.messager.show({  
  81.                             title: 'Error',  
  82.                             msg: result.msg  
  83.                         });  
  84.                     }  
  85.                 }  
  86.             });  
  87.         }  
  88.         function removeUser(){  
  89.             var row = $('#dg').datagrid('getSelected');  
  90.              //alert(row.id);  
  91.             if (row){  
  92.                 $.messager.confirm('Confirm','你确定要删除用户吗?',function(r){  
  93.                     if (r){  
  94.                         $.post('user/removeUser',{id:row.userId},function(result){  
  95.                             if (result.success){  
  96.                                 $.messager.show({  
  97.                         title:'Info',  
  98.                         msg:result.msg,  
  99.                         showType:'fade',  
  100.                         style:{  
  101.                             right:'',  
  102.                             bottom:''  
  103.                             }  
  104.                         });  
  105.                                 $('#dg').datagrid('reload');    // reload the user data  
  106.                             } else {  
  107.                                 $.messager.show({   // show error message  
  108.                                     title: 'Error',  
  109.                                     msg: result.msg  
  110.                                 });  
  111.                             }  
  112.                         },'json');  
  113.                     }  
  114.                 });  
  115.             }  
  116.         }  
  117.         function doSearch(){  
  118.             $('#dg').datagrid('load',{  
  119.             queryUserId: $('#userId').val()  
  120.         });  
  121. }  
  122.           
  123.     </script>  
  124. </head>  
  125. <body>  
  126.     <h2>Basic CRUD Application</h2>  
  127.     <div class="demo-info" style="margin-bottom:10px">  
  128.         <div class="demo-tip icon-tip"> </div>  
  129.         <div>Click the buttons on datagrid toolbar to do crud actions.</div>  
  130.     </div>  
  131.       
  132.     <table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;height:250px"  
  133.             url="user/listUsers"  
  134.             toolbar="#toolbar" pagination="true"  
  135.             rownumbers="true" fitColumns="true" singleSelect="true">  
  136.         <thead>  
  137.             <tr>  
  138.                 <th field="userId" width="50">UserId</th>  
  139.                 <th field="userName" width="50">UserName</th>  
  140.                 <th field=passWord width="50">PassWord</th>  
  141.                 <th field="enable" width="50">Enable</th>  
  142.             </tr>  
  143.         </thead>  
  144.     </table>  
  145.     <div id="toolbar">  
  146.         <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">New User</a>  
  147.         <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit User</a>  
  148.         <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUser()">Remove User</a>  
  149.         <div>  
  150.             <span>User ID:</span>  
  151.             <input id="userId" style="line-height:26px;border:1px solid #ccc">  
  152.             <a href="javascript:void(0);" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>  
  153.         </div>  
  154.     </div>  
  155.       
  156.     <div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"  
  157.             closed="true" buttons="#dlg-buttons">  
  158.         <div class="ftitle">User Information</div>  
  159.         <form id="fm" method="post" novalidate>  
  160.             <div class="fitem">  
  161.                 <label>UserId:</label>  
  162.                 <input name="userId" class="easyui-validatebox" required="true">  
  163.             </div>  
  164.             <div class="fitem">  
  165.                 <label>UserName:</label>  
  166.                 <input name="userName" class="easyui-validatebox" required="true">  
  167.             </div>  
  168.             <div class="fitem">  
  169.                 <label>PassWord:</label>  
  170.                 <input name="passWord">  
  171.             </div>  
  172.             <div class="fitem">  
  173.                 <label>Enable:</label>  
  174.                 <input name="enable" class="easyui-validatebox" >  
  175.             </div>  
  176.         </form>  
  177.     </div>  
  178.     <div id="dlg-buttons">  
  179.         <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Save</a>  
  180.         <a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>  
  181.     </div>  
  182. </body>  
  183. </html>  
Controller：

[java]  view plain  copy
  1. package com.yang.bishe.controller;  
  2.   
  3. import java.util.HashMap;  
  4. import java.util.List;  
  5. import java.util.Map;  
  6.   
  7. import javax.servlet.http.HttpServletRequest;  
  8. import javax.servlet.http.HttpServletResponse;  
  9.   
  10. import org.springframework.beans.factory.annotation.Autowired;  
  11. import org.springframework.stereotype.Controller;  
  12. import org.springframework.web.bind.ServletRequestUtils;  
  13. import org.springframework.web.bind.annotation.RequestMapping;  
  14. import org.springframework.web.servlet.ModelAndView;  
  15.   
  16. import com.yang.bishe.entity.Grid;  
  17. import com.yang.bishe.entity.Json;  
  18. import com.yang.bishe.entity.User;  
  19. import com.yang.bishe.service.interfaces.IUserService;  
  20.   
  21. @Controller  
  22. @RequestMapping("/user")  
  23. public class UserController extends BaseController {  
  24.     @Autowired  
  25.     private IUserService userService;  
  26.     @RequestMapping("/list")  
  27.        public ModelAndView goList(){  
  28.           return new ModelAndView("user/list");  
  29.         }  
  30.     @RequestMapping("/listUsers")  
  31.       public String listUser(HttpServletRequest request,  
  32.                 HttpServletResponse response) throws Exception {  
  33.         page=ServletRequestUtils.getIntParameter(request, "page", 1);//默认值为1  
  34.         rows=ServletRequestUtils.getIntParameter(request, "rows", 0);  
  35.         String queryUserId=request.getParameter("queryUserId");//获取要查询的用户账号  
  36.         Grid grid = new Grid();  
  37.         String hql;  
  38.         List<User>users;  
  39.         if(queryUserId!=null)  
  40.         {  
  41.             hql="from User as user where user.UserId like  '%"+queryUserId+"%'";  
  42.         }else{  
  43.             hql="from User";  
  44.         }  
  45.         users=(List<User>)userService.find(hql, page, rows);  
  46.         grid.setTotal(userService.count("select count(*)"+ hql));  
  47.         grid.setRows(users);  
  48.         writeJson(grid,response);  
  49.         return null;  
  50.         }  
  51.       
  52.     @RequestMapping("/addUser")  
  53.      public String addUser(User user,HttpServletRequest request,  
  54.                 HttpServletResponse response) throws Exception{  
  55.         Json json = new Json();//用于向前端发送消息  
  56.         if(userService.getById(user.getUserId())!=null){  
  57.             json.setMsg("新建用户失败，用户已存在！");  
  58.         }else{  
  59.             userService.save(user);  
  60.             json.setMsg("新建用户成功！");  
  61.             json.setSuccess(true);  
  62.         }  
  63.         writeJson(json,response);  
  64.         return null;  
  65.         }  
  66.     @RequestMapping("/removeUser")  
  67.      public String removeUser(HttpServletRequest request,HttpServletResponse response) throws Exception{  
  68.         Json json = new Json();//用于向前端发送消息  
  69.         String userId=request.getParameter("id");  
  70.         try{  
  71.             userService.delete((User)userService.getById(userId));//不懂为啥要加上（User）才对。。  
  72.             json.setMsg("删除成功！");  
  73.             json.setSuccess(true);  
  74.             writeJson(json,response);  
  75.             return null;  
  76.         }catch (Exception e){  
  77.             json.setMsg("删除失败！"+e.getMessage());  
  78.             writeJson(json,response);  
  79.             return null;  
  80.         }  
  81.       
  82.         }  
  83.     @RequestMapping("/updateUser")  
  84.      public String updateUser(User user,HttpServletResponse response) throws Exception{  
  85.         Json json = new Json();//用于向前端发送消息  
  86.         try{  
  87.                 userService.update(user);  
  88.                 json.setMsg("更新成功！");  
  89.                 json.setSuccess(true);  
  90.                 writeJson(json,response);  
  91.                 return null;  
  92.         }catch(Exception e){  
  93.             json.setMsg("更新失败！"+e.getMessage());  
  94.             writeJson(json,response);  
  95.             return null;  
  96.         }  
  97.           
  98.     }  
  99. }  

其实listUser里面一些逻辑可以放到service上的，还没弄。。。

service层没什么，是继承一个baseService

[java]  view plain  copy
  1. package com.yang.bishe.service.impl;  
  2.   
  3. import org.springframework.beans.factory.annotation.Autowired;  
  4. import org.springframework.stereotype.Service;  
  5.   
  6. import com.yang.bishe.dao.IBaseDao;  
  7. import com.yang.bishe.entity.User;  
  8. import com.yang.bishe.service.base.BaseServiceImpl;  
  9. import com.yang.bishe.service.interfaces.IUserService;  
  10. @Service  
  11. public class UserServiceImpl extends BaseServiceImpl<User> implements IUserService {  
  12.     @Autowired  
  13.     private IBaseDao<User> userDao;  
  14. }  

userDao都是继承BaseDao的：我就贴一些用到的函数吧（接口啥的就不贴出来了）：

[java]  view plain  copy
  1. package com.yang.bishe.dao;  
  2.   
  3. import java.io.Serializable;  
  4. import java.math.BigInteger;  
  5. import java.util.List;  
  6. import java.util.Map;  
  7.   
  8. import org.hibernate.Query;  
  9. import org.hibernate.SQLQuery;  
  10. import org.hibernate.Session;  
  11. import org.hibernate.SessionFactory;  
  12. import org.hibernate.transform.Transformers;  
  13. import org.springframework.beans.factory.annotation.Autowired;  
  14. import org.springframework.stereotype.Repository;  
  15.   
  16. @Repository  
  17. public class BaseDaoImpl<T>implements IBaseDao<T> {  
  18.   
  19.     @Autowired  
  20.     private SessionFactory sessionFactory;  
  21.   
  22.     /** 
  23.      * 获得当前事物的session 
  24.      *  
  25.      * @return org.hibernate.Session 
  26.      */  
  27.     public Session getCurrentSession() {  
  28.         return sessionFactory.getCurrentSession();  
  29.     }  
  30.   
  31.     @Override  
  32.     public Serializable save(T o) {  
  33.         if (o != null) {  
  34.             return getCurrentSession().save(o);  
  35.         }  
  36.         return null;  
  37.     }  
  38.   
  39.     @SuppressWarnings("unchecked")  
  40.     @Override  
  41.     public T getById(Class<T> c, Serializable id) {  
  42.         return (T) getCurrentSession().get(c, id);  
  43.     }  
  44.   
  45.     @Override  
  46.     public T getByHql(String hql) {  
  47.         Query q = getCurrentSession().createQuery(hql);  
  48.         List<T> l = q.list();  
  49.         if (l != null && l.size() > 0) {  
  50.             return l.get(0);  
  51.         }  
  52.         return null;  
  53.     }  
  54.   
  55.   
  56.     @Override  
  57.     public void delete(T o) {  
  58.         if (o != null) {  
  59.             getCurrentSession().delete(o);  
  60.         }  
  61.     }  
  62.   
  63.     @Override  
  64.     public void update(T o) {  
  65.         if (o != null) {  
  66.             getCurrentSession().update(o);  
  67.         }  
  68.     }  
  69.   
  70.     @Override  
  71.     public List<T> find(String hql) {  
  72.         Query q = getCurrentSession().createQuery(hql);  
  73.         return q.list();  
  74.     }  
  75.   
  76.   
  77.     @Override  
  78.     public List<T> find(String hql, int page, int rows) {  
  79.         Query q = getCurrentSession().createQuery(hql);  
  80.         return q.setFirstResult((page - 1) * rows).setMaxResults(rows).list();  
  81.     }  
  82.   
  83.     @Override  
  84.     public Long count(String hql) {  
  85. //      Query q = getCurrentSession().createQuery(hql).;  
  86. //      return (Long) q.uniqueResult();  
  87.         return  (Long)getCurrentSession().createQuery(hql).list().get(0);  
  88.     }  
  89.   
  90.   
  91.     @Override  
  92.     public int executeHql(String hql) {  
  93.         Query q = getCurrentSession().createQuery(hql);  
  94.         return q.executeUpdate();  
  95.     }  
  96.   
  97.   
  98.     @SuppressWarnings("unchecked")  
  99.     @Override  
  100.     public List<Map> findBySql(String sql) {  
  101.         SQLQuery q = getCurrentSession().createSQLQuery(sql);  
  102.         return q.setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP).list();  
  103.     }  
  104.   
  105.     @Override  
  106.     public List<Map> findBySql(String sql, int page, int rows) {  
  107.         SQLQuery q = getCurrentSession().createSQLQuery(sql);  
  108.         return q.setFirstResult((page - 1) * rows).setMaxResults(rows).setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP).list();  
  109.     }  
  110.   
  111.   
  112.     @Override  
  113.     public int executeSql(String sql) {  
  114.         SQLQuery q = getCurrentSession().createSQLQuery(sql);  
  115.         return q.executeUpdate();  
  116.     }  
  117.   
  118.     @Override  
  119.     public BigInteger countBySql(String sql) {  
  120.         SQLQuery q = getCurrentSession().createSQLQuery(sql);  
  121.         return (BigInteger) q.uniqueResult();  
  122.     }  
  123.   
  124. }  

效果图：


第二页：


根据userId查找，这里是模糊查询：



编辑用户（弹出的对话框会获取选中的数据）：


修改后：



springmvc + easyui中的datagrid 进行数据库的分页查询与模糊查询
xzx0878的博客
08-10 1117
1：datagrid组件会在页面初次加载或每次点击下方的分页栏时自动向服务端发送两个参数 page(当前页数)  rows(每页需要显示的行数) 这个是页面请求参数的固定写法；此时后端 即springmvc 对请求进行处理，接收前端页面返回的参数，并调用dao层的分页查询 dao层的分页查询需要两个参数，即页数页数和每页需要显示的记录数，，dao层还需要提供一个查询总记录数的方法，因为datag...
SpringMVC 整合 EasyUI
write6的专栏
04-19 2574
前置内容：     = &gt; SSM搭建   1、官网下载  jquery-easyui-1.5.3.zip 解压（可以下载最新版）      2、在 WebContent \WEB-INF\views\ 下新建文件夹 ui  ，把easyui文件拷贝到该目录下               3、在spring-mvc.xml 配置静态资源访问路径，jsp页面通过 mappi...
spring springmvc mybatis easyui分页
05-10
本项目为maven构建的一个SSM+easyUI的分页demo使用相对简单说明文档 http://blog.csdn.net/suijiarui/article/details/51360980
java easyui 分页_Spring mvc+easyui做列表展示及分页
weixin_39904612的博客
02-16 144
Spring mvc有一个注解@ResponseBody可以自己将返回数据解析成json，不用在response.getWriter(),设置response的编码之类的。1、首先在spring-mvc.xml中配置如下class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">appl...
springmvc+mybatis+easyUI分页后台代码
12-05
本项目是基于SpringMVC、MyBatis和EasyUI这三大框架实现的后台分页功能，旨在提供一个高效、易用的解决方案。下面将详细介绍这三个技术以及它们如何协同工作来实现前端页面的分页。 首先，SpringMVC是Spring框架的...
springMvc+mybaties+easyui
08-18
这个demo主要是mybatie和Spring和easyui的整合，spring的相关使用在index都在页面，整合easyui做的树形菜单和分页在login页面，数据库sql也在代码中，一应jar齐全，注释也比较齐全，导入立马能够使用。
SpringMVC+easyui+mybatis分页功能
02-08
这里的"SpringMVC+easyui+mybatis分页功能"是一个具体的应用示例，旨在简化和优化数据的分页显示。下面将详细解释这三个组件在分页功能中的作用以及如何协同工作。 **SpringMVC** 是Spring框架的一部分，它是一个...
springMVC+mybatis+easyUI实现分页
04-26
请自行修改config.properties文件和create table user{ id name password} url:http://localhost:8080/myweb/userController/layout.do
Blog:基于Springmvc + MyBatis + Spring + Bootstrap + EasyUI + Mysql的个人博客系统项目
03-11
基于Springmvc + MyBatis + Spring + Bootstrap + EasyUI + Mysql的个人博客系统项目源码 欢迎访问我的CSDN： : 项目介绍 使用Maven3 + Spring4 + Springmvc + Mybatis3架构；数据库使用Mysql，数据库连接池使用...
SpringMVC+MyBatis+EasyUI简单分页Demo
08-05
简单分页Demo，具体请参照博客文章，代码中有详细注释
spring MVC+easyUI+mybatis开发网站后台管理系统
01-10
使用Java平台,采用SpringMVC+Mybatis等主流框架 数据库:使用免费MYSQL 前端:使用Jquery和Easyui技术.界面清晰简洁,易操作 权限:对菜单,按钮控制.仅展示有权限的菜单和按钮. 拦截:对所有无权限URL进行拦截,防止手动发送HTTP请求,确保系统全性. 代码生成：根据表生成对应的Bean,Service,Mapper,Action,XML等。提高开发效率. 登录页面 http://127.0.0.1:8080/ms/login.shtml
使用EasyUI+Springmvc实现的CRUD
12-10
对应博客：http://blog.csdn.net/fancheng614/article/details/78764145
easyui datagrid 分页查询样例
08-24
采用easyui datagrid实现后台Springmvc分页查询的maven工程,下载吧， 你不得后悔，jquery-easyui-1.5.2
spring3+springMVC+mybatis+easyui 增删查改以及分页源码
11-03
spring3+springMVC+mybatis+easyui 增删查改以及分页源码 还是有很多不足之后还请大家多多包涵
SpringMVC+easyUI CRUD 添加数据C
weixin_33874713的博客
03-04 121
接一篇文章，今天上午实现了添加数据。以下是Jsp。里面主要是看newUser()和saveUser().注意这函数里的url，newUser()里面去掉url属性。还要注意的一个问题 &lt;div id="toolbar"&gt; &lt;a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-a...
SpringMVC+easyui
u012906875的博客
07-28 131
Action 是控制层 主要控制service 和视图模型的返回 Service 是逻辑控制层 主要是对DAO层和业务逻辑的控制 异常处理也在这里处理并写入日志 Dao只是用来对数据库数据的处理 然后返回结果集 异常都往上一级抛 easyui是对数据的视图模型的数据显示在JSP中 其实就是但前台jsp页面的请求 会被拦截，去扫描...
easyui 分页 + mybatis 分页插件 PageHelper 完成分页显示功能（SpringMVC + mybatis 框架）
duchang110的专栏
09-26 2687
1、使用 easyUI datagrid 完成前台分页展示 id 编码 名称 单位 状态 上移
SpringMVC+JPA+EasyUI 服务端分页
十分钟年华老去
12-07 2248
问题：SpringMVC+JPA支持分页，easyui也支持服务端分页，但用JPA封装的VO同easyui交互时却不能顺利分页。 方案：通过easyui中datagrid的onSelectPage事件来捕获分页，并灌录数据。 一. 触发方法JS function SearchTable(_pageNumber, _pageSize){ var dg =$('#table');
SSM+Spring+Mybatis+easyUI后台管理系统开发模板
资源摘要信息:"本资源是一套基于SSM框架（Spring、SpringMVC、Mybatis）结合easyUI前端技术实现的后台管理系统开发模板。该系统为开发者提供了一个功能完备、经过严格测试且可运行的后台管理系统脚手架，能够帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值