首页Java知识正文

一、目标效果

1、能实现对数据库中的数据进行打印

QQ图片20170804174854.png

这里的数据来自于数据库手动添加，暂时没有数据添加页面。隔行换色需要实现。

2、输入框能够实现查询工作

QQ图片20170804174907.png

两个输入框都能单一和配合查询，描述支持模糊查询。

 

可以直接跳到末尾查看动图效果

二、工作准备

1、涉及的知识点

  • JDBC

  • jsp/" title="查看与 JSP 相关的文章" target="_blank" style="box-sizing: inherit; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(47, 136, 154); text-decoration: none;">JSP

  • JSTL

  • Servlet

  • EL

2、jar 包准备

  • mysql-connector-java-5.1.41-bin.jar

  • jstl.jar

  • standard.jar

  • servlet-api.jar

3、开发工具

  • IntelliJ IDEA

  • Navicat Premium

 

三、代码实现

1、新建数据库，micro_message。再建一个表，message。表的结构如下

QQ图片20170804174917.png

 

2、新建 Web 项目 MicroMessage

3、新建包

com.liuyanzhao.bean，存放实体类

com.liuyanzhao.servlet，存放Servlet类，实现控制，要调用 service 类

com.liuyanzhao.dao，存放数据库操作类，增查改查等方法

com.liuyanzhao.service，存放业务功能类，调用 dao 类，返回一个数据集合

 

4、在 WEB-INF 下新建一个 lib 文件夹，放 jar 包，然后将 jar 包添加到环境（path）中

注意：Eclipse只需要右键 Build path；

IntelliJ IDEA 可以快捷键 Ctrl+Alt+Shift+S 打开下图，选择指定项目点击右边的绿色的 + ，添加 jar包到环境中

QQ图片20170804174925.png

 

5、依次按顺序新建下面文件

① com.liuyanzhao.bean 下新建 Message.java

  1. package com.liuyanzhao.bean;


  3. /**

  4.  * 与消息对应的实体类

  5.  */

  6. public class Message {

  7.     private int id;

  8.     private String command;

  9.     private String description;

  10.     private String content;


  12.     public Message() {

  13.     }


  15.     public int getId() {

  16.         return id;

  17.     }


  19.     public void setId(int id) {

  20.         this.id = id;

  21.     }


  23.     public String getCommand() {

  24.         return command;

  25.     }


  27.     public void setCommand(String command) {

  28.         this.command = command;

  29.     }


  31.     public String getDescription() {

  32.         return description;

  33.     }


  35.     public void setDescription(String description) {

  36.         this.description = description;

  37.     }


  39.     public String getContent() {

  40.         return content;

  41.     }


  43.     public void setContent(String content) {

  44.         this.content = content;

  45.     }

  46. }

 

② com.liuyanzhao.servlet 下新建 ListServlet.java

  1. package com.liuyanzhao.servlet;


  3. import com.liuyanzhao.service.ListService;


  5. import javax.servlet.ServletException;

  6. import javax.servlet.http.HttpServlet;

  7. import javax.servlet.http.HttpServletRequest;

  8. import javax.servlet.http.HttpServletResponse;

  9. import java.io.IOException;



  12. /**

  13.  * 列表页面初始化控制

  14.  */

  15. public class ListServlet extends HttpServlet {

  16.     @Override

  17.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  18.         //解决乱码

  19.         request.setCharacterEncoding("utf-8");

  20.         //接受表单内容

  21.         String command = request.getParameter("command");

  22.         String description = request.getParameter("description");

  23.         //向页面传值

  24.         request.setAttribute("command",command);

  25.         request.setAttribute("description",description);

  26.         //业务需要

  27.         ListService listService = new ListService();

  28.         //查询消息列表并传给页面

  29.         request.setAttribute("messageList",listService.queryMessageList(command,description));

  30.         //向页面跳转

  31.         request.getRequestDispatcher("/WEB-INF/jsp/back/list.jsp").forward(request,response);


  33.     }


  35.     @Override

  36.     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

  37.         this.doGet(req, resp);

  38.     }

  39. }

 

③ 在WEB-INF 下 新建 web.xml，给 Listservlet 类添加映射

  1. <?xml version="1.0" encoding="UTF-8"?>

  2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"

  3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

  4.          xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"

  5.          version="3.1">

  6.     <servlet>

  7.         <servlet-name>ListServlet</servlet-name>

  8.         <servlet-class>com.liuyanzhao.servlet.ListServlet</servlet-class>

  9.     </servlet>

  10.     <servlet-mapping>

  11.         <servlet-name>ListServlet</servlet-name>

  12.         <url-pattern>/List.action</url-pattern>

  13.     </servlet-mapping>

  14. </web-app>

 

④ 在 WEB-INF 下新建一个文件夹 名 jsp，在 jsp内新建一个文件夹 名back，在 back 下新建 list.jsp

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

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


  4. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

  5. <%

  6.     String path = request.getContextPath();

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

  8. %>

  9. <html xmlns="http://www.w3.org/1999/xhtml">

  10. <head>

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

  12.     <meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE" />

  13.     <title>内容列表页面</title>

  14.     <link href="<%=basePath%>resources/css/all.css" rel="stylesheet" type="text/css" />

  15. </head>

  16. <body style="background: #e1e9eb;">

  17. <form action="<%=basePath%>List.action" id="mainForm" method="post">

  18.     <div class="right">

  19.         <div class="current">当前位置：<a href="javascript:void(0)" style="color:#6E6E6E;">内容管理</a> &gt; 内容列表</div>

  20.         <div class="rightCont">

  21.             <p class="g_title fix">内容列表 <a class="btn03" href="#">新 增</a>&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn03" href="#">删 除</a></p>

  22.             <table class="tab1">

  23.                 <tbody>

  24.                 <tr>

  25.                     <td width="90" align="right">指令名称：</td>

  26.                     <td>

  27.                         <input name="command" type="text" class="allInput" value="${command}"/>

  28.                     </td>

  29.                     <td width="90" align="right">描述：</td>

  30.                     <td>

  31.                         <input name="description" type="text" class="allInput" value="${description}"/>

  32.                     </td>

  33.                     <td width="85" align="right"><input type="submit" class="tabSub" value="查 询" /></td>

  34.                 </tr>

  35.                 </tbody>

  36.             </table>

  37.             <div class="zixun fix">

  38.                 <table class="tab2" width="100%">

  39.                     <tbody>

  40.                     <tr>

  41.                         <th><input type="checkbox" id="all" onclick="#"/></th>

  42.                         <th>序号</th>

  43.                         <th>指令名称</th>

  44.                         <th>描述</th>

  45.                     </tr>


  47.                     <c:forEach items="${messageList}" var="message" varStatus="status">

  48.                         <tr <c:if test="${status.index % 2!= 0}">style="background-color:#ECF6EE;"</c:if>>

  49.                             <td><input type="checkbox" /></td>

  50.                             <td>${status.index+1}</td>

  51.                             <td>${message.command}</td>

  52.                             <td>${message.description}</td>

  53.                         </tr>

  54.                     </c:forEach>

  55.                     </tbody>

  56.                 </table>

  57.             </div>

  58.         </div>

  59.     </div>

  60. </form>

  61. </body>

  62. </html>

注意：

  • jsp 中的css样式和图片这里就不添加了，这里主要还是学习 JavaWeb，主要还是 看 form 标签之前的内容

  • 第四行的 jstl 核心库

  • bathPath 是获得 根目录的路径，即 index.php的路径

  • ${command} 和 ${description} 是 EL 表达式，通过 Servlet 传值

  • <c:forEach> 和 <c:if> 都是 jstl 的内容

 

⑤ com.liuyanzhao.dao 下新建 MessageDao.java

  1. package com.liuyanzhao.dao;


  3. import com.liuyanzhao.bean.Message;


  5. import java.sql.*;

  6. import java.util.ArrayList;

  7. import java.util.List;


  9. /**

  10.  * 和message表相关的操作

  11.  */

  12. public class MessageDao {


  14.     /**

  15.      * 根据查询条件查询消息列表

  16.      */

  17.     public List<Message> queryMessageList(String command,String description) {

  18.         List<Message> messageList = new ArrayList<Message>();

  19.         //数据库连接

  20.         try {

  21.             Class.forName("com.mysql.jdbc.Driver");

  22.             Connection conn = null;


  24.             conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/micro_message" +

  25.                 "?useUnicode=true&characterEncoding=utf8","root","");


  27.             StringBuilder sql = new StringBuilder(" SELECT id,command,description,content FROM message where 1=1 ");

  28.             List<String> paramList = new ArrayList<String>();


  30.             if(command != null && !"".equals(command.trim())) {

  31.                 sql.append(" and command=? ");

  32.                 paramList.add(command);

  33.             }

  34.             if(description != null && !"".equals(description.trim())) {

  35.                 sql.append(" and description like '%' ? '%' ");

  36.                 paramList.add(description);

  37.             }


  39.             PreparedStatement ptmt = conn.prepareStatement(sql.toString());

  40.             for (int i=0;i<paramList.size();i++) {

  41.                 ptmt.setString(i+1,paramList.get(i));

  42.             }


  44.             ResultSet rs =  ptmt.executeQuery();


  46.             while (rs.next()) {

  47.                 Message message = new Message();

  48.                 messageList.add(message);

  49.                 message.setId(rs.getInt("id"));

  50.                 message.setCommand(rs.getString("command"));

  51.                 message.setDescription(rs.getString("description"));

  52.                 message.setContent(rs.getString("content"));

  53.             }

  54.         } catch (ClassNotFoundException e) {

  55.             e.printStackTrace();

  56.         } catch (SQLException e) {

  57.             e.printStackTrace();

  58.         }

  59.         return messageList;

  60.     }

  61. }

注意：

  • 第 27 行，SELECT 所有要查询的字段，不要用 SELECT *

  • sql 语句最好前后都加个 空格，因为空格是分隔符

  • 第 35 行，模糊查询处，问号的两边别忘了加空格

  • messageList 定义在 try 外面，防止异常出现，空指针

  • 因为我们查询的是不是单条语句，是多条的，所以用集合，而不用对象

 

⑥ com.liuyanzhao.service 下新建 ListService.java

  1. package com.liuyanzhao.service;


  3. import com.liuyanzhao.bean.Message;

  4. import com.liuyanzhao.dao.MessageDao;


  6. import java.util.List;


  8. /**

  9.  *列表相关的业务功能

  10.  */

  11. public class ListService {

  12.     public List<Message> queryMessageList(String command, String description) {

  13.         MessageDao messageDao = new MessageDao();

  14.         return messageDao.queryMessageList(command,description);

  15.     }

  16. }

 

四、运行程序

1、配置 Tomcat 服务器，并启动

2、运行结果如下

QQ图片20170804174942.gif

 


比较好的IT学习资讯类网站！http://hongsehuoxian.com
看到这里如果这篇文章真的帮到你了，不妨打赏一下哦！

以上就是红色火线JAVA加油站整理的关于JDBC+Servlet+JSP实现简单的数据遍历和查找功能的文章，
希望可以帮到你，如果你有不同的见解可以留言指正哦，避免让别的java小伙伴在走挫折路。
java后台下载excel文件所遇到的坑-正确的excel文件下载功能
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

分享：

支付宝

微信