datagrid之查询

酱苓的码农之路

于 2021-09-15 00:41:37 发布

阅读量212

点赞数

分类专栏： datagrid 文章标签： easyui

本文链接：https://blog.csdn.net/m0_52681702/article/details/120299222

版权

该博客介绍了如何利用EasyUI的datagrid展示数据库查询数据，并实现分页功能。首先创建存放书籍的展示页面，接着配置MVC框架，编写entity、dao和web类，然后在xml中进行配置。在BookAction中处理分页，通过PageBean初始化，并在js中添加分页方法。最后，使用工具类R进行结果集封装，实现链式编程。

摘要由CSDN通过智能技术生成

思维导图：

一、利用dategrid进行数据展示及链式编程结果类封装:

需求：点击左侧tree菜单，右侧Tab页显示datagrid查询出来的数据

实现思路：

1、新建一个jsp文件夹，创建一个uesemanagejsp界面，同时要写一个book.js

2、将MVC框架导进去，写好对应的enetity、dao、web类

3、配置xml文件

4.分页 5.查询

1、要有一个存放书籍的展示页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/black/easyui.css">   
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/icon.css">   
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.min.js"></script>   
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>  
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/book.js"></script> 
<title>存放书籍的页面</title>
</head>
<body>
  <input type="hidden" id="ctx" value="${pageContext.request.contextPath }">
<div id="tb">
    <input class="easyui-textbox

最低0.47元/天解锁文章

酱苓的码农之路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
datagrid之查询

思维导图：一、利用dategrid进行数据展示及链式编程结果类封装:思路： 1、点击左侧菜单栏要跳转到相应界面中 2、新建一个jsp文件夹，创建一个uesemanagejsp界面，同时要写一个book.js 3、之后就是将MVC框架导进去，写好对应的enetity、dao、web类 4、之后配置xml文件 5.分页1、要有一个存放书籍的展示页面<%@ page language="java"...
复制链接

扫一扫

专栏目录