实例:SSh结合Easyui实现Datagrid的分页显示

近日学习Easyui,发现非常好用,界面很美观。将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加、修改、删除、批量删除等功能将在后面的博客一一写来。

首先看一下要实现的效果:当每页显示5行数据:

当每页显示10行数据,,效果如下:

具体步骤:

1、下载Easyui,并搭建环境。可参照博客

2、搭建SSH工程,整个工程的目录结构如图所示:

3、在Oracle数据库中创建表Student。并且输入下面6行数据,因为添加操作还没有实现,所以先在数据库表中添加数据。默认设定的值是每行5个数据,所以请至少输入6行数据,便于分页的测试。

4、web.xml的配置

<?xml version="1.0" encoding="UTF-8"?><web-app version="2.5" xmlns=""xmlns:xsi=""xsi:schemaLocation=" "><!– Sttuts2过滤器 –><filter><filter-name>struts2</filter-name><filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class></filter><filter-mapping><filter-name>struts2</filter-name><url-pattern>/*</url-pattern></filter-mapping><!– 监听器Spring –><listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class></listener><!– 定位applicationContext.xml的物理位置 –><context-param><param-name>contextConfigLocation</param-name><param-value>classpath:applicationContext.xml</param-value></context-param></web-app>

5、applicationContext.xml的配置

<?xml version="1.0" encoding="UTF-8"?><beans xmlns=""xmlns:xsi="" xmlns:context=""xmlns:aop="" xmlns:tx=""xsi:schemaLocation=" http://www.springframework.org/schema/aop/spring-aop-2.5.xsd http://www.springframework.org/schema/tx/spring-tx-2.5.xsd"><import resource="applicationContext_bean.xml"/><import resource="applicationContext_db.xml"/></beans>

6、在com.model中创建模型类Student.java

package com.model;public class Student {String studentid;// 主键String name;// 姓名String gender;// 性别String age;// 年龄public String getStudentid() {return studentid;}public void setStudentid(String studentid) {this.studentid = studentid;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getGender() {return gender;}public void setGender(String gender) {this.gender = gender;}public String getAge() {return age;}public void setAge(String age) {this.age = age;}}

7、根据Student.java生成对应的映射文件Student.hbm.xml

<?xml version="1.0"?><!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN"""><!– Generated 2013-6-23 23:31:47 by Hibernate Tools 3.4.0.CR1 –><hibernate-mapping><class name="com.model.Student" table="STUDENT"><id name="studentid" type="java.lang.String"><column name="STUDENTID" /><generator class="assigned" /></id><property name="name" type="java.lang.String"><column name="NAME" /></property><property name="gender" type="java.lang.String"><column name="GENDER" /></property><property name="age" type="java.lang.String"><column name="AGE" /></property></class></hibernate-mapping>

后来逐渐有广州花城的,

实例:SSh结合Easyui实现Datagrid的分页显示

相关文章:

你感兴趣的文章:

标签云: