简介这是一套基于Java Web主流技术栈开发的学生信息管理系统完整源码面向计算机专业本科生及Java初学者适用于课程设计、期末大作业与Web开发入门实践。系统采用Servlet处理业务逻辑、JSP实现页面展示、Bootstrap优化前端交互、MySQL存储数据结构清晰、功能完整涵盖学生/教师双角色登录、信息增删改查、密码找回等核心模块代码已通过本地编译验证评审得分98分难度适中且经助教审定具备教学示范性与工程参考价值。资源包共82个文件含20个Java源文件、21个Class编译类、15个JSP页面、6个CSS样式文件及SQL建库脚本等总大小12.03MB目录组织规范便于理解MVC分层结构与项目部署流程。目前已有162人学习下载配套详细使用说明与README文档开箱即用可直接导入IDE运行调试是巩固Servlet/JSP基础、掌握前后端协同开发的优质实践素材。1. 这不是“过时技术堆砌”而是一套能跑通、能交付、能面试讲清楚的 Java Web 全栈最小闭环你搜“JavaServletJSPBootstrapMySQL 学生信息管理系统”大概率正卡在三个现实节点上课程设计 deadline 剩 72 小时、毕设开题被导师质疑“技术栈太老”或者面试官盯着你简历上那行“熟悉 Java Web 基础”问“那你手写一个 Servlet 处理增删改查不许用 Spring Boot怎么保证 URL 路由不冲突”——这项目标题里没写 Spring、没提 Maven、没带 Tomcat 版本号但它恰恰是检验你是否真懂 Java Web 底层脉络的“压力测试仪”。它用最朴素的技术组合Servlet 控制流程、JSP 渲染视图、Bootstrap 快速美化、MySQL 持久化逼你亲手串起请求生命周期、会话管理、SQL 注入防护、表单验证、前后端数据流转这些被框架封装掉的“黑匣子”。我带过 37 个学生做这个系统90% 的翻车点不在代码语法而在“以为 JSP 就是 HTML 写 Java 代码”“以为 Bootstrap 引入 CSS 就完事”“把 MySQL root 密码硬编码进 JDBC URL”。这篇笔记不讲理论推导只拆解从零建工程、让第一个 JSP 页面在浏览器弹出“欢迎张三”到点击“新增学生”按钮真正写入数据库并跳转回列表页——每一步命令、每个配置文件字段、每个容易被 IDE 自动忽略的路径陷阱。适合正在赶课设/毕设、想补全 Java Web 底层认知、或需要向面试官证明“我能脱离框架造轮子”的人。2. 用 IntelliJ IDEA 新建标准 Java Web 项目绕过 Maven 依赖幻觉直击 classpath 和部署结构传统 JSP 项目不是靠mvn clean install一键打包就能跑起来的黑盒。它的生命线系在两个地方一是 IDE 如何识别WEB-INF/web.xml和lib目录为 Web 根目录二是 Tomcat 启动时如何加载classes下的 Servlet 类和lib中的 JDBC 驱动。很多新手在 IDEA 里新建项目后直接写 JSP结果浏览器报 404根本原因是 IDEA 默认创建的是普通 Java Module而非 Web Application Module。下面步骤基于 IntelliJ IDEA 2023.3社区版/Ultimate 均适用全程手动配置不依赖任何插件模板。2.1 创建 Web Application Module 并校验目录结构打开 IDEA → New Project → 左侧选Java→ 右侧勾选Web Application注意不是 “Maven” 或 “Gradle”→ Next → Project name 填student-mgmt→ Finish。IDEA 会自动生成标准目录student-mgmt/ ├── src/ # Java 源码Servlet、DAO、Bean │ └── main/ # 注意这里没有 /main而是直接 src/ │ └── java/ # Servlet 类放这里 ├── web/ # Web 根目录等同于 Tomcat 的 webapps/ROOT │ ├── WEB-INF/ │ │ ├── web.xml # 核心配置文件必须存在 │ │ └── lib/ # 放 mysql-connector-java-x.x.x.jar │ ├── index.jsp # 首页 │ └── css/ # Bootstrap CSS 文件放这里 └── pom.xml # 如果你误选了 Maven这个文件会存在但本项目手动管理依赖可删提示若你看到src/main/java结构说明你创建的是 Maven 项目需右键student-mgmt→Add Framework Support→ 勾选Web Application→ 点击 OKIDEA 会自动补全web/目录和WEB-INF/web.xml。2.2 配置 Tomcat Server 并设置 Artifact这是最容易被跳过的致命步骤。IDEA 不会自动把你的web/目录映射到 Tomcat 的webapps。Step 1File → Project Structure → Artifacts → → Web Application: Exploded → From modules → 选中student-mgmt→ OK。此时右侧会出现student-mgmt:war exploded展开它确认 Output directory 指向out/artifacts/student_mgmt_war_exploded且web目录下的所有内容含WEB-INF已包含在内。Step 2Run → Edit Configurations → → Tomcat Server → Local → Name 填Tomcat 9需提前下载 Apache Tomcat 9.0.x解压即可无需安装→ 在 Deployment 标签页 → → Artifact → 选student-mgmt:war exploded→ Application context 填/根路径。Step 3关键点击 Configure → Application server → 选你解压的 Tomcat 根目录如/opt/tomcat或C:\apache-tomcat-9.0.83→ OK。2.3 编写第一个 Servlet 并注册到 web.xml在src/下新建包com.example.student.servlet创建类HelloServlet.javapackage com.example.student.servlet; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.PrintWriter; public class HelloServlet extends HttpServlet { Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType(text/html;charsetUTF-8); PrintWriter out resp.getWriter(); out.println(h1Hello from Servlet!/h1); out.println(pCurrent time: System.currentTimeMillis() /p); } }然后编辑web/WEB-INF/web.xml必须在web-app标签下添加servlet servlet-nameHelloServlet/servlet-name servlet-classcom.example.student.servlet.HelloServlet/servlet-class /servlet servlet-mapping servlet-nameHelloServlet/servlet-name url-pattern/hello/url-pattern /servlet-mapping参数说明servlet-class必须是完整类名含包路径IDEA 不会自动帮你补全url-pattern是浏览器访问路径/hello表示输入http://localhost:8080/hello即可触发该 Servlet。注意web.xml的 XML 声明?xml version1.0 encodingUTF-8?必须在第一行且 DTD 声明要匹配 Tomcat 版本Tomcat 9 对应web-app_4_0.xsdIDEA 创建时已自动写好。2.4 验证启动 Tomcat 并访问/hello点击右上角绿色三角形 RunTomcat 9→ 观察控制台输出直到出现INFO [main] org.apache.catalina.startup.Catalina.start Server startup in [xxx] milliseconds。打开浏览器访问http://localhost:8080/hello。如果看到Hello from Servlet!和时间戳说明✅ Servlet 编译成功out/production/student-mgmt/com/example/student/servlet/HelloServlet.class已生成✅ Tomcat 正确加载了web.xml中的映射✅ classpath 中WEB-INF/classes被正确扫描血泪经验若页面空白或 404立刻检查out/artifacts/student_mgmt_war_exploded/WEB-INF/classes/com/example/student/servlet/HelloServlet.class是否存在。不存在说明编译失败常见原因是src/目录未被标记为 Sources Root右键src→ Mark Directory as → Sources Root。3. 用 Bootstrap 4 快速搭建响应式学生列表页不引入 CDN本地化 CSS/JS 并解决路径玄学很多人以为 Bootstrap 只是“加个 CSS 文件就行”但在 JSP 项目里CSS 路径、JS 加载时机、表单提交拦截全是坑。本节教你把 Bootstrap 4.6.0 完全本地化避免线上 CDN 失效导致页面白屏并解决 JSP 中request.getContextPath()与静态资源路径的绑定问题。3.1 下载 Bootstrap 4.6.0 并解压到 web/css 和 web/js去官网 https://getbootstrap.com/docs/4.6/ 下载 Bootstrap 4.6.0 的 Compiled CSS and JSzip 包解压后将bootstrap.min.css复制到web/css/bootstrap.min.css将bootstrap.bundle.min.js含 Popper复制到web/js/bootstrap.bundle.min.js将jquery-3.5.1.min.jsBootstrap 4 依赖 jQuery 3.5复制到web/js/jquery-3.5.1.min.js为什么不用 CDN因为学校机房/企业内网常禁外网CDN 加载失败会导致整个页面样式崩溃。本地化后即使断网也能正常显示。3.2 在 index.jsp 中正确引用 Bootstrap 并构建学生列表骨架编辑web/index.jsp必须使用 JSP Expression Language (EL) 获取上下文路径% page contentTypetext/html;charsetUTF-8 languagejava % !DOCTYPE html html langzh-CN head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title学生信息管理系统/title !-- Bootstrap CSS -- link relstylesheet href${pageContext.request.contextPath}/css/bootstrap.min.css /head body div classcontainer mt-4 h1 classmb-4学生信息管理系统/h1 div classrow mb-3 div classcol-md-6 a href${pageContext.request.contextPath}/student/list classbtn btn-primary查看学生列表/a /div /div !-- 学生列表表格占位 -- div classtable-responsive table classtable table-striped table-hover thead classthead-dark tr th学号/th th姓名/th th性别/th th专业/th th操作/th /tr /thead tbody !-- 数据将由 student/list Servlet 动态填充 -- tr td colspan5 classtext-center text-muted暂无数据请先添加学生/td /tr /tbody /table /div /div !-- Bootstrap JS 依赖顺序不能错jQuery → Popper → Bootstrap -- script src${pageContext.request.contextPath}/js/jquery-3.5.1.min.js/script script src${pageContext.request.contextPath}/js/bootstrap.bundle.min.js/script /body /html关键逻辑说明${pageContext.request.contextPath}返回应用上下文路径如/student-mgmt确保href和src路径始终相对于当前应用而不是服务器根目录。若直接写/css/bootstrap.min.cssTomcat 会去找http://localhost:8080/css/bootstrap.min.css404而非http://localhost:8080/student-mgmt/css/bootstrap.min.css。3.3 创建 StudentListServlet 并返回 JSON 数据为后续 AJAX 奠基虽然最终用 JSP 渲染但先实现一个返回 JSON 的 Servlet验证数据层连通性。在src/com/example/student/servlet/下创建StudentListServlet.javapackage com.example.student.servlet; import com.example.student.model.Student; import com.example.student.dao.StudentDAO; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.PrintWriter; import java.util.List; public class StudentListServlet extends HttpServlet { Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType(application/json;charsetUTF-8); PrintWriter out resp.getWriter(); try { ListStudent students new StudentDAO().findAll(); // 手动拼 JSON生产环境用 Jackson/Gson此处简化 out.print([); for (int i 0; i students.size(); i) { Student s students.get(i); out.print(String.format( {\id\:%d,\no\:\%s\,\name\:\%s\,\gender\:\%s\,\major\:\%s\}, s.getId(), s.getNo(), s.getName(), s.getGender(), s.getMajor() )); if (i students.size() - 1) out.print(,); } out.print(]); } catch (Exception e) { e.printStackTrace(); out.print([]); } } }并在web.xml中注册servlet servlet-nameStudentListServlet/servlet-name servlet-classcom.example.student.servlet.StudentListServlet/servlet-class /servlet servlet-mapping servlet-nameStudentListServlet/servlet-name url-pattern/student/list/url-pattern /servlet-mapping参数说明/student/list是 RESTful 风格路径比/listStudents更易维护resp.setContentType(application/json;charsetUTF-8)明确告知浏览器返回的是 JSON避免中文乱码StudentDAO.findAll()将在下一节实现此处先留空方法体。4. 用 MySQL 8.0 配置 JDBC 连接池避开 SSL 报错、时区错误和密码加密陷阱MySQL 8.0 默认启用 SSL 连接和严格模式而传统 JSP 项目常因驱动版本不匹配、URL 参数缺失、密码含特殊字符直接崩溃。本节以 MySQL 8.0.33 为例给出可落地的mysql-connector-java-8.0.33.jar配置方案覆盖从安装、建库、JDBC URL 到连接池初始化的全流程。4.1 MySQL 8.0 安装与基础配置Linux/macOS/Windows 通用安装Windows去 https://dev.mysql.com/downloads/mysql/ 下载 MySQL Community Server 8.0.x MSI 安装器安装时勾选 “Add MySQL to PATH” 和 “Configure MySQL as a Service”。macOSbrew install mysql8.0Homebrew或下载 DMG 安装包。LinuxUbuntusudo apt update sudo apt install mysql-server安装后运行sudo mysql_secure_installation设置 root 密码。创建数据库与用户登录 MySQL 后执行-- 创建数据库指定 UTF8MB4 字符集支持 emoji CREATE DATABASE student_db CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; -- 创建专用用户避免用 root 连接应用 CREATE USER student_applocalhost IDENTIFIED BY Stu2024Pass; -- 授权只给必要权限 GRANT SELECT, INSERT, UPDATE, DELETE ON student_db.* TO student_applocalhost; -- 刷新权限 FLUSH PRIVILEGES;为什么不用 root生产环境严禁应用直连 root一旦 SQL 注入可删库跑路。student_app用户仅对student_db有 CRUD 权限符合最小权限原则。4.2 下载并放置 mysql-connector-java-8.0.33.jar 到 WEB-INF/lib去 https://dev.mysql.com/downloads/connector/j/ 下载mysql-connector-java-8.0.33.jar注意8.0 驱动类名已从com.mysql.jdbc.Driver改为com.mysql.cj.jdbc.Driver。将 jar 文件复制到web/WEB-INF/lib/目录下。IDEA 会自动将其加入 classpath无需额外配置。验证 jar 是否生效启动 Tomcat 后查看catalina.out日志搜索mysql应看到类似Loaded JDBC driver com.mysql.cj.jdbc.Driver。4.3 编写 DatabaseUtil 工具类并配置 JDBC URL在src/com/example/student/util/下创建DatabaseUtil.javapackage com.example.student.util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; public class DatabaseUtil { private static final String URL jdbc:mysql://localhost:3306/student_db? useUnicodetruecharacterEncodingutf8mb4 serverTimezoneAsia/Shanghai useSSLfalse allowPublicKeyRetrievaltrue; private static final String USERNAME student_app; private static final String PASSWORD Stu2024Pass; static { try { Class.forName(com.mysql.cj.jdbc.Driver); } catch (ClassNotFoundException e) { throw new RuntimeException(MySQL Driver not found!, e); } } public static Connection getConnection() throws SQLException { return DriverManager.getConnection(URL, USERNAME, PASSWORD); } }URL 参数详解useUnicodetruecharacterEncodingutf8mb4强制使用 UTF8MB4避免中文存入乱码比utf8更彻底serverTimezoneAsia/Shanghai必须设置否则 MySQL 8.0 报错The server time zone value XXX is unrecognizeduseSSLfalse开发环境关闭 SSL生产环境应启用并配置证书allowPublicKeyRetrievaltrueMySQL 8.0.28 新增参数解决Public Key Retrieval is not allowed错误PASSWORD中符号无需 URL 编码JDBC 驱动会自动处理4.4 实现 StudentDAO 并完成首次数据库读取在src/com/example/student/dao/下创建StudentDAO.javapackage com.example.student.dao; import com.example.student.model.Student; import com.example.student.util.DatabaseUtil; import java.sql.*; import java.util.ArrayList; import java.util.List; public class StudentDAO { public ListStudent findAll() { ListStudent list new ArrayList(); String sql SELECT id, no, name, gender, major FROM student ORDER BY id DESC; try (Connection conn DatabaseUtil.getConnection(); PreparedStatement ps conn.prepareStatement(sql); ResultSet rs ps.executeQuery()) { while (rs.next()) { Student s new Student(); s.setId(rs.getInt(id)); s.setNo(rs.getString(no)); s.setName(rs.getString(name)); s.setGender(rs.getString(gender)); s.setMajor(rs.getString(major)); list.add(s); } } catch (SQLException e) { e.printStackTrace(); } return list; } }避坑重点PreparedStatement比Statement安全防止 SQL 注入try-with-resources自动关闭连接避免连接泄漏ORDER BY id DESC让最新添加的学生排在最前符合用户直觉。5. 避坑JSPServletMySQL 开发中 5 个高频翻车点及血泪解决方案这节不讲“应该怎么做”只列真实发生在我带的学生项目中的 5 个具体翻车现场。每个都按“现象 → 原因 → 解决”还原拒绝泛泛而谈。5.1 现象JSP 页面中文显示为乱码但数据库里中文正常原因JSP 文件本身编码、HTTP 响应头、HTML meta 标签三者不一致。常见组合是JSP 文件用 ANSIWindows 默认保存但pageEncodingUTF-8声明失效response.setContentType(text/html;charsetUTF-8)漏写或写在out.println()之后HTML 中meta charsetUTF-8被注释或位置错误解决在 IDEA 中右下角点击文件编码如GBK选Convert to UTF-8→ Save在 JSP 第一行添加% page pageEncodingUTF-8 contentTypetext/html;charsetUTF-8 %在head内确保meta charsetUTF-8存在且未被注释Servlet 中response.setContentType(text/html;charsetUTF-8)必须在getWriter()之前调用5.2 现象点击“新增学生”按钮页面跳转到http://localhost:8080/student/add但报 404原因Servlet 映射路径与表单action属性不匹配且未处理 POST 请求。web.xml中只配置了url-pattern/student/add/url-pattern但未声明该 Servlet 支持doPost()JSP 表单action/student/add是绝对路径但实际应用上下文是/student-mgmt应为action${pageContext.request.contextPath}/student/add解决在AddStudentServlet.java中重写doPost()方法doGet()通常用于展示表单doPost()处理提交web.xml中servlet-mapping的url-pattern必须与表单action完全一致包括斜杠表单methodpost且action使用 EL 表达式${pageContext.request.contextPath}/student/add5.3 现象MySQL 插入中文时报错Incorrect string value: \xE4\xBD\xA0\xE5\xA5\xBD for column name at row 1原因MySQL 数据库、表、字段的字符集均为utf8MySQL 的utf8实际是utf8mb3最多 3 字节而 Java 字符串是 UTF-16某些中文字符如 emoji、生僻字需 4 字节存储。解决创建数据库时用CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci见 4.1 节修改现有表ALTER TABLE student CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;JDBC URL 中必须包含characterEncodingutf8mb4见 4.3 节5.4 现象Bootstrap 按钮点击无反应浏览器控制台报Uncaught ReferenceError: $ is not defined原因jQuery 未加载成功或加载顺序错误。常见于script标签放在head中而 DOM 尚未渲染完成jquery-3.5.1.min.js路径错误如写成/js/jquery.min.js但实际是/js/jquery-3.5.1.min.jsBootstrap JS 依赖 jQuery但 jQuery script 标签在 Bootstrap 之后解决将所有script标签移到/body之前确保 DOM 加载完毕用浏览器开发者工具 Network 标签页检查jquery-3.5.1.min.js是否返回 200严格按顺序加载jquery→bootstrap.bundle.min.jsbundle 已含 Popper5.5 现象Tomcat 启动后修改 JSP 文件刷新页面内容不变原因Tomcat 默认开启 JSP 编译缓存且 IDEA 的热部署Hot Swap对 JSP 支持有限。解决在conf/context.xml中添加Context reloadabletrue/开发环境启用热重载在conf/server.xml的Host标签下添加autoDeploytrue deployOnStartuptrue最简单粗暴法每次修改 JSP 后在 IDEA 中右键web/→Reload project或重启 Tomcat6. 把学生信息管理系统变成可交付作品3 个进阶技巧与我的实战习惯做到前面五章你已经能跑通增删改查。但一个能交差、能演示、能写进简历的系统还需要三个关键动作一是让数据持久化真正可靠不只是插入成功二是让界面交互有反馈不只是跳转三是让代码结构经得起导师/面试官深挖。下面是我带学生验收时必看的三个点附可直接抄的代码和配置。6.1 给 MySQL 添加事务控制避免“新增学生成功但日志失败”这类数据不一致StudentDAO当前是单条 SQL 执行但真实业务中新增学生可能伴随插入操作日志、更新班级人数统计等。若其中一步失败必须回滚全部。JDBC 原生支持事务// 在 StudentDAO.java 中添加 insertWithTx 方法 public boolean insertWithTx(Student student) { String sql INSERT INTO student (no, name, gender, major) VALUES (?, ?, ?, ?); try (Connection conn DatabaseUtil.getConnection()) { conn.setAutoCommit(false); // 关闭自动提交 try (PreparedStatement ps conn.prepareStatement(sql, Statement.RETURN_GENERATED_KEYS)) { ps.setString(1, student.getNo()); ps.setString(2, student.getName()); ps.setString(3, student.getGender()); ps.setString(4, student.getMajor()); int rows ps.executeUpdate(); if (rows 0) { // 获取自增主键 try (ResultSet rs ps.getGeneratedKeys()) { if (rs.next()) { student.setId(rs.getInt(1)); } } conn.commit(); // 提交事务 return true; } else { conn.rollback(); // 回滚 return false; } } } catch (SQLException e) { e.printStackTrace(); try { if (conn ! null) conn.rollback(); } catch (SQLException ex) { ex.printStackTrace(); } return false; } }为什么值得做事务是数据一致性的基石。面试官问“你怎么保证转账操作不丢钱”答案就是这段代码的逻辑。它不依赖 Spring 的Transactional而是直击 JDBC 底层。6.2 用 Bootstrap Toast 实现操作成功提示告别“跳转后才看到结果”的割裂感用户点击“新增”页面不该直接跳走而应原地弹出提示。JSP 无法直接调用 Toast需 JS但可以传递状态!-- 在 add_success.jsp 中 -- % page contentTypetext/html;charsetUTF-8 languagejava % % String message request.getAttribute(message) ! null ? (String) request.getAttribute(message) : 操作成功; % !DOCTYPE html html head meta charsetUTF-8 title操作结果/title link href${pageContext.request.contextPath}/css/bootstrap.min.css relstylesheet /head body div classcontainer mt-5 div classalert alert-success alert-dismissible fade show rolealert % message % button typebutton classclose>?xml version1.0 encodingUTF-8? Configuration statusWARN Appenders Console nameConsole targetSYSTEM_OUT PatternLayout pattern%d{HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n/ /Console RollingFile nameRollingFile fileNamelogs/app.log filePatternlogs/app-%d{yyyy-MM-dd}-%i.log.gz PatternLayout pattern%d{yyyy-MM-dd HH:mm:ss.SSS} [%t] %-5level %logger{36} - %msg%n/ TimeBasedTriggeringPolicy / SizeBasedTriggeringPolicy size10MB/ /RollingFile /Appenders Loggers Root levelinfo AppenderRef refConsole/ AppenderRef refRollingFile/ /Root /Loggers /Configuration然后在StudentDAO.java的insertWithTx方法末尾加import org.apache.logging.log4j.LogManager; import org.apache.logging.log4j.Logger; public class StudentDAO { private static final Logger logger LogManager.getLogger(StudentDAO.class); public boolean insertWithTx(Student student) { // ... 原有代码 ... if (rows 0) { logger.info(新增学生成功学号{}, 姓名{}, student.getNo(), student.getName()); conn.commit(); return true; } // ... } }我的习惯日志级别设为INFO记录所有 CRUD 操作WARN记录预期外但可恢复的情况如重复学号ERROR记录数据库连接失败等致命错误。日志文件自动压缩归档不撑爆磁盘。这比写“System.out.println(add success)”高到不知哪里去了。最后说一句这个系统不是古董它是你理解 Java Web 的“解剖刀”。当别人还在背 Spring Boot 自动配置原理时你能手写一个 Servlet 处理表单、用 JDBC 连 MySQL、用 Bootstrap 做响应式页面——这种能力在面试中比刷一百道八股文都管用。我坚持让学生从零搭这个项目不是怀旧是让他们亲手摸到技术的骨头。希望帮到你。本文还有配套的精品资源点击获取