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

最终完毕CRUD的功能了，注意，这里会对前面有一些修改，UserController的listUser() 已经改写了，如今把所有整理一下吧。

JSP：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<base href="<%=basePath%>">

	<meta name="description" content="easyui help you build your web page easily!">

	<title>jQuery EasyUI CRUD Demo</title>

		<link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">

	<link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">

	<link rel="stylesheet" type="text/css" href="css/easyui/demo.css">

	<script type="text/javascript" src="js/jquery-easyui-1.4.2/jquery.min.js"></script>

	<script type="text/javascript" src="js/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>

	<style type="text/css">

		#fm{

			margin:0;

			padding:10px 30px;

		}

		.ftitle{

			font-size:14px;

			font-weight:bold;

			color:#666;

			padding:5px 0;

			margin-bottom:10px;

			border-bottom:1px solid #ccc;

		}

		.fitem{

			margin-bottom:5px;

		}

		.fitem label{

			display:inline-block;

			width:80px;

		}

	</style>

	<script type="text/javascript">

		var url;

		function newUser(){

			$('#dlg').dialog('open').dialog('setTitle','新建用户');

			$('#fm').form('clear');

			url = 'user/addUser';

		}

		function editUser(){

			var row = $('#dg').datagrid('getSelected');

			// alert(row.userId);

			if (row){

				$('#dlg').dialog('open').dialog('setTitle','编辑用户');

				$('#fm').form('load',row);

				//url = 'user/updateUser?id='+row.userId;

				url ='user/updateUser';

			}

		}

		function saveUser(){

			$('#fm').form('submit',{

				//url:'user/addUser',

				url: url,

				onSubmit: function(){

					return $(this).form('validate');

				},

				success: function(result){

					var result = eval('('+result+')');

					if (result.success){

						$.messager.show({

						title:'Info',

						msg:result.msg,

						showType:'fade',

						style:{

							right:'',

							bottom:''

							}

						});

						$('#dlg').dialog('close');		// close the dialog

						$('#dg').datagrid('reload');	// reload the user data

					} else {

						$.messager.show({

							title: 'Error',

							msg: result.msg

						});

					}

				}

			});

		}

		function removeUser(){

			var row = $('#dg').datagrid('getSelected');

			 //alert(row.id);

			if (row){

				$.messager.confirm('Confirm','你确定要删除用户吗?',function(r){

					if (r){

						$.post('user/removeUser',{id:row.userId},function(result){

							if (result.success){

								$.messager.show({

						title:'Info',

						msg:result.msg,

						showType:'fade',

						style:{

							right:'',

							bottom:''

							}

						});

								$('#dg').datagrid('reload');	// reload the user data

							} else {

								$.messager.show({	// show error message

									title: 'Error',

									msg: result.msg

								});

							}

						},'json');

					}

				});

			}

		}

		function doSearch(){

			$('#dg').datagrid('load',{

			queryUserId: $('#userId').val()

		});

}

	</script>

</head>

<body>

	<h2>Basic CRUD Application</h2>

	<div class="demo-info" style="margin-bottom:10px">

		<div class="demo-tip icon-tip"> </div>

		<div>Click the buttons on datagrid toolbar to do crud actions.</div>

	</div>

	<table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;height:250px"

			url="user/listUsers"

			toolbar="#toolbar" pagination="true"

			rownumbers="true" fitColumns="true" singleSelect="true">

		<thead>

			<tr>

				<th field="userId" width="50">UserId</th>

				<th field="userName" width="50">UserName</th>

				<th field=passWord width="50">PassWord</th>

				<th field="enable" width="50">Enable</th>

			</tr>

		</thead>

	</table>

	<div id="toolbar">

		<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">New User</a>

		<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()">Edit User</a>

		<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUser()">Remove User</a>

		<div>

			<span>User ID:</span>

			<input id="userId" style="line-height:26px;border:1px solid #ccc">

			<a href="javascript:void(0);" class="easyui-linkbutton" plain="true" onclick="doSearch()">Search</a>

		</div>

	</div>

	<div id="dlg" class="easyui-dialog" style="width:400px;height:280px;padding:10px 20px"

			closed="true" buttons="#dlg-buttons">

		<div class="ftitle">User Information</div>

		<form id="fm" method="post" novalidate>

			<div class="fitem">

				<label>UserId:</label>

				<input name="userId" class="easyui-validatebox" required="true">

			</div>

			<div class="fitem">

				<label>UserName:</label>

				<input name="userName" class="easyui-validatebox" required="true">

			</div>

			<div class="fitem">

				<label>PassWord:</label>

				<input name="passWord">

			</div>

			<div class="fitem">

				<label>Enable:</label>

				<input name="enable" class="easyui-validatebox" >

			</div>

		</form>

	</div>

	<div id="dlg-buttons">

		<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Save</a>

		<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>

	</div>

</body>

</html>

Controller：

package com.yang.bishe.controller;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

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

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.ServletRequestUtils;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.servlet.ModelAndView;

import com.yang.bishe.entity.Grid;

import com.yang.bishe.entity.Json;

import com.yang.bishe.entity.User;

import com.yang.bishe.service.interfaces.IUserService;

@Controller

@RequestMapping("/user")

public class UserController extends BaseController {

	@Autowired

	private IUserService userService;

	@RequestMapping("/list")

	   public ModelAndView goList(){

		  return new ModelAndView("user/list");

	    }

	@RequestMapping("/listUsers")

	  public String listUser(HttpServletRequest request,

				HttpServletResponse response) throws Exception {

		page=ServletRequestUtils.getIntParameter(request, "page", 1);//默认值为1

		rows=ServletRequestUtils.getIntParameter(request, "rows", 0);

		String queryUserId=request.getParameter("queryUserId");//获取要查询的用户账号

		Grid grid = new Grid();

		String hql;

		List<User>users;

		if(queryUserId!=null)

		{

			hql="from User as user where user.UserId like  '%"+queryUserId+"%'";

		}else{

			hql="from User";

		}

		users=(List<User>)userService.find(hql, page, rows);

		grid.setTotal(userService.count("select count(*)"+ hql));

		grid.setRows(users);

		writeJson(grid,response);

		return null;

	    }

	@RequestMapping("/addUser")

	 public String addUser(User user,HttpServletRequest request,

				HttpServletResponse response) throws Exception{

		Json json = new Json();//用于向前端发送消息

		if(userService.getById(user.getUserId())!=null){

			json.setMsg("新建用户失败，用户已存在！");

		}else{

			userService.save(user);

			json.setMsg("新建用户成功！");

			json.setSuccess(true);

		}

		writeJson(json,response);

		return null;

		}

	@RequestMapping("/removeUser")

	 public String removeUser(HttpServletRequest request,HttpServletResponse response) throws Exception{

		Json json = new Json();//用于向前端发送消息

		String userId=request.getParameter("id");

		try{

			userService.delete((User)userService.getById(userId));//不懂为啥要加上（User）才对。。

			json.setMsg("删除成功！");

			json.setSuccess(true);

			writeJson(json,response);

			return null;

		}catch (Exception e){

			json.setMsg("删除失败！"+e.getMessage());

			writeJson(json,response);

			return null;

		}

		}

	@RequestMapping("/updateUser")

	 public String updateUser(User user,HttpServletResponse response) throws Exception{

		Json json = new Json();//用于向前端发送消息

		try{

				userService.update(user);

				json.setMsg("更新成功！");

				json.setSuccess(true);

				writeJson(json,response);

				return null;

		}catch(Exception e){

			json.setMsg("更新失败！"+e.getMessage());

			writeJson(json,response);

			return null;

		}

	}

}

事实上listUser里面一些逻辑能够放到service上的，还没弄。。。

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

package com.yang.bishe.service.impl;

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

import org.springframework.stereotype.Service;

import com.yang.bishe.dao.IBaseDao;

import com.yang.bishe.entity.User;

import com.yang.bishe.service.base.BaseServiceImpl;

import com.yang.bishe.service.interfaces.IUserService;

@Service

public class UserServiceImpl extends BaseServiceImpl<User> implements IUserService {

	@Autowired

	private IBaseDao<User> userDao;

}

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

package com.yang.bishe.dao;

import java.io.Serializable;

import java.math.BigInteger;

import java.util.List;

import java.util.Map;

import org.hibernate.Query;

import org.hibernate.SQLQuery;

import org.hibernate.Session;

import org.hibernate.SessionFactory;

import org.hibernate.transform.Transformers;

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

import org.springframework.stereotype.Repository;

@Repository

public class BaseDaoImpl<T>implements IBaseDao<T> {

	@Autowired

	private SessionFactory sessionFactory;

	/**

	 * 获得当前事物的session

	 *

	 * @return org.hibernate.Session

	 */

	public Session getCurrentSession() {

		return sessionFactory.getCurrentSession();

	}

	@Override

	public Serializable save(T o) {

		if (o != null) {

			return getCurrentSession().save(o);

		}

		return null;

	}

	@SuppressWarnings("unchecked")

	@Override

	public T getById(Class<T> c, Serializable id) {

		return (T) getCurrentSession().get(c, id);

	}

	@Override

	public T getByHql(String hql) {

		Query q = getCurrentSession().createQuery(hql);

		List<T> l = q.list();

		if (l != null && l.size() > 0) {

			return l.get(0);

		}

		return null;

	}

	@Override

	public void delete(T o) {

		if (o != null) {

			getCurrentSession().delete(o);

		}

	}

	@Override

	public void update(T o) {

		if (o != null) {

			getCurrentSession().update(o);

		}

	}

	@Override

	public List<T> find(String hql) {

		Query q = getCurrentSession().createQuery(hql);

		return q.list();

	}

	@Override

	public List<T> find(String hql, int page, int rows) {

		Query q = getCurrentSession().createQuery(hql);

		return q.setFirstResult((page - 1) * rows).setMaxResults(rows).list();

	}

	@Override

	public Long count(String hql) {

//		Query q = getCurrentSession().createQuery(hql).;

//		return (Long) q.uniqueResult();

		return  (Long)getCurrentSession().createQuery(hql).list().get(0);

	}

	@Override

	public int executeHql(String hql) {

		Query q = getCurrentSession().createQuery(hql);

		return q.executeUpdate();

	}

	@SuppressWarnings("unchecked")

	@Override

	public List<Map> findBySql(String sql) {

		SQLQuery q = getCurrentSession().createSQLQuery(sql);

		return q.setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP).list();

	}

	@Override

	public List<Map> findBySql(String sql, int page, int rows) {

		SQLQuery q = getCurrentSession().createSQLQuery(sql);

		return q.setFirstResult((page - 1) * rows).setMaxResults(rows).setResultTransformer(Transformers.ALIAS_TO_ENTITY_MAP).list();

	}

	@Override

	public int executeSql(String sql) {

		SQLQuery q = getCurrentSession().createSQLQuery(sql);

		return q.executeUpdate();

	}

	@Override

	public BigInteger countBySql(String sql) {

		SQLQuery q = getCurrentSession().createSQLQuery(sql);

		return (BigInteger) q.uniqueResult();

	}

}

效果图：

第二页：

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

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

改动后：

SpringMVC+easyUI 分页，查询（完整的CRUD）的更多相关文章

Mybatis+SpringMVC实现分页查询（附源码）
Maven+Mybatis+Spring+SpringMVC实现分页查询(附源码) 一.项目搭建关于项目搭建,小宝鸽以前写过一篇Spirng+SpringMVC+Maven+Mybatis+MySQ ...
Struts2与easyui分页查询
easyui里面分页查询:在easyui框架里面已经进行一些分装,所以我们只要进行后台分页查询即可 web.xml和struts.xml文件的配置的就不需要我多说了,和分页前代码一样,不需要更改: 需 ...
Maven+Mybatis+Spring+SpringMVC实现分页查询
转载:http://www.cnblogs.com/zhangtan/p/5846955.html 一.项目搭建关于项目搭建,小宝鸽以前写过一篇Spirng+SpringMVC+Maven+Myba ...
Maven+Mybatis+Spring+SpringMVC实现分页查询（附源代码）
以下小宝鸽将分享一篇Mybatis分页功能的博文,以下将给出具体的步骤.跟着博主的节奏肯定能实现.另外最后还会附上整个project的源代码.假设是没有使用过maven的猿友可自行下载相关的jar包就 ...
springMVC+ajax分页查询
项目用到ajax技术的查询,查询结果很多时候要分页展示.这两天摸索了一下,在这里做一总结,方便自己随时查看, 也方便后人参考. 这里的顺序遵从从前台页面到后台控制器,业务层,Dao层,Mapper 下 ...
Mybatis + SpringMVC + Maven实现分页查询
使用Mybatis + Maven + SpringMVC 运行时,突然被需要分页查询的功能给难住了这里推荐采用的插件是PageHelper这个插件,使用起来十分方便.该插件支持以下数据库: Ora ...
一个共通的viewModel搞定所有的分页查询一览及数据导出（easyui + knockoutjs + mvc4.0)
前言大家看标题就明白了我想写什么了,在做企业信息化系统中可能大家写的最多的一种页面就是查询页面了.其实每个查询页面,除了条件不太一样,数据不太一样,其它的其实都差不多.所以我就想提取一些共通的东西出 ...
商品分页查询 ego-prc 实现-easyui
使用 easyui 的 DataGrid 控件实现商品的分页查询,DataGrid 控件提交分页所需要的 page 和rows 参数,后台响应包含总记录数 total 和需要显示的商品对象的集合 ro ...
MyBatis+springMVC+easyUI (dataGirl)实现分页
页面展示效果. 页面代码: <%@ page contentType="text/html;charset=UTF-8" language="java" ...

随机推荐

HIVE快速入门分类： B4_HIVE 2015-06-06 11:27 59人阅读评论(0) 收藏
(一)简单入门 1.创建一个表 create table if not exists ljh_emp( name string, salary float, gender string) commen ...
POJ 2014 Flow Layout 模拟
http://poj.org/problem?id=2014 嘻嘻2014要到啦,于是去做Prob.ID 为2014的题~~~~祝大家新年快乐~~ 题目大意: 给你一个最大宽度的矩形,要求把小矩形排放 ...
[Yarn] Use Yarn to Create an Alternative Import Name of an Installed Library
In this lesson we'll show how to use yarn to alias the names of same npm libraries but install diffe ...
读取Webpage表中的内容分类： H3_NUTCH 2015-02-10 14:59 418人阅读评论(0) 收藏
nutch将从网页中抓取到的信息放入hbase数据库中,默认情况下表名为$crawlId_webpage,但表中的内容以16进制进行表示,直接scan或者通过Java API进行读取均只能读取到16进 ...
.NET Framework基础知识（四）(转载)
.反射:是编程的读取与类型相关联的元数据的行为.通过读取元数据,可以了解它是什么类型以及类型的成员. 比如类中的属性,方法,事件等.所属命名空间System.Reflection. 例:using S ...
php随机字符串
<?php class RandChar{ function getRandChar($length){ $str = null; $strPol = "ABCDEFGHIJKLMNO ...
洛谷 P3908 异或之和
洛谷 P3908 异或之和题目描述求1⨁2⨁⋯⨁N 的值. A⨁B 即 AA, B 按位异或. 输入输出格式输入格式: 1 个整数 N . 输出格式: 1 个整数,表示所求的值. 输入输出样例 ...
Windows环境搭建Web自己主动化測试框架Watir（基于Ruby）
web自己主动化測试一直是一个比較迫切的问题图1-1 须要安装的工具 http://railsinstaller.org/ 由于安装Ruby还须要用到其它的一些开发工具集.所以建议从站点http:/ ...
cat /proc/cpuinfo 引发的思考--CPU 物理封装-物理核心-逻辑核心-超线程之间关系
CPU的物理封装,一个物理封装使用独立的一个CPU物理插槽,共享电源和风扇: CPU物理核心:在一个物理封装中封装了多个独立CPU核心,每一个CPU核心都有自己独立的完整硬件单元. CPU逻辑核心:一 ...
jquery-7 jquery中的文档处理方法有哪些（方法的参数表示功能增强）
jquery-7 jquery中的文档处理方法有哪些(方法的参数表示功能增强) 一.总结一句话总结:多看参考文档,多看主干目录.一般的功能分两个方法来实现,一个对应标签,一个对应标签和事情,比如克隆 ...

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

SpringMVC+easyUI 分页，查询 （完整的CRUD）的更多相关文章

随机推荐

热门专题

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

SpringMVC+easyUI 分页，查询（完整的CRUD）的更多相关文章