JSP_通过表格显示数据库的信息

    在本篇文章中,小编将介绍在jsp页面中通过表格显示数据库的实现:下面我们以“新闻发布系统”中显示一级标题的信息为例进行讲述,在新闻发布系统中存在一二级标题,在后台可以对标题进行管理,可查询标题等信息

【step one】

      1-1 建立数据库

        在jsp中,我们使用的是mysql数据库,对于此数据的优缺点本篇不予以讲述,首先建立news数据库,其数据库中表的信息为:

JSP_通过表格显示数据库的信息

eg:< id :1 ; name:娱乐; creator:ibbon;createTime:2014-11-21 22:17:43>

【step two】  建立web项目(news)

    2-1:首先,我们在web项目的src文件夹写入链接数据库的相关的类,他们分别是:链接数据库的类,数据的实体类

-----------------------------------------------------------------------------------------------------------------------------------------------------

       2-1-1 : 数据库实体类,在此类中主要含有数据库的字段,<包:cn.edu.bzu.entity ;实体类:Title.java;>

 package cn.news.jsp.entity;

 import java.sql.Date;

 public class Title {
    /**
     *下面这四个属性为数据库表中的四个属性
     */
private int id;
private String name;
private String creator;
private Date createTime; public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getCreator() {
return creator;
}
public void setCreator(String creator) {
this.creator = creator;
}
public Date getCreateTime() {
return createTime;
}
public void setCreateTime(Date createTime) {
this.createTime = createTime;
}
public Title(int id, String name, String creator, Date createTime) {
super();
this.id = id;
this.name = name;
this.creator = creator;
this.createTime = createTime;
} }

ps:<实体类的作用>

/**
     *实体类的作用
     *在JAVAWeb中,实体类里面的某一个类,相当于是数据库里的一张表,一个类里面的某个字段相当于表的列名
     *在实体里有getter和setter方法,getter是只读,setter是写入
     */

-----------------------------------------------------------------------------------------------------------------------------------------------------

          2-2-2 数据库操作类 :下面以对数据库的查询功能书写代码,<包:cn.edu.bzu.dao;类:TitleDAO.java>

 package cn.edu.bzu.dao;
import java.sql.*;
import java.util.ArrayList;
import java.util.List; import cn.edu.bzu.entity.Title; public class TitleDAO {
public List readFirstTitle(){
List<Title> list =new ArrayList<Title>();
Connection con=null;
PreparedStatement psmt=null;
ResultSet rs=null;
try {
Class.forName("com.mysql.jdbc.Driver");
} catch (ClassNotFoundException e) {
e.printStackTrace();
} try {
con=DriverManager.getConnection("jdbc:mysql://localhost:3306/news","root","baby123");
String sql="select * from title";
psmt=con.prepareStatement(sql);
rs=psmt.executeQuery(); while(rs.next())
{
int id=rs.getInt("id");
String name=rs.getString("name");
String creator=rs.getString("creator");
Date createTime=rs.getDate("createTime");
Title tl=new Title(id, name, creator, createTime);
list.add(tl);
} } catch (SQLException e) {
e.printStackTrace();
}finally
{
try {
if(rs!=null)
{
rs.close();
}
if(psmt!=null)
{
psmt.close();
}
if(con!=null)
{
con.close();
}
} catch (SQLException e) {
e.printStackTrace();
}
}
return list;
} }

ps:现在分析一下上述代码,

  one:创建方法(public List readFirstTitle()),之所以选择返回值是List是因为一个标题含有id,name,creator,cteateTime信息,这些信息存在集合中,便于管理,操作

  two:创建变量,链接数据库,在这个web project使用的是JDBC技术链接的数据库,这技术需要一类三接口<DriverManager类,Connection接口,Statement接口,ResultSet接口>

JSP_通过表格显示数据库的信息

ps:与数据库建立链接的步骤:1.注册数据库驱动;2.获取数据库连接;3.获取statement对象;4.关闭资源;

具体的实现步骤,请看上述代码

    three:在数据库中读取的信息需要使用List接口,以实现对数据库的一列信息进行封装起来进行来进行后续的使用,就好比:在桌子上有很多的糖,装糖的瓶子,装瓶子的箱子-------->>>>>就好比之前的属性为糖,好几个属性为一个瓶子,好几个瓶子放在箱子中(List)

        Four:下面进行细节讲解:

    public List readFirstTitle()方法对每一行的数据进行封装, 通过为实体类建立对象(entity),调用他的构造方法,通过构造方法的方式进行复制,然后把通过赋值完成的数据加入list集合中,这样一行的数据就进行封装完成,通过while()循环,从而实现对数据的遍历,进而实现对多行数据的存储,但是在此之前需要创建list对象,并且导入list对象的相关类-------------List<Title> list =new ArrayList<Title>();

JSP_通过表格显示数据库的信息

----------------------------------------------------------------------------------------------------------------------------------------------------------

2-2-3   在web页面中显示数据库信息<在webroot下建立titleList.jsp,使用TitleDao.java中的查询方法得到所有的记录,然后用表格在页面显示>其具体的代码:

 <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@page import="cn.edu.bzu.dao.TitleDAO,cn.edu.bzu.entity.Title"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test-newsTitle</title>
</head> <body>
<table border="">
<tr>
<td>id</td>
<td>name</td>
<td>creator</td>
<td>createTime</td>
</tr>
<%
TitleDAO dao=new TitleDAO();
List<Title> list =dao.readFirstTitle();
for(Title tl:list)
{%>
<tr>
<td><%=tl.getId() %></td>
<td><%=tl.getName() %></td>
<td><%=tl.getCreator() %>></td>
<td><%=tl.getCreateTime() %></td>
</tr>
<%}
%>
</table>
</body>
</html>

ps: <%%>小脚本的内容解释:

1.通过TitleDAO dao=new TitleDAO();   创建对象

2.List <Title> list =dao.readFIrstTitle();  接口List创建list对象,然后通过对象dao调用TitleDAO中的readFirstTitle()方法,从而把返回的list赋予给list

3.for-each()进行数据的遍历

4.遍历的需要放在行(<tr></tr>)标签外面,这样的话才能把数据进行行存储,由于使用了遍历,所以说明把数据库中的Title表中的数据全部以表格的形式输出

5.具体美化,敬请学习html+css

-----------------------------------------------------------------------------------------------------------------------------------------------------

附录:

小编推荐几个网页学习的链接:

w3c菜鸟教程:http://www.w3cschool.cc/

慕课网:http://www.imooc.com/

Bootstrap中文网:http://www.bootcss.com/-----------------------------------------------------------------------------------------------------------------------------------------------

PS:小编技术有限,如有不足,请指出,谢谢

上一篇:Codeforces 67C Sequence of Balls 编辑距离 dp


下一篇:配置 VirtualBox backend - 每天5分钟玩转 Docker 容器技术(75)