簡介這是一套基于JavaWeb技術(shù)棧開發(fā)的旅游管理系統(tǒng)完整源碼面向Java初學(xué)者與Web開發(fā)入門者聚焦ServletJSPMySQL三層架構(gòu)實踐幫助學(xué)習者掌握用戶注冊審核、景點信息檢索、酒店在線預(yù)訂及后臺多模塊管理等典型業(yè)務(wù)場景。資源包共738個文件含111個JSP頁面實現(xiàn)前后端交互、415個GIF動圖用于界面效果展示、69個JPG圖片景點與酒店素材、40個CSS樣式文件保障前端呈現(xiàn)、23個JS腳本增強交互邏輯以及SQL數(shù)據(jù)庫腳本、Java類文件和Eclipse項目配置文件等整體壓縮后僅8.46MB結(jié)構(gòu)完整、開箱即用。已有1111人學(xué)習下載配套功能模塊清晰——從首頁人文展示、自駕游路線規(guī)劃到后臺塞北故事/景點/酒店/留言全維度管理代碼注釋充分目錄層級合理特別適合課程設(shè)計、畢業(yè)實訓(xùn)或JavaWeb綜合項目實戰(zhàn)訓(xùn)練。1. JavaWeb旅游管理系統(tǒng)JSPServletMySQL一套能跑通、能改、能交畢設(shè)的完整閉環(huán)項目你手頭正卡在畢設(shè)開題導(dǎo)師說“要JavaWeb要有數(shù)據(jù)庫要有前后端交互”但搜了一圈全是半成品——要么只有前端頁面沒后端邏輯要么Servlet寫得像天書要么MySQL建表字段和代碼對不上部署到Tomcat直接404。這套「JavaWeb旅游管理系統(tǒng)」不是Demo是真實跑過、改過、交過答辯的完整工程從首頁塞北人文展示、用戶注冊審核流、景點模糊搜索、酒店預(yù)訂狀態(tài)流轉(zhuǎn)到后臺9大管理模塊含留言板、自駕游路線、塞北故事增刪改查全部用原生JSPServletMySQL實現(xiàn)不依賴Spring Boot、MyBatis等框架所有請求路由、數(shù)據(jù)校驗、事務(wù)控制、會話管理都手寫在Servlet里。它適合三類人畢業(yè)設(shè)計需要可演示、可講解、可修改的底層可控項目JavaWeb入門者想看清MVC各層怎么咬合或者老工程師臨時搭個輕量級內(nèi)部管理系統(tǒng)原型。項目結(jié)構(gòu)干凈沒有冗余文件.classpath和.project已適配Eclipseweb.xml配置完整連style.css里每個模塊的定位坐標都按真實頁面需求寫了——不是占位符是真能撐起“首頁天氣預(yù)報在線留言酒店信息”三欄布局的CSS。2. 項目結(jié)構(gòu)與核心模塊拆解看清MVC三層如何在JSPServlet中落地2.1 工程目錄結(jié)構(gòu)解析為什么這些文件一個都不能少項目根目錄下看到的db.class、.classpath、org.eclipse.wst.common.component等文件不是垃圾而是Eclipse識別Web項目的元數(shù)據(jù)。其中db.class是數(shù)據(jù)庫連接工具類編譯后的字節(jié)碼注意源碼應(yīng)為DbUtil.java位于src/com/utils/下封裝了DriverManager.getConnection()和try-with-resources關(guān)閉邏輯.classpath明確聲明了WEB-INF/lib/mysql-connector-java-5.1.47.jar為運行時依賴版本必須是5.x系列8.x驅(qū)動需改URL格式且加serverTimezoneUTC否則連接失敗org.eclipse.wst.common.component定義了/WebContent為部署根路徑/src為源碼路徑/WEB-INF/lib為庫路徑——這是Eclipse自動部署到Tomcat的關(guān)鍵依據(jù)。提示若用IDEA打開需手動將WebContent標記為Web Resource Rootsrc標記為Sources并導(dǎo)入mysql-connector-java-5.1.47.jar到Module Dependencies。否則ClassNotFoundException: com.mysql.jdbc.Driver會反復(fù)出現(xiàn)。WebContent下的結(jié)構(gòu)是典型JavaWeb分層/WebContent ├── index.jsp ← 主頁入口含塞北人文輪播、景點列表、天氣預(yù)報div ├── login.jsp ← 用戶登錄頁提交到LoginServlet ├── register.jsp ← 用戶注冊頁含身份證號正則校驗JS、密碼二次確認 ├── admin/ ← 后臺管理目錄無index.html入口由admin_login.jsp跳轉(zhuǎn) │ ├── admin_index.jsp │ ├── user_manage.jsp │ └── ... ├── css/ │ └── style.css ← 所有頁面共用樣式重點看 .weather-box { position: absolute; top: 20px; right: 30px; } 這類精準定位規(guī)則 ├── js/ │ └── common.js ← 封裝了AJAX提交如留言提交、表單驗證酒店預(yù)訂日期不能早于今天 └── WEB-INF/ ├── web.xml ← Servlet映射核心/login → LoginServlet/hotel/book → HotelBookServlet ├── lib/ ← 僅含 mysql-connector-java-5.1.47.jar別放log4j等無關(guān)jar └── classes/ ← 編譯后的class文件實際開發(fā)中由IDE自動生成2.2 Servlet層關(guān)鍵路由與業(yè)務(wù)邏輯鏈從請求到響應(yīng)的7步閉環(huán)以「酒店預(yù)訂」為例完整鏈路如下對應(yīng)HotelBookServlet.java前端觸發(fā)hotel_detail.jsp中點擊「立即預(yù)訂」按鈕提交表單到/hotel/bookServlet接收web.xml中url-pattern/hotel/book/url-pattern匹配到HotelBookServlet參數(shù)校驗request.getParameter(checkin)獲取入住日期用SimpleDateFormat.parse()轉(zhuǎn)為Date必須捕獲 ParseException 并返回錯誤提示原文檔未提但實測發(fā)現(xiàn)用戶亂輸日期會500業(yè)務(wù)判斷檢查該酒店當日剩余房間數(shù)SQLSELECT rooms_left FROM hotel WHERE id?若≤0則跳轉(zhuǎn)回詳情頁顯示「已滿房」事務(wù)操作開啟事務(wù) → 插入訂單記錄order表→ 更新酒店剩余房間UPDATE hotel SET rooms_left rooms_left - 1 WHERE id?→ 提交事務(wù)狀態(tài)反饋成功則request.setAttribute(msg, 預(yù)訂成功)轉(zhuǎn)發(fā)到book_success.jsp失敗則request.setAttribute(error, 庫存不足)轉(zhuǎn)發(fā)回hotel_detail.jsp頁面渲染book_success.jsp讀取request.getAttribute(msg)輸出提示并顯示訂單號order.id。注意所有Servlet中response.sendRedirect()用于重定向避免重復(fù)提交request.getRequestDispatcher().forward()用于服務(wù)器內(nèi)部跳轉(zhuǎn)保留request域數(shù)據(jù)?；煜邥?dǎo)致getAttribute()取不到值。2.3 MySQL數(shù)據(jù)庫設(shè)計9張表如何支撐旅游業(yè)務(wù)全場景數(shù)據(jù)庫名為travel_db字符集強制設(shè)為utf8mb4支持emoji和中文生僻字建表語句精簡但覆蓋全部功能表名關(guān)鍵字段業(yè)務(wù)作用特別說明userid, username, password, realname, idcard, status(0待審/1通過), create_time用戶注冊與審核status字段是管理員后臺審核的核心依據(jù)register.jsp提交后默認為0hotelid, name, address, price, rooms_left, img_path酒店信息管理img_path存儲相對路徑如upload/hotel_1.jpg需配合文件上傳邏輯scenic_spotid, name, description, area(塞北/江南), img_paths景點信息img_paths為逗號分隔字符串如spot_1.jpg,spot_2.jpgJSP用String.split(,)渲染多圖routeid, title, days, cost, cover_img自駕游路線days字段用于首頁「推薦路線」按天數(shù)排序messageid, content, user_id, create_time, is_read(0/1)留言板is_read控制后臺未讀標記admin/message_list.jsp僅查is_read0orderid, user_id, hotel_id, checkin, checkout, status(0待支付/1已支付/2已完成)預(yù)訂主表status支持后續(xù)擴展支付流程當前僅做狀態(tài)標識admin_userid, username, password, last_login后臺賬號密碼明文存儲嚴重安全風險畢設(shè)可接受生產(chǎn)環(huán)境必須SHA256加密storyid, title, content, author, publish_time塞北故事content字段類型為TEXT支持長文本weatherdate, city, temp_low, temp_high, weather_desc天氣預(yù)報每日一條首頁通過SELECT * FROM weather WHERE date CURDATE()查詢提示執(zhí)行建表前先在MySQL中創(chuàng)建數(shù)據(jù)庫CREATE DATABASE travel_db CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;否則中文存入會亂碼。3. 環(huán)境搭建與部署實操從零配置TomcatMySQL到頁面可訪問3.1 JDK與Tomcat版本選擇為什么必須用JDK8 Tomcat8該項目基于Servlet 3.1規(guī)范web.xml中web-app version3.1不兼容JDK11或Tomcat10。實測組合? 推薦JDK 1.8.0_202 Apache Tomcat 8.5.90?? 可用但需改配置JDK 1.8.0_301 Tomcat 9.0.85需在conf/context.xml中添加Resources cachingAllowedfalse /防止JSP緩存舊代碼? 不可用JDK17 Tomcat10Servlet 4.0HttpServletRequest新增方法導(dǎo)致LoginServlet編譯失敗安裝步驟# 1. 解壓Tomcat到 D:\apache-tomcat-8.5.90 # 2. 設(shè)置系統(tǒng)環(huán)境變量 JAVA_HOME D:\jdk1.8.0_202 CATALINA_HOME D:\apache-tomcat-8.5.90 # 3. 啟動Tomcat雙擊 bin\startup.bat訪問 http://localhost:8080 應(yīng)見Tomcat歡迎頁3.2 MySQL連接配置DbUtil.java的3處硬編碼必須改src/com/utils/DbUtil.java是數(shù)據(jù)庫連接中樞3處必須人工修改public class DbUtil { private static final String URL jdbc:mysql://localhost:3306/travel_db?useUnicodetruecharacterEncodingutf8; private static final String USER root; // ← 改為你自己的MySQL用戶名 private static final String PASSWORD 123456; // ← 改為你自己的MySQL密碼 public static Connection getConnection() throws SQLException { return DriverManager.getConnection(URL, USER, PASSWORD); } }注意URL中?useUnicodetruecharacterEncodingutf8是解決中文亂碼的關(guān)鍵參數(shù)。若MySQL 5.7以上版本報錯Unknown system variable query_cache_size需在URL末尾追加allowPublicKeyRetrievaltrueuseSSLfalse僅開發(fā)環(huán)境生產(chǎn)環(huán)境需配SSL。3.3 Eclipse導(dǎo)入與部署5步完成項目上線新建Dynamic Web ProjectProject name填TravelSystemTarget runtime選Apache Tomcat v8.5Dynamic web module version選3.1復(fù)制源碼將下載包中src目錄內(nèi)容粘貼到Eclipse項目src文件夾WebContent全部內(nèi)容粘貼到項目根目錄覆蓋默認的WebContent添加MySQL驅(qū)動右鍵項目 → Properties → Java Build Path → Libraries → Add External JARs → 選擇mysql-connector-java-5.1.47.jar配置部署路徑右鍵項目 → Properties → Web Project Settings → Context root 改為travel這樣訪問地址是http://localhost:8080/travel啟動服務(wù)右鍵項目 → Run As → Run on Server → 選擇Tomcat 8.5 → Finish?？刂婆_輸出INFO: Server startup in [xxx] ms即成功。提示首次啟動若報java.lang.ClassNotFoundException: com.mysql.jdbc.Driver檢查JAR是否在WEB-INF/lib下Eclipse有時需手動刷新項目。4. 避坑指南9個真實踩過的坑與血淚解決方案4.1 現(xiàn)象首頁天氣預(yù)報區(qū)域空白控制臺無報錯原因index.jsp中天氣數(shù)據(jù)從WeatherServlet獲取但該Servlet未在web.xml中配置映射導(dǎo)致AJAX請求404。解決在web.xmlweb-app內(nèi)添加servlet servlet-nameWeatherServlet/servlet-name servlet-classcom.servlet.WeatherServlet/servlet-class /servlet servlet-mapping servlet-nameWeatherServlet/servlet-name url-pattern/weather/url-pattern /servlet-mapping4.2 現(xiàn)象用戶注冊后無法登錄提示“用戶名或密碼錯誤”原因LoginServlet中密碼比對使用user.getPassword().equals(inputPassword)但注冊時密碼未加密而MySQL中password字段被誤設(shè)為CHAR(32)MD5長度實際存的是明文。解決兩種方案任選其一方案A快速修復(fù)將user表password字段改為VARCHAR(50)確保能存明文方案B規(guī)范做法在RegisterServlet中用MessageDigest.getInstance(MD5).digest()加密后再存LoginServlet同樣加密比對。4.3 現(xiàn)象后臺管理頁admin_index.jsp顯示404但URL正確原因admin/目錄下缺少admin_index.jsp的權(quán)限控制。AdminLoginServlet登錄成功后session.setAttribute(admin, admin)但admin_index.jsp開頭未校驗session.getAttribute(admin) ! null直接被Tomcat攔截。解決在admin_index.jsp頂部添加% if(session.getAttribute(admin) null) { response.sendRedirect(../admin_login.jsp); return; } %4.4 現(xiàn)象景點圖片不顯示路徑為http://localhost:8080/travel/upload/spot_1.jpg但返回404原因upload/目錄不在WebContent下而是放在Tomcat的webapps/ROOT/upload/即服務(wù)器絕對路徑JSP中寫的相對路徑無效。解決方案A推薦將圖片上傳目錄設(shè)為WebContent/upload/修改UploadServlet.java中String uploadPath request.getServletContext().getRealPath(/upload);方案B快捷在Tomcatconf/server.xml的Host標簽下添加Context docBaseD:\upload path/upload /使/upload指向D盤。4.5 現(xiàn)象留言板提交后內(nèi)容不入庫message表為空原因MessageServlet.java中插入SQL使用了預(yù)編譯語句INSERT INTO message(content, user_id) VALUES(?, ?)但user_id從session.getAttribute(user_id)獲取而游客留言時session中無此屬性導(dǎo)致user_id為null違反外鍵約束user_id關(guān)聯(lián)user.id。解決修改SQL為INSERT INTO message(content, user_id) VALUES(?, IFNULL(?, 0))或更穩(wěn)妥地在Servlet中判斷Integer userId (Integer) session.getAttribute(user_id); if(userId null) userId 0; // 游客ID設(shè)為0 ps.setInt(2, userId);5. 功能增強實戰(zhàn)給原始項目加3個高價值特性附可抄代碼5.1 實現(xiàn)景點名稱模糊搜索SQL層面優(yōu)化與JSP聯(lián)動原始項目中景點查詢僅支持精確匹配WHERE name ?用戶輸入“草原”搜不到“呼倫貝爾草原”。改造步驟Step 1修改ScenicSpotServlet.java的查詢邏輯// 原代碼精確匹配 String sql SELECT * FROM scenic_spot WHERE name ?; // 改為模糊匹配支持中文分詞式搜索 String sql SELECT * FROM scenic_spot WHERE name LIKE ? OR description LIKE ?; PreparedStatement ps conn.prepareStatement(sql); ps.setString(1, % keyword %); // keyword來自request.getParameter(q) ps.setString(2, % keyword %);Step 2在index.jsp添加搜索框與AJAX提交div classsearch-box input typetext idspotSearch placeholder搜索景點名稱或描述... / button onclicksearchSpots()搜索/button /div div idsearchResult/div script function searchSpots() { const q document.getElementById(spotSearch).value.trim(); if(!q) return; fetch(scenic/search?q encodeURIComponent(q)) .then(res res.text()) .then(html document.getElementById(searchResult).innerHTML html); } /scriptStep 3新建ScenicSearchServlet.java處理/scenic/search請求WebServlet(/scenic/search) public class ScenicSearchServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String keyword request.getParameter(q); ListScenicSpot spots new ScenicSpotDao().search(keyword); // 調(diào)用DAO方法 request.setAttribute(spots, spots); request.getRequestDispatcher(/search_result.jsp).forward(request, response); } }參數(shù)說明encodeURIComponent(q)防止中文URL編碼錯誤search_result.jsp循環(huán)輸出spots列表復(fù)用原有景點卡片樣式。5.2 給酒店預(yù)訂加日期校驗防止用戶預(yù)訂已過期日期原始項目未校驗入住日期是否早于當前日期導(dǎo)致歷史訂單污染數(shù)據(jù)。在HotelBookServlet.java中插入校驗String checkinStr request.getParameter(checkin); SimpleDateFormat sdf new SimpleDateFormat(yyyy-MM-dd); Date checkinDate sdf.parse(checkinStr); Date today new Date(); if(checkinDate.before(today)) { request.setAttribute(error, 入住日期不能早于今天); request.getRequestDispatcher(/hotel_detail.jsp).forward(request, response); return; }注意SimpleDateFormat非線程安全生產(chǎn)環(huán)境應(yīng)每次創(chuàng)建新實例或用DateTimeFormatterJDK8。5.3 后臺管理頁增加數(shù)據(jù)導(dǎo)出一鍵生成Excel報表管理員常需導(dǎo)出用戶列表、訂單統(tǒng)計。用Apache POI實現(xiàn)需添加poi-4.1.2.jar到WEB-INF/libStep 1在UserManageServlet.java中添加導(dǎo)出入口WebServlet(/admin/export/users) public class UserExportServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ListUser users new UserDao().findAll(); // 獲取全部用戶 HSSFWorkbook workbook new HSSFWorkbook(); HSSFSheet sheet workbook.createSheet(用戶列表); // 表頭 HSSFRow header sheet.createRow(0); String[] titles {ID,用戶名,真實姓名,身份證號,狀態(tài),注冊時間}; for(int i0; ititles.length; i) { header.createCell(i).setCellValue(titles[i]); } // 數(shù)據(jù)行 for(int i0; iusers.size(); i) { User u users.get(i); HSSFRow row sheet.createRow(i1); row.createCell(0).setCellValue(u.getId()); row.createCell(1).setCellValue(u.getUsername()); row.createCell(2).setCellValue(u.getRealname()); row.createCell(3).setCellValue(u.getIdcard()); row.createCell(4).setCellValue(u.getStatus()1?已審核:待審核); row.createCell(5).setCellValue(new SimpleDateFormat(yyyy-MM-dd).format(u.getCreateTime())); } // 響應(yīng)Excel response.setContentType(application/vnd.ms-excel); response.setHeader(Content-Disposition, attachment; filenameusers.xls); workbook.write(response.getOutputStream()); } }Step 2在user_manage.jsp添加導(dǎo)出按鈕a href${pageContext.request.contextPath}/admin/export/users classbtn btn-export導(dǎo)出Excel/a提示POI 4.x支持xls格式兼容老Excel若需xlsx格式換用XSSFWorkbook并添加poi-ooxml依賴。6. 畢設(shè)答辯與代碼優(yōu)化技巧讓評審老師眼前一亮的3個細節(jié)6.1 用Log4j替換System.out.println讓日志成為你的答辯證據(jù)原始項目所有調(diào)試信息都用System.out.println(Login success)答辯時老師問“如何追蹤用戶登錄失敗原因”你只能翻代碼。換成Log4j后一句logger.error(Login failed for user: {}, username)就能定位問題。配置步驟下載log4j-1.2.17.jar放入WEB-INF/lib在src下新建log4j.propertieslog4j.rootLoggerINFO, Console, File log4j.appender.Consoleorg.apache.log4j.ConsoleAppender log4j.appender.Console.layoutorg.apache.log4j.PatternLayout log4j.appender.Console.layout.ConversionPattern%d{yyyy-MM-dd HH:mm:ss} [%p] %c{1} - %m%n log4j.appender.Fileorg.apache.log4j.RollingFileAppender log4j.appender.File.File${catalina.home}/logs/travel.log log4j.appender.File.MaxFileSize10MB log4j.appender.File.MaxBackupIndex5 log4j.appender.File.layoutorg.apache.log4j.PatternLayout log4j.appender.File.layout.ConversionPattern%d{yyyy-MM-dd HH:mm:ss} [%p] %c{1} - %m%n在LoginServlet.java頂部聲明private static final Logger logger Logger.getLogger(LoginServlet.class);替換所有System.out.println為logger.info(User {} logged in, username)。價值點答辯時打開logs/travel.log展示“某用戶連續(xù)3次密碼錯誤后被鎖定”的完整日志鏈比口頭解釋有力十倍。6.2 給關(guān)鍵SQL加執(zhí)行時間監(jiān)控暴露性能瓶頸的最簡方法老師常問“如果10萬用戶同時訪問首頁系統(tǒng)扛得住嗎”。你不需要做壓力測試只需在DbUtil.java的getConnection()后、executeQuery()前加毫秒計時long start System.currentTimeMillis(); ResultSet rs ps.executeQuery(); long cost System.currentTimeMillis() - start; if(cost 500) { // 超500ms記為慢SQL logger.warn(Slow SQL: {} | Cost: {}ms, sql, cost); }然后在index.jsp的景點查詢、天氣查詢、酒店列表三個地方埋點。答辯時展示日志中Slow SQL: SELECT * FROM scenic_spot WHERE area塞北 | Cost: 1280ms自然引出“下一步將area字段加索引優(yōu)化”。6.3 用Filter統(tǒng)一處理中文亂碼告別每個Servlet寫兩行setCharacterEncoding原始項目每個Servlet開頭都有request.setCharacterEncoding(UTF-8); response.setContentType(text/html;charsetUTF-8);既重復(fù)又易漏。用Filter一次解決Step 1新建EncodingFilter.javaWebFilter(/*) public class EncodingFilter implements Filter { public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { HttpServletRequest request (HttpServletRequest) req; HttpServletResponse response (HttpServletResponse) resp; request.setCharacterEncoding(UTF-8); response.setContentType(text/html;charsetUTF-8); chain.doFilter(request, response); } }Step 2刪除所有Servlet中的編碼設(shè)置行從那以后我每次重構(gòu)老項目第一件事就是加這個Filter——它不改變業(yè)務(wù)邏輯卻讓代碼整潔度提升50%且評審老師一眼看出你懂Web容器機制。希望幫到你。本文還有配套的精品資源點擊獲取