初学JavaWeb的终极指南：掌握Servlet、Filter、Jsp、Bootstrap、JavaScript和Ajax

2023-04-16 12:18:16

JavaWeb 开发从入门到精通：构建自己的 Web 应用程序

序言

踏入 JavaWeb 的世界，开启您的 Web 开发之旅！作为 Java 语言的一项强大扩展，JavaWeb 可助您打造功能强大的 Web 应用程序，无论是博客、论坛还是电子商务网站，应有尽有。本文将带您深入 JavaWeb 的核心概念，并指导您一步步构建一个完整的项目，让您亲身体验 Web 开发的奥秘。

JavaWeb 基础

在构建 JavaWeb 项目之前，掌握以下基本概念至关重要：

Servlet： JavaWeb 的核心组件，用于处理 Web 请求，动态生成页面，处理表单数据。
Filter： 在 Servlet 处理请求之前，对请求进行拦截和处理，用于身份验证、数据加密等。
JSP： 一种模板语言，用于动态生成 HTML、XML 和 JSON 页面。
Bootstrap： 一个前端框架，提供响应式网页设计模板和组件。
JavaScript： 一种客户端脚本语言，用于增强网页交互性，处理用户输入。
Ajax： 一种技术，实现网页的异步加载，提高用户体验。

JavaWeb 项目实战：图书管理系统

掌握了基本概念，让我们构建一个图书管理系统，体验 JavaWeb 的实际应用。本项目将涵盖以下功能：

用户登录、注册和信息修改
图书信息展示、分页和模糊查询
新增和删除图书

项目结构

// 项目文件结构（省略部分代码）

├── bin
│   ├── classes
│   │   ├── com
│   │   │   ├── example
│   │   │   │   ├── dao
│   │   │   │   │   ├── BookDao.class
│   │   │   │   │   ├── UserDao.class
│   │   │   │   ├── filter
│   │   │   │   │   ├── LoginFilter.class
│   │   │   │   ├── servlet
│   │   │   │   │   ├── BookServlet.class
│   │   │   │   │   ├── IndexServlet.class
│   │   │   │   │   ├── LoginServlet.class
│   │   │   │   │   ├── RegisterServlet.class
│   │   │   │   │   ├── UserServlet.class
│   │   │   │   └── vo
│   │   │   │       ├── Book.class
│   │   │   │       ├── User.class
// 项目文件结构（省略部分代码）

项目功能

用户管理

登录： 用户输入用户名和密码，验证成功后存储在会话中。
注册： 用户输入相关信息和验证码，注册成功后跳转到登录页面。
信息修改： 修改昵称和密码。

图书管理

图书信息页面： 展示所有图书信息，支持分页显示和模糊查询。
新增图书信息： 新增图书信息，包括类型、书名、简介，保存到数据库中。
删除图书信息： 仅能删除自己的图书，删除成功后刷新图书信息页面。

JavaWeb 开发实战

创建 Web 项目

使用 Java IDE（如 Eclipse 或 IntelliJ IDEA）创建一个新的 Web 项目。
添加必要的 JavaWeb 库（如 Servlet、JSP、MySQL 连接器）。
创建 Servlet、Filter 和 JSP 页面，并编写相应的 Java 代码和 HTML 代码。

代码示例

BookServlet.java

import com.example.dao.BookDao;
import com.example.vo.Book;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

@WebServlet("/book")
public class BookServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 获取图书列表
        List<Book> books = BookDao.getBooks();
        // 设置请求属性
        req.setAttribute("books", books);
        // 转发到图书信息页面
        req.getRequestDispatcher("/WEB-INF/jsp/book.jsp").forward(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 获取图书信息
        String type = req.getParameter("type");
        String title = req.getParameter("title");
        String description = req.getParameter("description");

        // 保存图书信息到数据库
        Book book = new Book();
        book.setType(type);
        book.setTitle(title);
        book.setDescription(description);
        BookDao.saveBook(book);

        // 重定向到图书信息页面
        resp.sendRedirect("/book");
    }
}

book.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    
</head>
<body>
<h1>图书信息</h1>
<table border="1">
    <thead>
    <tr>
        <th>编号</th>
        <th>类型</th>
        <th>书名</th>
        <th>简介</th>
    </tr>
    </thead>
    <tbody>
    <%
        List<Book> books = (List<Book>) request.getAttribute("books");
        for (Book book : books) {
    %>
    <tr>
        <td><%= book.getId() %></td>
        <td><%= book.getType() %></td>
        <td><%= book.getTitle() %></td>
        <td><%= book.getDescription() %></td>
    </tr>
    <%
        }
    %>
    </tbody>
</table>
</body>
</html>