'# 基于javaweb+mysql的jsp+servlet旅游管理系统(java+jsp+html+bootstrap+servlet+mysql)
一、背景与问题
在传统Web开发中，JSP+Servlet+MySQL的组合曾是主流技术栈。它通过Servlet处理业务逻辑、JSP负责页面展示、MySQL存储数据，形成典型的MVC架构。这种技术栈在中小型项目中依然有其优势，但同时也面临诸多挑战。
在实际开发中，开发者常遇到以下问题：
- 状态管理复杂：HTTP是无状态协议，如何维护用户会话？
- 资源加载路径混乱：JSP页面、静态资源、Servlet映射的配置容易出错
- 数据库性能瓶颈：未合理使用索引导致查询效率低下
- 安全风险：SQL注入、XSS攻击等安全隐患
二、基本原理
1. 技术栈原理
JSP（Java Server Pages）是Servlet的扩展，本质是Servlet的模板引擎。当浏览器请求JSP页面时，服务器会：
- 将JSP转换为Servlet源码
- 编译为class文件
- 执行Servlet代码生成HTML响应
Servlet作为Java Web的核心组件，负责：
- 接收HTTP请求
- 调用业务逻辑
- 与数据库交互
- 返回响应结果
MySQL作为关系型数据库，支持事务处理、索引优化、查询缓存等特性，适合存储结构化数据。
2. MVC模式实现
通过分离业务逻辑、数据访问和页面展示，典型结构如下：
WebApp/
├── WEB-INF/
│ ├── web.xml
│ └── lib/
├── css/
├── js/
├── images/
├── index.jsp
├── login.jsp
└── servlet/
├── LoginServlet.java
└── TourServlet.java三、环境准备
1. 开发环境配置
- JDK 1.8+
- Tomcat 9.x
- MySQL 8.x
- IDE：IntelliJ IDEA 或 Eclipse
2. 数据库准备
创建旅游管理系统数据库：
CREATE DATABASE travel_db charset=utf8mb4 collate=utf8mb4_unicode_ci;
USE travel_db;
CREATE TABLE user (
id INT PRIMARY KEY AUTO_INCREMENT,
username VARCHAR(50) NOT NULL UNIQUE,
password VARCHAR(100) NOT NULL,
email VARCHAR(100),
created_at DATETIME
);
CREATE TABLE tour (
id INT PRIMARY KEY AUTO_INCREMENT,
name VARCHAR(100) NOT NULL,
description TEXT,
price DECIMAL(10,2),
start_date DATE,
end_date DATE,
status ENUM('available','sold','cancelled') DEFAULT 'available'
);
-- 添加索引优化查询
CREATE INDEX idx_tour_status ON tour(status);四、核心实现
1. Servlet请求处理
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
// 数据库连接配置
String url = "jdbc:mysql://localhost:3306/travel_db?useSSL=false&serverTimezone=UTC";
String user = "root";
String passwordDB = "your_password";
try (Connection conn = DriverManager.getConnection(url, user, passwordDB);
PreparedStatement stmt = conn.prepareStatement("SELECT * FROM user WHERE username = ? AND password = ?")) {
stmt.setString(1, username);
stmt.setString(2, password);
ResultSet rs = stmt.executeQuery();
if (rs.next()) {
HttpSession session = request.getSession();
session.setAttribute("user", username);
response.sendRedirect("dashboard.jsp");
} else {
response.sendRedirect("login.jsp?error=1");
}
} catch (SQLException e) {
e.printStackTrace();
response.sendRedirect("error.jsp");
}
}
}关键点解释：
- 使用PreparedStatement防止SQL注入
- 异常处理需要捕获所有可能的异常
- 使用try-with-resources自动关闭资源
- 密码应使用BCrypt加密存储，而非明文
2. JSP页面展示
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>旅游管理系统</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">旅游管理</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="tour-list">旅游产品</a></li>
<li class="nav-item"><a class="nav-link" href="user-list">用户管理</a></li>
</ul>
</div>
</nav>
<div class="container mt-4">
<h2>欢迎, ${user}</h2>
<a href="logout" class="btn btn-danger">退出登录</a>
</div>
</body>
</html>关键点解释：
- 使用Bootstrap进行响应式布局
- EL表达式获取会话属性
- 需要配置web.xml或使用注解声明Servlet
- 资源路径需考虑部署上下文
3. 数据库访问层
public class TourDAO {
private static final String URL = "jdbc:mysql://localhost:3306/travel_db?useSSL=false&serverTimezone=UTC";
private static final String USER = "root";
private static final String PASSWORD = "your_password";
public List<Tour> getAllTours() {
List<Tour> tours = new ArrayList<>();
String sql = "SELECT * FROM tour WHERE status = 'available'";
try (Connection conn = DriverManager.getConnection(URL, USER, PASSWORD);
PreparedStatement stmt = conn.prepareStatement(sql);
ResultSet rs = stmt.executeQuery()) {
while (rs.next()) {
Tour tour = new Tour();
tour.setId(rs.getInt("id"));
tour.setName(rs.getString("name"));
tour.setDescription(rs.getString("description"));
tour.setPrice(rs.getBigDecimal("price"));
tour.setStartDate(rs.getDate("start_date").toLocalDate());
tour.setEndDate(rs.getDate("end_date").toLocalDate());
tours.add(tour);
}
} catch (SQLException e) {
e.printStackTrace();
}
return tours;
}
}关键点解释：
- 使用PreparedStatement防止SQL注入
- 日期类型需要正确转换
- 使用try-with-resources确保资源释放
- 应该使用连接池代替直接创建连接
五、完整案例：用户登录系统
1. 项目结构
travel-system/
├── src/
│ └── com/
│ └── travel/
│ ├── dao/
│ │ └── UserDAO.java
│ ├── servlet/
│ │ ├── LoginServlet.java
│ │ └── LogoutServlet.java
│ └── model/
│ └── User.java
├── web/
│ ├── css/
│ ├── js/
│ ├── images/
│ ├── login.jsp
│ ├── logout.jsp
│ └── dashboard.jsp
└── web.xml2. 核心代码
UserDAO.java
public class UserDAO {
private static final String URL = "jdbc:mysql://localhost:3306/travel_db?useSSL=false&serverTimezone=UTC";
private static final String USER = "root";
private static final String PASSWORD = "your_password";
public User getUserByUsername(String username) {
User user = null;
String sql = "SELECT * FROM user WHERE username = ?";
try (Connection conn = DriverManager.getConnection(URL, USER, PASSWORD);
PreparedStatement stmt = conn.prepareStatement(sql)) {
stmt.setString(1, username);
try (ResultSet rs = stmt.executeQuery()) {
if (rs.next()) {
user = new User();
user.setId(rs.getInt("id"));
user.setUsername(rs.getString("username"));
user.setEmail(rs.getString("email"));
user.setCreatedAt(rs.getTimestamp("created_at").toLocalDateTime());
}
}
} catch (SQLException e) {
e.printStackTrace();
}
return user;
}
}LoginServlet.java
@WebServlet("/login")
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username = request.getParameter("username");
String password = request.getParameter("password");
User user = new UserDAO().getUserByUsername(username);
if (user != null && BCrypt.checkpw(password, user.getPassword())) {
HttpSession session = request.getSession();
session.setAttribute("user", user);
response.sendRedirect("dashboard.jsp");
} else {
response.sendRedirect("login.jsp?error=1");
}
}
}login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-header">用户登录</div>
<div class="card-body">
<form method="post" action="login">
<div class="mb-3">
<label for="username" class="form-label">用户名</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">密码</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<div class="mb-3">
<button type="submit" class="btn btn-primary">登录</button>
</div>
<c:if test="${param.error}">
<div class="alert alert-danger">用户名或密码错误</div>
</c:if>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>六、源码解析
1. 数据库连接池优化
直接使用DriverManager创建连接会导致性能瓶颈，应改用连接池：
public class DBUtil {
private static final String URL = "jdbc:mysql://localhost:3306/travel_db?useSSL=false&serverTimezone=UTC";
private static final String USER = "root";
private static final String PASSWORD = "your_password";
private static final int MAX_POOL = 10;
public static Connection getConnection() throws SQLException {
return DriverManager.getConnection(URL, USER, PASSWORD);
}
}2. 密码加密处理
使用BCrypt加密存储密码：
public class PasswordUtil {
public static String hashPassword(String password) {
return BCrypt.hashpw(password, BCrypt.gensalt(12));
}
public static boolean checkPassword(String password, String hashed) {
return BCrypt.checkpw(password, hashed);
}
}七、进阶使用
1. 使用Spring Boot重构
Spring Boot可以简化配置，提高开发效率：
@Configuration
public class DBConfig {
@Bean
public DataSource dataSource() {
return new EmbeddedDatabaseBuilder()
.setType(EmbeddedDatabaseType.H2)
.build();
}
}2. 前端框架集成
使用Vue.js构建单页应用：
<!-- index.html -->
<div id="app">
<div v-if="user" class="alert alert-success">欢迎, {{ user.username }}</div>
<button @click="logout" class="btn btn-danger">退出</button>
</div>
<script>
const { createApp } = Vue;
createApp({
data() {
return {
user: null
};
},
mounted() {
fetch('/api/user')
.then(res => res.json())
.then(user => this.user = user);
},
methods: {
logout() {
fetch('/api/logout', { method: 'POST' })
.then(() => window.location.reload());
}
}
}).mount('#app');
</script>八、性能与工程实践
1. 性能优化策略
数据库索引优化：为常用查询字段添加索引
CREATE INDEX idx_tour_price ON tour(price);缓存机制：使用Redis缓存热门数据
public class TourCache { private static final RedisTemplate<String, Tour> redisTemplate; public static Tour getTour(int id) { String key = "tour:" + id; return redisTemplate.opsForValue().get(key); } public static void cacheTour(Tour tour) { String key = "tour:" + tour.getId(); redisTemplate.opsForValue().set(key, tour, 3600, TimeUnit.SECONDS); } }连接池配置：使用HikariCP
public class DBUtil { private static final HikariConfig config = new HikariConfig(); static { config.setJdbcUrl("jdbc:mysql://localhost:3306/travel_db?useSSL=false&serverTimezone=UTC"); config.setUsername("root"); config.setPassword("your_password"); config.setMaximumPoolSize(10); } public static Connection getConnection() throws SQLException { return new HikariDataSource(config).getConnection(); } }
2. 安全增强
XSS防护：使用JSTL的
fn:escapeXml函数<c:out value="${user.username}" escapeXml="true" />CSRF防护：在表单中添加token
<form method="post" action="login"> <input type="hidden" name="csrf_token" value="${csrfToken}"> ... </form>SQL注入防护：使用预编译语句
String sql = "SELECT * FROM user WHERE username = ? AND password = ?"; PreparedStatement stmt = conn.prepareStatement(sql); stmt.setString(1, username); stmt.setString(2, password);
九、常见问题与踩坑
1. 常见错误
错误1：路径错误
<img src="images/logo.png">解决：使用相对路径时要考虑部署上下文，建议使用绝对路径：
<img src="/travel-system/images/logo.png">错误2：数据库连接失败
java.sql.SQLException: No suitable driver found解决：确保在WEB-INF/lib目录下包含mysql-connector-java.jar
错误3：会话失效
HttpSession session = request.getSession(false);解决：使用request.getSession(true)创建新会话
2. 高级问题
问题1：JSP缓存问题
<%@ page cache="true" %>解决：开发时关闭缓存，生产环境开启：
<%@ page cache="false" %>问题2：资源加载顺序
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>解决：确保脚本在DOM加载后执行
十、最佳实践
1. 代码规范
- 使用命名规范：
loginServlet而非LoginServlet - 避免在JSP中写业务逻辑
- 使用JSTL标签替代原始JSP代码
2. 安全实践
- 所有输入都要进行校验
- 使用HTTPS传输敏感数据
- 定期更新依赖库
3. 性能实践
- 对频繁查询的字段建立索引
- 对大表进行分表处理
- 使用缓存减少数据库访问
十一、总结
JSP+Servlet+MySQL的组合在中小型项目中依然具有其优势，特别是在快速开发和资源有限的场景下。但随着项目规模扩大，需要考虑架构升级，如引入Spring Boot、微服务等现代技术栈。
该技术栈的核心优势在于：
- 低学习成本
- 简单易维护
- 适合快速原型开发
但需注意：
- 不适合大型分布式系统
- 缺乏现代框架的自动化特性
- 安全性需要开发者主动防护
在实际开发中，建议：
- 对核心业务模块进行封装
- 使用日志系统记录关键操作
- 建立完善的测试体系
- 使用版本控制管理代码
通过合理的设计和实践，JSP+Servlet+MySQL技术栈依然可以构建稳定、安全的旅游管理系统。