分页实现的效果:
&
组图0-1.分页实现效果图一
&
组图0-2.分页实现效果图二
一、从效果可以看出内容由两部分组成:
1.学生信息
数据库中插入一些记录,此处以学生对象为例。通过JDBC获取数据库中全部的学生记录,显示在前端页面用来演示。
2.页码查询
当前页码为第一页或者最后一页时,不可点击,该内容会在tab.jsp文件中控制实现。
二、主要知识为:
JDBC 数据库的连接
Java 基础类接口及泛型的知识
JSP 与 Servlet
XML 配置文件
三、此处所用平台为 myeclipse 数据库为 mysql (也可用其他)
SpringMVC 架构MVC(model-view-controller)
组图3-1.项目结构图
四、具体实现
1.数据库处理
首先 jdbc 的相关操作:
新建数据库 mysql2,新建表 student
(1)表的信息
(2)表各属性的类型及长度
分页实现就是
将数据库表内的内容通过服务器在浏览器上查询能实现分页查询
2.新建Web Project
数据库的表信息处理好后,新建 web Project 项目,
在 /WebRoot/WEB-INF/lib 下导入 jar 用于数据库连接的包 /WebRoot/WEB-INF/lib/mysql-connector-java-5.0.3-bin.jar
在 src 下新建包 文件名、包名自己定义(以下新建 类、包、jsp、servlet 等命名自定义 )
(1)在所建包 pers.ms.rfeng.util 创建类 DBO 用于平台与数据库的连接,代码如下:
(2)新建测试连接是否成功,代码如下:
(3)新建Student 类及泛型PageBean类代码如下
(4)学生信息类对应的 DAO 包下
新建接口 StudentDao,写一个待实现的方法 按页查询内容 findByPage(),
同时新建类 StudentDaoImpl 实现该接口。
StudentDao.java对应代码如下:
StudentDaoImpl.java实现接口的代码
(6)新建类 StudentService 类调用按页查询内容的方法
StudentService.java代码如下:
(7)新建跳转页面 index.jsp 代码如下
(8)新建对应的 servlet 名为 StudentServlet ,处理来自视图的命令或数据的接收
StudentServlet.java 代码如下:
(8)StudentServlet 中跳转的界面对应的 message. jsp 就是开头效果所展示的内容的 视图,
message.jsp代码如下:
(9)其中页码的跳转条是 tab.jsp
tab.jsp 代码如下:
(10)最后配置文件 web.xml
说明:
一般该文件,在MyEclipse是自动生成的,eclipse下需自己创建编写代码
web.xml代码如下:
Manager
This is the description of my J2EE component
This is the display name of my J2EE component
StudentServlet
pers.ms.rfeng.servlet.StudentServlet
StudentServlet
/StudentServlet
index.html
index.htm
index.jsp
default.html
default.htm
default.jsp
扩展
可以加上跳转页面文本输入框,校验输入的是否为数字,根据输入的数字跳转到对应的页面或者给出合理的提示。
其他
字体较小,Ctrl + 即可调界面大小,对应 Ctrl -
效果如开始所展示那样,
具体的页面风格,像内容居中,颜色,加一些自己的风格,可以在,对应的 jsp 写相应的修改
END
本文地址:http://www.45fan.com/a/question/99887.html