尧图网页设计 
简介这是一套基于SSM框架与JSP技术开发的喀什网上游客服务中心系统源码面向Java Web初学者、进阶学习者以及需要完成毕业设计、课程设计或工程实训的学生。项目采用Spring、Spring MVC与MyBatis整合后端前端使用JSP运行于JDK1.8与Tomcat7环境数据库为MySQL 5.7开发工具兼容Eclipse、MyEclipse与IDEA并配有Maven依赖管理适合作为中小型旅游服务类Web项目的学习范本。压缩包共约1300个文件整体33.65MB涵盖144个JSP页面、88个Java源文件与88个class文件、226个JavaScript脚本、125个CSS样式及大量图片与前端资源另含SQL脚本、XML配置与JAR依赖结构完整。目前已有101人学习下载。读者可获取可运行源码与数据库文件用于理解SSM分层架构、控制器与实体类设计并在此基础上进行二次开发与功能扩展。1. 喀什游客服务中心系统一个 JSP 项目从跑通到改对的全过程拿到「5m200喀什网上游客服务中心系统0jsp.zip」这个标题很多人第一反应是去搜源码包但真正卡住你的往往不是下载而是解压之后那一堆.jsp、WEB-INF、web.xml到底怎么串起来。这是一个典型的 JSP 服务端渲染项目面向的是旅游资讯展示、游客留言、景点介绍、后台管理等场景适合课程设计、小型政务/景区门户的二次开发也适合想补一补传统 JSP 技术栈的开发者。它不依赖前后端分离页面逻辑和 Java 代码混写所以「能跑起来」和「改得动」是两件事。这篇笔记按我实际部署这类项目的顺序走先讲清 JSP 在浏览器里到底发生了什么再落到环境搭建、数据库配置、页面改造最后把几个高频翻车点摊开说。你跟着做至少能把它在本机跑通并且知道每一处该改哪里。2. JSP 页面从请求到渲染先搞懂它在服务器里怎么跑2.1 一次访问背后发生了什么JSP 本质是「带 Java 代码的 HTML」。浏览器请求index.jsp时Tomcat 会先把.jsp编译成一个 Servlet 的.java文件再编译成.class然后执行把生成的 HTML 写回响应。这个过程只在第一次访问或文件被修改后触发之后直接走已编译的类。理解这一点很关键你改了 JSP 没生效八成是编译缓存没刷新而不是代码写错了。项目里常见的目录结构是这样的根目录放一堆.jsp页面WEB-INF下放web.xml、classes、lib。WEB-INF里的东西浏览器直接访问不到只能通过 Servlet 转发或内部跳转这是安全边界也是新手最容易踩的坑——把web.xml放到根目录结果配置完全不生效。JSP 里的 Java 代码用% %脚本块、% %表达式、% %指令三种写法。老项目里大量用脚本块直接查数据库这种写法现在看很土但读起来直观改起来也快。你要做的是先接受它再逐步把数据库连接抽出去。2.2 环境选型为什么是 JDK8 Tomcat8/9这类项目基本是十年前的技术栈别上 JDK17 硬刚。我一般用 JDK8 配 Tomcat8.5 或 Tomcat9兼容性最稳。JDK 太高会出现Unsupported class file major versionTomcat 版本太新则可能对老web.xml的解析更严格。组件推荐版本说明JDK1.8老项目兼容性最好Tomcat8.5 / 9.0支持 Servlet 3.x够用MySQL5.7 / 8.0注意驱动包版本要匹配IDEEclipse / IDEA能配 Tomcat 即可数据库驱动是重灾区。MySQL 5.7 用mysql-connector-java-5.1.xMySQL 8.0 要用8.0.x而且连接串要加时区和 SSL 参数。放错驱动启动就报No suitable driver found。2.3 把项目跑起来的最小步骤第一步解压后确认目录结构找到WEB-INF/lib里有没有mysql-connector的 jar没有就补进去。第二步在 MySQL 里建库把项目自带的.sql文件导入。第三步找到数据库配置文件通常是db.properties或直接写在某个DBUtil.java里改成你自己的账号密码。第四步在 IDE 里把项目部署到 Tomcat启动后访问http://localhost:8080/项目名/。# 导入数据库假设 sql 文件在项目根目录 mysql -u root -p -e CREATE DATABASE kashi_tour DEFAULT CHARSET utf8mb4; mysql -u root -p kashi_tour kashi_tour.sql # 确认表是否建好 mysql -u root -p -e USE kashi_tour; SHOW TABLES;导入后一定要SHOW TABLES确认很多.sql文件里带了DROP TABLE和CREATE但字符集没指定中文会变乱码。建库时显式用utf8mb4能省掉后面一半的乱码问题。3. 数据库连接与页面数据绑定让景点列表真正显示出来3.1 找到并改对数据库配置老 JSP 项目的数据库配置通常有两种形态一种是独立的db.properties一种是硬编码在某个工具类里。先全局搜jdbc:mysql这个关键字定位到连接串所在文件。# db.properties 典型内容 jdbc.drivercom.mysql.cj.jdbc.Driver jdbc.urljdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse jdbc.usernameroot jdbc.password你的密码useUnicodetruecharacterEncodingutf8保证中文不乱码serverTimezone是 MySQL 8.0 必须的不加会报时区错误useSSLfalse去掉启动时的 SSL 警告。驱动类名如果是 MySQL 5.1 的包要写成com.mysql.jdbc.Driver8.0 才是com.mysql.cj.jdbc.Driver写错直接连不上。改完配置别急着启动先单独写个测试类跑一下连接比在 Tomcat 里反复重启快得多。// DBTest.java 快速验证连接 public class DBTest { public static void main(String[] args) throws Exception { Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); System.out.println(连接成功: conn); conn.close(); } }能打印出连接对象说明驱动、地址、账号密码全对再去启动 Tomcat 就不会在数据库这一层浪费时间。3.2 景点列表页的数据是怎么绑上去的游客服务中心系统的核心页面通常是景点列表、景点详情、留言板。以景点列表为例页面顶部用% page import %引入 Java 类中间用脚本块查数据库下面用循环把结果渲染成 HTML。% page languagejava contentTypetext/html; charsetUTF-8 pageEncodingUTF-8% % page importjava.sql.* % % // 页面内直接查库老项目常见写法 Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); Statement stmt conn.createStatement(); ResultSet rs stmt.executeQuery(SELECT id, name, intro, img FROM spot ORDER BY id DESC); % div classspot-list % while (rs.next()) { % div classspot-item img src% rs.getString(img) % alt% rs.getString(name) % h3% rs.getString(name) %/h3 p% rs.getString(intro) %/p /div % } rs.close(); stmt.close(); conn.close(); % /div这段代码把查询和渲染揉在一起逻辑是先建连接执行查询while循环遍历结果集每行输出一个景点卡片。rs.getString(img)取的是数据库里的图片路径如果图片显示不出来先确认路径是相对路径还是绝对路径再确认图片文件是否真的在webapp目录下。这种写法每次请求都新建连接并发一高就崩但作为课程设计或小流量门户够用。要优化的话把连接逻辑抽到DBUtil类里用静态方法返回Connection页面只负责调用和渲染。3.3 留言板功能表单提交与中文乱码处理留言板是另一个高频功能涉及表单提交和中文处理。JSP 里接收 POST 参数必须在读取参数之前设置编码顺序错了中文就是问号。% // 必须在 getParameter 之前设置否则中文乱码 request.setCharacterEncoding(UTF-8); String name request.getParameter(name); String content request.getParameter(content); if (name ! null content ! null) { Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); PreparedStatement ps conn.prepareStatement( INSERT INTO message(name, content, create_time) VALUES(?, ?, NOW())); ps.setString(1, name); ps.setString(2, content); ps.executeUpdate(); ps.close(); conn.close(); } %setCharacterEncoding放在最前面是铁律放到getParameter后面就完全无效。用PreparedStatement而不是拼字符串既防注入又省去转义麻烦。NOW()让数据库自己填时间比在 Java 里格式化再传进去省事。4. 页面改造与前端资源让 JSP 页面不那么「年代感」4.1 引入现代前端资源时路径怎么放JSP 项目要换皮通常是把 Bootstrap、Element UI 这类资源放进webapp/static目录然后在页面里用绝对路径引用。这里有个坑JSP 页面经过转发后相对路径的基准会变所以静态资源一律用${pageContext.request.contextPath}开头。link relstylesheet href${pageContext.request.contextPath}/static/css/bootstrap.min.css script src${pageContext.request.contextPath}/static/js/jquery.min.js/script${pageContext.request.contextPath}会解析成项目部署名比如/kashi_tour这样无论页面在哪个层级路径都不会错。直接写../static/css/xxx.css在转发场景下必翻车。如果要用 Element UI 的图标注意它是基于 Vue 的组件库纯 JSP 页面里只能引它的 CSS 字体图标部分不能直接用它的 Vue 组件。想要图标效果引element-icons的字体文件然后用i classel-icon-location/i这种类名即可。4.2 页面加载完刷新一次的正确姿势热搜里有人问「jsp页面让加载完后刷新一次」这个需求通常出现在数据更新后页面没同步的场景。做法是在页面底部加一段脚本用window.onload配合location.reload()但必须加条件判断否则会无限刷新。// 只在带 refresh1 参数时刷新一次避免死循环 window.onload function () { var url new URL(window.location.href); if (url.searchParams.get(refresh) 1) { url.searchParams.delete(refresh); window.location.href url.toString(); } };逻辑是检查 URL 里有没有refresh1有就删掉这个参数再跳转跳转后参数没了就不会再触发。直接写location.reload()会导致页面永远在刷新这是血泪经验。更好的做法其实是用 AJAX 局部更新数据而不是整页刷新但在老项目里上面这种带参数控制的方式最省事。4.3 个人信息展示页面的字段映射「jsp个人信息展示页面」是另一个高频需求本质是把数据库里user表的字段渲染到页面上。关键是字段名要和数据库列名一一对应别想当然。% // 假设已从 session 拿到用户 id Integer userId (Integer) session.getAttribute(userId); Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); PreparedStatement ps conn.prepareStatement( SELECT username, phone, email, avatar FROM user WHERE id ?); ps.setInt(1, userId); ResultSet rs ps.executeQuery(); if (rs.next()) { % ul classprofile li用户名% rs.getString(username) %/li li手机号% rs.getString(phone) %/li li邮箱% rs.getString(email) %/li li头像img src% rs.getString(avatar) % width80/li /ul % } rs.close(); ps.close(); conn.close(); %session.getAttribute(userId)取的是登录时存进去的值如果登录逻辑没存这里就是nullsetInt会直接抛异常。排查时先打印userId确认登录环节有没有正确写入 session。字段名username、phone这些必须和建表语句完全一致大小写敏感。5. 避坑与排查这类 JSP 项目最容易翻车的五个地方5.1 启动报 404页面一个都打不开现象Tomcat 启动没报错但访问任何页面都是 404。原因通常是项目部署路径和访问路径不一致或者web.xml里welcome-file配置的首页文件不存在。解决在 Tomcat 的webapps目录下确认项目文件夹名访问时用http://localhost:8080/文件夹名/检查web.xml里welcome-file-list写的index.jsp是否真的在根目录。5.2 中文全是乱码改了编码也没用现象页面显示问号或方块。原因有三层数据库建库字符集、连接串字符集、JSP 页面pageEncoding。解决三层都要设成 UTF-8。建库用utf8mb4连接串加characterEncodingutf8JSP 头部写pageEncodingUTF-8表单提交前request.setCharacterEncoding(UTF-8)。缺任何一层都会乱。5.3 改了 JSP 代码刷新页面没变化现象明明改了代码浏览器还是旧的。原因Tomcat 编译缓存没更新或者浏览器缓存。解决先强制刷新浏览器CtrlF5还不行就去 Tomcat 的work目录删掉对应项目的编译缓存重启 Tomcat。IDEA 里可以开热部署但老项目建议手动清缓存更可靠。5.4 数据库连接池耗尽页面卡死现象访问几个页面后整个系统无响应。原因页面里每次请求都新建连接但没关闭连接数堆满。解决检查每个 JSP 里Connection、Statement、ResultSet是否都close()了最好放到finally块里。更彻底的做法是抽一个DBUtil统一管理或者引入连接池。5.5 图片和静态资源加载不出来现象页面结构正常但图片、CSS、JS 全是 404。原因路径写的是相对路径经过转发后基准变了。解决所有静态资源用${pageContext.request.contextPath}开头确认文件确实放在webapp下的对应目录而不是放在WEB-INF里。6. 进阶技巧把散落的数据库代码抽成工具类前面所有页面都在重复写连接代码改一次密码要改十几个文件这是老项目最难受的地方。我的习惯是第一步就抽DBUtil把连接逻辑收口到一个地方。// DBUtil.java 统一管理数据库连接 public class DBUtil { private static final String URL jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse; private static final String USER root; private static final String PWD 你的密码; static { try { Class.forName(com.mysql.cj.jdbc.Driver); } catch (ClassNotFoundException e) { e.printStackTrace(); } } public static Connection getConn() throws SQLException { return DriverManager.getConnection(URL, USER, PWD); } // 统一关闭避免漏关 public static void close(Connection c, Statement s, ResultSet r) { try { if (r ! null) r.close(); } catch (Exception e) {} try { if (s ! null) s.close(); } catch (Exception e) {} try { if (c ! null) c.close(); } catch (Exception e) {} } }抽完之后页面里只需要Connection conn DBUtil.getConn();关闭时DBUtil.close(conn, ps, rs);。改数据库密码只动一个文件关闭逻辑也不会漏。这一步做完项目才算从「能跑」变成「能维护」。验证抽取得对不对有个简单办法全局搜DriverManager.getConnection如果只剩DBUtil里一处说明收口干净了。再搜conn.close()如果页面里还有散落的关闭代码说明没替换彻底。我自己的习惯是拿到任何 JSP 老项目先不急着改功能花半小时把数据库连接抽出来后面所有改动都会轻松很多。这个顺序反过来边改功能边补连接代码最后一定是一团乱麻。希望帮到你。本文还有配套的精品资源点击获取 JSP项目实战：喀什游客服务中心系统从部署到优化
简介这是一套基于SSM框架与JSP技术开发的喀什网上游客服务中心系统源码面向Java Web初学者、进阶学习者以及需要完成毕业设计、课程设计或工程实训的学生。项目采用Spring、Spring MVC与MyBatis整合后端前端使用JSP运行于JDK1.8与Tomcat7环境数据库为MySQL 5.7开发工具兼容Eclipse、MyEclipse与IDEA并配有Maven依赖管理适合作为中小型旅游服务类Web项目的学习范本。压缩包共约1300个文件整体33.65MB涵盖144个JSP页面、88个Java源文件与88个class文件、226个JavaScript脚本、125个CSS样式及大量图片与前端资源另含SQL脚本、XML配置与JAR依赖结构完整。目前已有101人学习下载。读者可获取可运行源码与数据库文件用于理解SSM分层架构、控制器与实体类设计并在此基础上进行二次开发与功能扩展。1. 喀什游客服务中心系统一个 JSP 项目从跑通到改对的全过程拿到「5m200喀什网上游客服务中心系统0jsp.zip」这个标题很多人第一反应是去搜源码包但真正卡住你的往往不是下载而是解压之后那一堆.jsp、WEB-INF、web.xml到底怎么串起来。这是一个典型的 JSP 服务端渲染项目面向的是旅游资讯展示、游客留言、景点介绍、后台管理等场景适合课程设计、小型政务/景区门户的二次开发也适合想补一补传统 JSP 技术栈的开发者。它不依赖前后端分离页面逻辑和 Java 代码混写所以「能跑起来」和「改得动」是两件事。这篇笔记按我实际部署这类项目的顺序走先讲清 JSP 在浏览器里到底发生了什么再落到环境搭建、数据库配置、页面改造最后把几个高频翻车点摊开说。你跟着做至少能把它在本机跑通并且知道每一处该改哪里。2. JSP 页面从请求到渲染先搞懂它在服务器里怎么跑2.1 一次访问背后发生了什么JSP 本质是「带 Java 代码的 HTML」。浏览器请求index.jsp时Tomcat 会先把.jsp编译成一个 Servlet 的.java文件再编译成.class然后执行把生成的 HTML 写回响应。这个过程只在第一次访问或文件被修改后触发之后直接走已编译的类。理解这一点很关键你改了 JSP 没生效八成是编译缓存没刷新而不是代码写错了。项目里常见的目录结构是这样的根目录放一堆.jsp页面WEB-INF下放web.xml、classes、lib。WEB-INF里的东西浏览器直接访问不到只能通过 Servlet 转发或内部跳转这是安全边界也是新手最容易踩的坑——把web.xml放到根目录结果配置完全不生效。JSP 里的 Java 代码用% %脚本块、% %表达式、% %指令三种写法。老项目里大量用脚本块直接查数据库这种写法现在看很土但读起来直观改起来也快。你要做的是先接受它再逐步把数据库连接抽出去。2.2 环境选型为什么是 JDK8 Tomcat8/9这类项目基本是十年前的技术栈别上 JDK17 硬刚。我一般用 JDK8 配 Tomcat8.5 或 Tomcat9兼容性最稳。JDK 太高会出现Unsupported class file major versionTomcat 版本太新则可能对老web.xml的解析更严格。组件推荐版本说明JDK1.8老项目兼容性最好Tomcat8.5 / 9.0支持 Servlet 3.x够用MySQL5.7 / 8.0注意驱动包版本要匹配IDEEclipse / IDEA能配 Tomcat 即可数据库驱动是重灾区。MySQL 5.7 用mysql-connector-java-5.1.xMySQL 8.0 要用8.0.x而且连接串要加时区和 SSL 参数。放错驱动启动就报No suitable driver found。2.3 把项目跑起来的最小步骤第一步解压后确认目录结构找到WEB-INF/lib里有没有mysql-connector的 jar没有就补进去。第二步在 MySQL 里建库把项目自带的.sql文件导入。第三步找到数据库配置文件通常是db.properties或直接写在某个DBUtil.java里改成你自己的账号密码。第四步在 IDE 里把项目部署到 Tomcat启动后访问http://localhost:8080/项目名/。# 导入数据库假设 sql 文件在项目根目录 mysql -u root -p -e CREATE DATABASE kashi_tour DEFAULT CHARSET utf8mb4; mysql -u root -p kashi_tour kashi_tour.sql # 确认表是否建好 mysql -u root -p -e USE kashi_tour; SHOW TABLES;导入后一定要SHOW TABLES确认很多.sql文件里带了DROP TABLE和CREATE但字符集没指定中文会变乱码。建库时显式用utf8mb4能省掉后面一半的乱码问题。3. 数据库连接与页面数据绑定让景点列表真正显示出来3.1 找到并改对数据库配置老 JSP 项目的数据库配置通常有两种形态一种是独立的db.properties一种是硬编码在某个工具类里。先全局搜jdbc:mysql这个关键字定位到连接串所在文件。# db.properties 典型内容 jdbc.drivercom.mysql.cj.jdbc.Driver jdbc.urljdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse jdbc.usernameroot jdbc.password你的密码useUnicodetruecharacterEncodingutf8保证中文不乱码serverTimezone是 MySQL 8.0 必须的不加会报时区错误useSSLfalse去掉启动时的 SSL 警告。驱动类名如果是 MySQL 5.1 的包要写成com.mysql.jdbc.Driver8.0 才是com.mysql.cj.jdbc.Driver写错直接连不上。改完配置别急着启动先单独写个测试类跑一下连接比在 Tomcat 里反复重启快得多。// DBTest.java 快速验证连接 public class DBTest { public static void main(String[] args) throws Exception { Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); System.out.println(连接成功: conn); conn.close(); } }能打印出连接对象说明驱动、地址、账号密码全对再去启动 Tomcat 就不会在数据库这一层浪费时间。3.2 景点列表页的数据是怎么绑上去的游客服务中心系统的核心页面通常是景点列表、景点详情、留言板。以景点列表为例页面顶部用% page import %引入 Java 类中间用脚本块查数据库下面用循环把结果渲染成 HTML。% page languagejava contentTypetext/html; charsetUTF-8 pageEncodingUTF-8% % page importjava.sql.* % % // 页面内直接查库老项目常见写法 Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); Statement stmt conn.createStatement(); ResultSet rs stmt.executeQuery(SELECT id, name, intro, img FROM spot ORDER BY id DESC); % div classspot-list % while (rs.next()) { % div classspot-item img src% rs.getString(img) % alt% rs.getString(name) % h3% rs.getString(name) %/h3 p% rs.getString(intro) %/p /div % } rs.close(); stmt.close(); conn.close(); % /div这段代码把查询和渲染揉在一起逻辑是先建连接执行查询while循环遍历结果集每行输出一个景点卡片。rs.getString(img)取的是数据库里的图片路径如果图片显示不出来先确认路径是相对路径还是绝对路径再确认图片文件是否真的在webapp目录下。这种写法每次请求都新建连接并发一高就崩但作为课程设计或小流量门户够用。要优化的话把连接逻辑抽到DBUtil类里用静态方法返回Connection页面只负责调用和渲染。3.3 留言板功能表单提交与中文乱码处理留言板是另一个高频功能涉及表单提交和中文处理。JSP 里接收 POST 参数必须在读取参数之前设置编码顺序错了中文就是问号。% // 必须在 getParameter 之前设置否则中文乱码 request.setCharacterEncoding(UTF-8); String name request.getParameter(name); String content request.getParameter(content); if (name ! null content ! null) { Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); PreparedStatement ps conn.prepareStatement( INSERT INTO message(name, content, create_time) VALUES(?, ?, NOW())); ps.setString(1, name); ps.setString(2, content); ps.executeUpdate(); ps.close(); conn.close(); } %setCharacterEncoding放在最前面是铁律放到getParameter后面就完全无效。用PreparedStatement而不是拼字符串既防注入又省去转义麻烦。NOW()让数据库自己填时间比在 Java 里格式化再传进去省事。4. 页面改造与前端资源让 JSP 页面不那么「年代感」4.1 引入现代前端资源时路径怎么放JSP 项目要换皮通常是把 Bootstrap、Element UI 这类资源放进webapp/static目录然后在页面里用绝对路径引用。这里有个坑JSP 页面经过转发后相对路径的基准会变所以静态资源一律用${pageContext.request.contextPath}开头。link relstylesheet href${pageContext.request.contextPath}/static/css/bootstrap.min.css script src${pageContext.request.contextPath}/static/js/jquery.min.js/script${pageContext.request.contextPath}会解析成项目部署名比如/kashi_tour这样无论页面在哪个层级路径都不会错。直接写../static/css/xxx.css在转发场景下必翻车。如果要用 Element UI 的图标注意它是基于 Vue 的组件库纯 JSP 页面里只能引它的 CSS 字体图标部分不能直接用它的 Vue 组件。想要图标效果引element-icons的字体文件然后用i classel-icon-location/i这种类名即可。4.2 页面加载完刷新一次的正确姿势热搜里有人问「jsp页面让加载完后刷新一次」这个需求通常出现在数据更新后页面没同步的场景。做法是在页面底部加一段脚本用window.onload配合location.reload()但必须加条件判断否则会无限刷新。// 只在带 refresh1 参数时刷新一次避免死循环 window.onload function () { var url new URL(window.location.href); if (url.searchParams.get(refresh) 1) { url.searchParams.delete(refresh); window.location.href url.toString(); } };逻辑是检查 URL 里有没有refresh1有就删掉这个参数再跳转跳转后参数没了就不会再触发。直接写location.reload()会导致页面永远在刷新这是血泪经验。更好的做法其实是用 AJAX 局部更新数据而不是整页刷新但在老项目里上面这种带参数控制的方式最省事。4.3 个人信息展示页面的字段映射「jsp个人信息展示页面」是另一个高频需求本质是把数据库里user表的字段渲染到页面上。关键是字段名要和数据库列名一一对应别想当然。% // 假设已从 session 拿到用户 id Integer userId (Integer) session.getAttribute(userId); Class.forName(com.mysql.cj.jdbc.Driver); Connection conn DriverManager.getConnection( jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse, root, 你的密码); PreparedStatement ps conn.prepareStatement( SELECT username, phone, email, avatar FROM user WHERE id ?); ps.setInt(1, userId); ResultSet rs ps.executeQuery(); if (rs.next()) { % ul classprofile li用户名% rs.getString(username) %/li li手机号% rs.getString(phone) %/li li邮箱% rs.getString(email) %/li li头像img src% rs.getString(avatar) % width80/li /ul % } rs.close(); ps.close(); conn.close(); %session.getAttribute(userId)取的是登录时存进去的值如果登录逻辑没存这里就是nullsetInt会直接抛异常。排查时先打印userId确认登录环节有没有正确写入 session。字段名username、phone这些必须和建表语句完全一致大小写敏感。5. 避坑与排查这类 JSP 项目最容易翻车的五个地方5.1 启动报 404页面一个都打不开现象Tomcat 启动没报错但访问任何页面都是 404。原因通常是项目部署路径和访问路径不一致或者web.xml里welcome-file配置的首页文件不存在。解决在 Tomcat 的webapps目录下确认项目文件夹名访问时用http://localhost:8080/文件夹名/检查web.xml里welcome-file-list写的index.jsp是否真的在根目录。5.2 中文全是乱码改了编码也没用现象页面显示问号或方块。原因有三层数据库建库字符集、连接串字符集、JSP 页面pageEncoding。解决三层都要设成 UTF-8。建库用utf8mb4连接串加characterEncodingutf8JSP 头部写pageEncodingUTF-8表单提交前request.setCharacterEncoding(UTF-8)。缺任何一层都会乱。5.3 改了 JSP 代码刷新页面没变化现象明明改了代码浏览器还是旧的。原因Tomcat 编译缓存没更新或者浏览器缓存。解决先强制刷新浏览器CtrlF5还不行就去 Tomcat 的work目录删掉对应项目的编译缓存重启 Tomcat。IDEA 里可以开热部署但老项目建议手动清缓存更可靠。5.4 数据库连接池耗尽页面卡死现象访问几个页面后整个系统无响应。原因页面里每次请求都新建连接但没关闭连接数堆满。解决检查每个 JSP 里Connection、Statement、ResultSet是否都close()了最好放到finally块里。更彻底的做法是抽一个DBUtil统一管理或者引入连接池。5.5 图片和静态资源加载不出来现象页面结构正常但图片、CSS、JS 全是 404。原因路径写的是相对路径经过转发后基准变了。解决所有静态资源用${pageContext.request.contextPath}开头确认文件确实放在webapp下的对应目录而不是放在WEB-INF里。6. 进阶技巧把散落的数据库代码抽成工具类前面所有页面都在重复写连接代码改一次密码要改十几个文件这是老项目最难受的地方。我的习惯是第一步就抽DBUtil把连接逻辑收口到一个地方。// DBUtil.java 统一管理数据库连接 public class DBUtil { private static final String URL jdbc:mysql://localhost:3306/kashi_tour?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse; private static final String USER root; private static final String PWD 你的密码; static { try { Class.forName(com.mysql.cj.jdbc.Driver); } catch (ClassNotFoundException e) { e.printStackTrace(); } } public static Connection getConn() throws SQLException { return DriverManager.getConnection(URL, USER, PWD); } // 统一关闭避免漏关 public static void close(Connection c, Statement s, ResultSet r) { try { if (r ! null) r.close(); } catch (Exception e) {} try { if (s ! null) s.close(); } catch (Exception e) {} try { if (c ! null) c.close(); } catch (Exception e) {} } }抽完之后页面里只需要Connection conn DBUtil.getConn();关闭时DBUtil.close(conn, ps, rs);。改数据库密码只动一个文件关闭逻辑也不会漏。这一步做完项目才算从「能跑」变成「能维护」。验证抽取得对不对有个简单办法全局搜DriverManager.getConnection如果只剩DBUtil里一处说明收口干净了。再搜conn.close()如果页面里还有散落的关闭代码说明没替换彻底。我自己的习惯是拿到任何 JSP 老项目先不急着改功能花半小时把数据库连接抽出来后面所有改动都会轻松很多。这个顺序反过来边改功能边补连接代码最后一定是一团乱麻。希望帮到你。本文还有配套的精品资源点击获取