簡(jiǎn)介基于JspBeanServlet實(shí)現(xiàn)的簡(jiǎn)單網(wǎng)上購(gòu)書(shū)系統(tǒng)課程設(shè)計(jì)資源面向Java Web初學(xué)者與課程設(shè)計(jì)人群采用典型B/S結(jié)構(gòu)完成用戶(hù)注冊(cè)、登錄、信息查詢(xún)與瀏覽等核心功能可幫助理解ServletJSP的分層開(kāi)發(fā)與請(qǐng)求響應(yīng)流程。壓縮包共55個(gè)文件以Java源碼、JSP頁(yè)面、SQL腳本及配置文件為主內(nèi)含15個(gè)Java源文件及對(duì)應(yīng)15個(gè)class編譯文件、6個(gè)JSP頁(yè)面、2個(gè)SQL腳本、2個(gè)XML與properties配置另有PDF說(shuō)明文檔、README筆記和項(xiàng)目工程文件整體僅1.21MB輕量且結(jié)構(gòu)清晰。資源附帶的Java Web課程綜合訓(xùn)練PDF對(duì)項(xiàng)目設(shè)計(jì)做了梳理配合src、WebRoot、config等目錄可逐模塊研讀也能直接導(dǎo)入Eclipse運(yùn)行調(diào)試便于在此基礎(chǔ)上擴(kuò)展購(gòu)物車(chē)、訂單等模塊。已有172人學(xué)習(xí)下載是一份適合課程設(shè)計(jì)參考和Servlet/JSP動(dòng)手練習(xí)的完整示例。1. 從課程設(shè)計(jì)到能跑的 Web 工程JSPBeanServlet 網(wǎng)上購(gòu)書(shū)系統(tǒng)到底在寫(xiě)什么如果你正在為一門(mén) JavaWeb 課程設(shè)計(jì)或畢業(yè)設(shè)計(jì)選題發(fā)愁那基于 JspBeanServlet 實(shí)現(xiàn)Web簡(jiǎn)單的網(wǎng)上購(gòu)書(shū)系統(tǒng)應(yīng)該是你搜到的最常見(jiàn)答案之一。它看起來(lái)是個(gè)老掉牙的選題但恰恰把 Web 開(kāi)發(fā)的三層骨架全裝了進(jìn)去JSP 畫(huà)頁(yè)面Servlet 接請(qǐng)求Bean 裝數(shù)據(jù)。它不花哨卻能讓你在答辯時(shí)把「一個(gè)請(qǐng)求從瀏覽器到數(shù)據(jù)庫(kù)再回到頁(yè)面的完整路徑」講清楚。我會(huì)帶著你把數(shù)據(jù)庫(kù)設(shè)計(jì)、Servlet 請(qǐng)求處理、JSP 頁(yè)面渲染、Tomcat 部署驗(yàn)收整條鏈路跑一遍全程給可復(fù)現(xiàn)的代碼和參數(shù)。適合打算用這個(gè)題目交課程設(shè)計(jì)的學(xué)生以及想補(bǔ) JavaWeb 基礎(chǔ)、搞明白 JSP 項(xiàng)目怎么落地的新手。2. 先拆架構(gòu)再動(dòng)代碼JSP、Bean、Servlet 在購(gòu)書(shū)系統(tǒng)里各自分工與選型理由2.1 這套組合的本質(zhì)Servlet 生命周期與手工 MVC 的取舍JSPBeanServlet 是 JavaWeb 課程設(shè)計(jì)里最經(jīng)典的手工 MVC。M 是 Model 層的 BeanV 是 View 層的 JSPC 是 Controller 層的 Servlet。三者的邊界在購(gòu)書(shū)系統(tǒng)里非常清楚。Servlet 只做三件事接收請(qǐng)求參數(shù)、調(diào)用 Bean 的方法拿到結(jié)果、決定把請(qǐng)求轉(zhuǎn)發(fā)到哪個(gè) JSP 頁(yè)面。它不寫(xiě) HTML也不直接拼 SQL。JSP 只做一件事把 Servlet 放進(jìn) request 或 session 作用域里的數(shù)據(jù)用 HTML 展示出來(lái)。Bean 則分成實(shí)體 Bean 和業(yè)務(wù) Bean實(shí)體 BeanUser、Book、CartItem的字段對(duì)應(yīng)數(shù)據(jù)庫(kù)表業(yè)務(wù) BeanUserService、BookService封裝登錄校驗(yàn)、查書(shū)列表、加購(gòu)物車(chē)這些動(dòng)作。這里必須先說(shuō)透 Servlet 生命周期因?yàn)楹芏嘈率职?Servlet 當(dāng)成一個(gè)碰巧能跑 main 函數(shù)的按鈕寫(xiě)完 doGet 就結(jié)束了。實(shí)際上 Tomcat 容器管理 Servlet 的完整生命周期加載類(lèi)并實(shí)例化調(diào)用 init() 做初始化每個(gè)請(qǐng)求進(jìn)入后由容器調(diào)用 service()service() 再按請(qǐng)求類(lèi)型把工作分發(fā)給 doGet 或 doPost最后在容器關(guān)閉時(shí)調(diào)用 destroy() 回收資源。你在課程設(shè)計(jì)里幾乎不用重寫(xiě) service()但要知道 doGet 和 doPost 是誰(shuí)調(diào)進(jìn)來(lái)的——這是后面排查 405 錯(cuò)誤的基礎(chǔ)。Servlet 默認(rèn)是懶加載的第一次請(qǐng)求到達(dá)時(shí)才創(chuàng)建實(shí)例并執(zhí)行 init()。如果你在 init() 里初始化數(shù)據(jù)庫(kù)連接池或加載配置希望項(xiàng)目一啟動(dòng)就檢查環(huán)境就在 web.xml 里配置load-on-startup1/load-on-startup。數(shù)字越小優(yōu)先級(jí)越高Tomcat 啟動(dòng)時(shí)就會(huì)把這個(gè) Servlet 實(shí)例化好。很多基于 JSP 的畢設(shè)選題都會(huì)在初始化時(shí)機(jī)上踩坑連接池第一次訪問(wèn)才創(chuàng)建數(shù)據(jù)庫(kù)沒(méi)就緒就直接報(bào)錯(cuò)看起來(lái)像代碼寫(xiě)錯(cuò)其實(shí)是時(shí)機(jī)不對(duì)。這套手工 MVC 雖然離企業(yè)級(jí) Web 開(kāi)發(fā)的要求還很遠(yuǎn)但它把 Spring MVC 在背后做的事完整演了一遍。理解了 request、session、Servlet 這三個(gè)對(duì)象再看 Spring Boot 里的過(guò)濾器、攔截器和 Controller你會(huì)發(fā)現(xiàn)全是同一套骨架換了個(gè)殼。提示Servlet 是單實(shí)例多線程這一點(diǎn)最容易出問(wèn)題。寫(xiě)在 Servlet 里的成員變量會(huì)被所有請(qǐng)求共享購(gòu)物車(chē)這種按用戶(hù)隔離的數(shù)據(jù)絕不能直接做成成員變量。標(biāo)準(zhǔn)做法是把購(gòu)物車(chē)放進(jìn) session 作用域每個(gè)用戶(hù)拿到自己的 HttpSession數(shù)據(jù)自然隔離。2.2 數(shù)據(jù)庫(kù)設(shè)計(jì)圖書(shū)表、用戶(hù)表、訂單表要建到什么程度網(wǎng)上購(gòu)書(shū)系統(tǒng)雖然叫「簡(jiǎn)單」但數(shù)據(jù)庫(kù)至少要有四張表用戶(hù)表 users、圖書(shū)表 books、購(gòu)物車(chē)表 cart_items、訂單表 orders。如果時(shí)間緊有人會(huì)把購(gòu)物車(chē)和訂單合并成一張已購(gòu)記錄表但答辯時(shí)很容易被「訂單狀態(tài)怎么表示」「購(gòu)物車(chē)和訂單關(guān)系是什么」這類(lèi)問(wèn)題問(wèn)住。我建議按最小可演示但結(jié)構(gòu)完整的程度建表工作量不會(huì)多多少。先建用戶(hù)表和圖書(shū)表CREATE TABLE users ( id INT PRIMARY KEY AUTO_INCREMENT, username VARCHAR(50) NOT NULL UNIQUE, password VARCHAR(64) NOT NULL, email VARCHAR(100), created_at DATETIME DEFAULT CURRENT_TIMESTAMP ); CREATE TABLE books ( id INT PRIMARY KEY AUTO_INCREMENT, title VARCHAR(200) NOT NULL, author VARCHAR(100), price DECIMAL(10,2) NOT NULL, stock INT NOT NULL DEFAULT 0, description TEXT, cover_url VARCHAR(255) );邏輯說(shuō)明id 一律用自增主鍵不要用業(yè)務(wù)字段當(dāng)主鍵后面建訂單表和購(gòu)物車(chē)表時(shí)都要引用圖書(shū) id數(shù)字主鍵做外鍵關(guān)聯(lián)最省事。books 表里 title 的 200 長(zhǎng)度足夠容納中英文書(shū)名。password 字段預(yù)留 64 位是為了存 SHA-256 哈希后的十六進(jìn)制字符串而不是明文。這是 web 安全里最基礎(chǔ)的一條哪怕是課程設(shè)計(jì)也建議別用明文存密碼。參數(shù)說(shuō)明price 用 DECIMAL(10,2) 而不是 FLOAT浮點(diǎn)數(shù)在金額計(jì)算上會(huì)有精度誤差這是所有涉及錢(qián)的系統(tǒng)的底線要求。stock 設(shè)置 NOT NULL DEFAULT 0避免插入測(cè)試數(shù)據(jù)時(shí)忘記填庫(kù)存導(dǎo)致空指針。cover_url 允許為空演示時(shí)不強(qiáng)制每本書(shū)都有封面圖。再建購(gòu)物車(chē)表和訂單表CREATE TABLE cart_items ( id INT PRIMARY KEY AUTO_INCREMENT, user_id INT NOT NULL, book_id INT NOT NULL, quantity INT NOT NULL DEFAULT 1, created_at DATETIME DEFAULT CURRENT_TIMESTAMP, CONSTRAINT fk_cart_user FOREIGN KEY (user_id) REFERENCES users(id), CONSTRAINT fk_cart_book FOREIGN KEY (book_id) REFERENCES books(id) ); CREATE TABLE orders ( id INT PRIMARY KEY AUTO_INCREMENT, user_id INT NOT NULL, book_id INT NOT NULL, quantity INT NOT NULL, total_price DECIMAL(10,2) NOT NULL, order_time DATETIME DEFAULT CURRENT_TIMESTAMP, status VARCHAR(20) DEFAULT paid, FOREIGN KEY (user_id) REFERENCES users(id) );邏輯說(shuō)明cart_items 用外鍵約束 user_id 和 book_id讓數(shù)據(jù)庫(kù)自身保證引用完整性。很多初學(xué)者怕外鍵拖慢速度其實(shí)這種量級(jí)的小系統(tǒng)完全不受影響反而能防止插入 user_id 不存在的臟數(shù)據(jù)。orders 表把 book_id、quantity、total_price 冗余存進(jìn)去訂單不會(huì)因?yàn)橐院蟾膱D書(shū)價(jià)格而變化——這是電商訂單設(shè)計(jì)的基本習(xí)慣。參數(shù)說(shuō)明status 字段預(yù)留訂單狀態(tài)即使現(xiàn)在只做「已支付」一個(gè)值也建議留出來(lái)演示時(shí)往 orders 表手動(dòng)插一條數(shù)據(jù)展示訂單列表比對(duì)著代碼講更有說(shuō)服力。2.3 Bean 的實(shí)例化與屬性注入三種常見(jiàn)寫(xiě)法怎么選Bean 的實(shí)例化方式在購(gòu)書(shū)系統(tǒng)里有三種常見(jiàn)寫(xiě)法。第一種是直接 new最簡(jiǎn)單直觀LoginServlet 里new UserService()用完即走。第二種是單例模式把 UserService 和 UserDao 設(shè)計(jì)成單例避免每個(gè)請(qǐng)求都重新創(chuàng)建對(duì)象。第三種是靜態(tài)工廠用一個(gè) BeanFactory 按類(lèi)名反射創(chuàng)建對(duì)象這已經(jīng)是 Spring IOC 容器的雛形。課程設(shè)計(jì)里用前兩種就夠了第三種適合想在答辯里講「解耦」的同學(xué)。一個(gè)簡(jiǎn)化的 BeanFactory 大概長(zhǎng)這樣public class BeanFactory { private static MapString, Object beans new HashMap(); public static Object getBean(String className) throws Exception { if (!beans.containsKey(className)) { Class? clazz Class.forName(className); beans.put(className, clazz.getDeclaredConstructor().newInstance()); } return beans.get(className); } }邏輯說(shuō)明getBean 先查緩存緩存沒(méi)有就反射創(chuàng)建創(chuàng)建完放進(jìn) Map。這叫「懶加載 單例池」Spring 容器里最核心的機(jī)制也就是這兩行思路。參數(shù)說(shuō)明這里要求 Bean 必須有無(wú)參構(gòu)造器否則反射調(diào)用getDeclaredConstructor().newInstance()會(huì)失敗。真實(shí)項(xiàng)目會(huì)換成構(gòu)造器注入但理解這個(gè)雛形對(duì)回答「Bean 的實(shí)例化方式有哪些」這類(lèi)問(wèn)題足夠。Bean 的生命周期在這個(gè)手寫(xiě)場(chǎng)景里就是「創(chuàng)建、使用、被 JVM 回收」沒(méi)有 Spring 容器管理的那些回調(diào)鉤子但思路是通的。屬性注入和構(gòu)造器注入的選擇在購(gòu)書(shū)系統(tǒng)的 OrderService 里能直接感受到。構(gòu)造器注入把依賴(lài)關(guān)系寫(xiě)死new OrderService(cartDao, bookDao)一步完成對(duì)象一創(chuàng)建就完整可用。setter 注入先 new 再逐個(gè) set靈活但有可能在裝配完之前被調(diào)用出現(xiàn)空指針。手寫(xiě) JDBC 項(xiàng)目我一般傾向構(gòu)造器注入因?yàn)樯賹?xiě)代碼、依賴(lài)清楚。等你以后用 Spring Boot 會(huì)發(fā)現(xiàn)bean 的注解注入本質(zhì)上還是「先聲明依賴(lài)再交給容器裝配」思路完全一致。3. 用 Servlet 把請(qǐng)求接住登錄、注冊(cè)、圖書(shū)列表與購(gòu)物車(chē)的核心鏈路3.1 項(xiàng)目目錄結(jié)構(gòu)、web.xml 配置與 IDEA 新建 JSP 項(xiàng)目的關(guān)鍵選項(xiàng)在 IDEA 2024 版本里新建 JSP 項(xiàng)目的常見(jiàn)做法是先創(chuàng)建普通 Java 項(xiàng)目右鍵模塊選擇「添加框架支持」勾選 Web ApplicationIDEA 會(huì)自動(dòng)生成 web/WEB-INF/web.xml。也可以用 Maven 骨架創(chuàng)建目錄結(jié)構(gòu)更規(guī)范。無(wú)論哪種方式最終目錄結(jié)構(gòu)應(yīng)該是這樣src/main/java/com/bookshop/ ├── bean/ # 實(shí)體 BeanUser.java, Book.java, CartItem.java ├── dao/ # 數(shù)據(jù)訪問(wèn)UserDao.java, BookDao.java ├── service/ # 業(yè)務(wù)邏輯UserService.java, BookService.java └── servlet/ # 控制器LoginServlet.java, BookListServlet.java src/main/webapp/ ├── WEB-INF/web.xml ├── login.jsp ├── register.jsp ├── book_list.jsp └── cart.jspweb.xml 是整個(gè) Web 項(xiàng)目的注冊(cè)中心Servlet 必須在這里聲明后才能通過(guò) URL 訪問(wèn)。一個(gè)最小的配置?xml version1.0 encodingUTF-8? web-app xmlnshttp://xmlns.jcp.org/xml/ns/javaee xmlns:xsihttp://www.w3.org/2001/XMLSchema-instance xsi:schemaLocationhttp://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd version4.0 servlet servlet-nameLoginServlet/servlet-name servlet-classcom.bookshop.servlet.LoginServlet/servlet-class load-on-startup1/load-on-startup /servlet servlet-mapping servlet-nameLoginServlet/servlet-name url-pattern/login/url-pattern /servlet-mapping /web-app邏輯說(shuō)明servlet聲明 Servlet 的類(lèi)名和顯示名servlet-mapping把對(duì)外訪問(wèn)的 URL 映射到內(nèi)部名字。load-on-startup1/load-on-startup表示容器啟動(dòng)時(shí)就實(shí)例化這個(gè) Servlet適合在 init() 里做連接池初始化。url-pattern/login/url-pattern寫(xiě)成不帶后綴的簡(jiǎn)潔路徑前端表單直接提交到這個(gè)地址。參數(shù)說(shuō)明url-pattern 必須以 / 開(kāi)頭寫(xiě) /login 只匹配該路徑寫(xiě) /login/* 匹配它下面的所有子路徑。如果映射寫(xiě)成 *.do 這種后綴形式請(qǐng)求路徑就變成 /login.do。兩種風(fēng)格選一種即可別混著寫(xiě)否則容器會(huì)報(bào)路徑?jīng)_突。3.2 登錄與注冊(cè)的 Servlet 實(shí)現(xiàn)取參、校驗(yàn)、轉(zhuǎn)發(fā)與錯(cuò)誤回顯登錄是整個(gè)購(gòu)書(shū)系統(tǒng)的入口。一個(gè)完整的 LoginServlet 既要在 GET 請(qǐng)求下把登錄頁(yè)面打開(kāi)又要在 POST 請(qǐng)求下處理表單提交。常見(jiàn)做法是只重寫(xiě) doGet 和 doPost把公共邏輯拆到私有方法里。package com.bookshop.servlet; import com.bookshop.bean.User; import com.bookshop.service.UserService; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import java.io.IOException; public class LoginServlet extends HttpServlet { private UserService userService new UserService(); Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.getRequestDispatcher(/login.jsp).forward(request, response); } Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding(UTF-8); String username request.getParameter(username); String password request.getParameter(password); if (username null || username.trim().isEmpty()) { request.setAttribute(error, 用戶(hù)名不能為空); request.getRequestDispatcher(/login.jsp).forward(request, response); return; } User user userService.login(username, password); if (user null) { request.setAttribute(error, 用戶(hù)名或密碼錯(cuò)誤); request.getRequestDispatcher(/login.jsp).forward(request, response); return; } HttpSession session request.getSession(); session.setAttribute(loginUser, user); response.sendRedirect(request.getContextPath() /bookList); } }邏輯說(shuō)明doGet 里直接轉(zhuǎn)發(fā)到 login.jsp這樣訪問(wèn) /login 就能看到登錄頁(yè)不用在地址欄敲 /login.jsp。doPost 里先調(diào)request.setCharacterEncoding(UTF-8)而且必須在讀取任何參數(shù)之前調(diào)用否則中文用戶(hù)名直接變亂碼。登錄成功后把 User 對(duì)象放進(jìn) session之后所有頁(yè)面都能通過(guò)${sessionScope.loginUser.username}拿到當(dāng)前登錄人。參數(shù)說(shuō)明response.sendRedirect(request.getContextPath() /bookList)里的 getContextPath() 會(huì)自動(dòng)拼上項(xiàng)目部署名解決寫(xiě)死 /bookList 導(dǎo)致部署名變化后 404 的問(wèn)題。userService.login()返回 null 表示賬號(hào)或密碼校驗(yàn)失敗這里把具體錯(cuò)誤信息放進(jìn) request 而不是 session是因?yàn)檗D(zhuǎn)發(fā)時(shí) request 生命周期能覆蓋整個(gè)請(qǐng)求而且錯(cuò)誤信息不該跨請(qǐng)求殘留。注冊(cè)邏輯和登錄類(lèi)似差別是注冊(cè)成功不要自動(dòng)登錄直接重定向到登錄頁(yè)讓用戶(hù)手動(dòng)登錄一次。這個(gè)細(xì)節(jié)答辯時(shí)能講出理由注冊(cè)和登錄是兩個(gè)動(dòng)作用戶(hù)應(yīng)該清楚自己處在哪個(gè)狀態(tài)。3.3 圖書(shū)列表與購(gòu)物車(chē)的 Servlet 實(shí)現(xiàn)查數(shù)據(jù)、存 session、再渲染BookListServlet 負(fù)責(zé)把數(shù)據(jù)庫(kù)里的圖書(shū)查出來(lái)放進(jìn) request轉(zhuǎn)發(fā)給 book_list.jsp 渲染。這里 dao 層用簡(jiǎn)單的 JDBC 查詢(xún)service 層把連接關(guān)閉的雜活收掉。package com.bookshop.servlet; import com.bookshop.bean.Book; import com.bookshop.service.BookService; 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.util.List; public class BookListServlet extends HttpServlet { private BookService bookService new BookService(); Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { ListBook books bookService.findAllBooks(); request.setAttribute(bookList, books); request.getRequestDispatcher(/book_list.jsp).forward(request, response); } }邏輯說(shuō)明BookService.findAllBooks()返回 ListBook通過(guò)request.setAttribute(bookList, books)把數(shù)據(jù)放進(jìn) request 作用域。forward 到 JSP 時(shí)同一個(gè)請(qǐng)求對(duì)象被帶到頁(yè)面JSP 里直接用${bookList}就能拿到。forward 是服務(wù)端跳轉(zhuǎn)URL 地址欄不會(huì)變適合列表展示場(chǎng)景。購(gòu)物車(chē)的核心邏輯不在數(shù)據(jù)庫(kù)而在 session。用戶(hù)加購(gòu)時(shí)先從 session 里取購(gòu)物車(chē) List取不到就新建一個(gè)再放回 session。每次加購(gòu)?fù)@個(gè) List 里塞一個(gè) CartItem最后結(jié)算時(shí)把購(gòu)物車(chē)數(shù)據(jù)批量插入訂單表。protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { HttpSession session request.getSession(); User loginUser (User) session.getAttribute(loginUser); if (loginUser null) { response.sendRedirect(request.getContextPath() /login); return; } int bookId Integer.parseInt(request.getParameter(bookId)); CartItem item new CartItem(); item.setBookId(bookId); item.setQuantity(1); ListCartItem cart (ListCartItem) session.getAttribute(cart); if (cart null) { cart new ArrayList(); session.setAttribute(cart, cart); } cart.add(item); response.sendRedirect(request.getContextPath() /cart.jsp); }邏輯說(shuō)明先從 session 拿 loginUser 做登錄校驗(yàn)沒(méi)登錄直接踢回登錄頁(yè)這就形成了「未登錄加購(gòu)被攔截」的閉環(huán)。getSession() 會(huì)創(chuàng)建新 session不想為匿名用戶(hù)創(chuàng)建 session就用 getSession(false) 并判空。參數(shù)說(shuō)明quantity 暫時(shí)固定為 1去重和數(shù)量累加放到購(gòu)物車(chē)頁(yè)面用循環(huán)處理課程設(shè)計(jì)做到這里已經(jīng)能演示完整流程。cart 放在 session 里意味著關(guān)掉瀏覽器再打開(kāi)購(gòu)物車(chē)會(huì)丟這是 session 的天然特性答辯時(shí)可以說(shuō)「正式系統(tǒng)會(huì)把購(gòu)物車(chē)持久化到數(shù)據(jù)庫(kù)」不丟分。4. 在 JSP 里把數(shù)據(jù)渲染出來(lái)EL 表達(dá)式、JSTL 循環(huán)與表單回顯4.1 用 EL JSTL 展示圖書(shū)列表而不是在 JSP 里寫(xiě) Java 代碼很多新手在 JSP 里寫(xiě)% for (int i 0; i list.size(); i) { ... } %這種腳本片段循環(huán)。在只有一兩個(gè)頁(yè)面的課程設(shè)計(jì)里能跑但頁(yè)面一多就會(huì)出現(xiàn)變量覆蓋、標(biāo)簽嵌套混亂的問(wèn)題。更可靠的做法是用 EL 表達(dá)式取值JSTL 標(biāo)簽做循環(huán)和判斷。% page contentTypetext/html;charsetUTF-8 languagejava % % taglib prefixc urihttp://java.sun.com/jsp/jstl/core % html headtitle圖書(shū)列表/title/head body h2全部圖書(shū)/h2 c:if test${empty bookList} p暫無(wú)圖書(shū)請(qǐng)先到后臺(tái)添加。/p /c:if c:if test${not empty bookList} table border1 trth書(shū)名/thth作者/thth價(jià)格/thth庫(kù)存/thth操作/th/tr c:forEach varbook items${bookList} tr td${book.title}/td td${book.author}/td td${book.price}/td td${book.stock}/td td form action${pageContext.request.contextPath}/cart methodpost input typehidden namebookId value${book.id}/ input typesubmit value加入購(gòu)物車(chē)/ /form /td /tr /c:forEach /table /c:if /body /html邏輯說(shuō)明c:if test${empty bookList}處理空列表避免表格只有表頭沒(méi)有數(shù)據(jù)。c:forEach varbook items${bookList}遍歷 Servlet 放進(jìn)來(lái)的集合每次迭代把當(dāng)前元素賦給變量 book頁(yè)面用${book.title}直接取字段值。EL 表達(dá)式會(huì)自動(dòng)調(diào)用 Bean 的 getter 方法Book 類(lèi)里必須有 getTitle()否則取不到值。加入購(gòu)物車(chē)按鈕包在一個(gè)小表單里隱藏域傳 bookId提交到 /cart 由 CartServlet 處理。參數(shù)說(shuō)明JSP 頁(yè)面頂部必須寫(xiě)contentTypetext/html;charsetUTF-8否則頁(yè)面中文容易亂碼。JSTL 需要把對(duì)應(yīng)的 jar 包放進(jìn) WEB-INF/lib并且 taglib 的 uri 要和你使用的 JSTL 版本匹配版本不一致會(huì)出現(xiàn)標(biāo)簽找不到的錯(cuò)誤。4.2 個(gè)人信息展示頁(yè)面與購(gòu)物車(chē)頁(yè)面的數(shù)據(jù)回顯技巧JSP 里最容易被問(wèn)到的就是表單回顯。注冊(cè)頁(yè)面用戶(hù)填了用戶(hù)名密碼錯(cuò)了被退回時(shí)用戶(hù)名應(yīng)該還在輸入框里而不是清空讓用戶(hù)重敲。做法是在 input 的 value 里寫(xiě) EL 表達(dá)式。form action${pageContext.request.contextPath}/register methodpost 用戶(hù)名input typetext nameusername value${param.username}/ 密碼input typepassword namepassword/ span stylecolor:red${error}/span input typesubmit value注冊(cè)/ /form邏輯說(shuō)明${param.username}直接讀取請(qǐng)求參數(shù)里名為 username 的值注冊(cè)失敗回到注冊(cè)頁(yè)時(shí)用戶(hù)名自動(dòng)回顯。password 字段絕不回顯這是 web 安全的基本習(xí)慣。${error}顯示 Servlet 放進(jìn) request 的錯(cuò)誤提示一次請(qǐng)求結(jié)束后自動(dòng)消失不會(huì)污染下次訪問(wèn)。提示表單回顯時(shí)如果值是 null頁(yè)面上會(huì)出現(xiàn)字符串 null。用${param.username ! null ? param.username : }先做一次判斷能避免這種尷尬。購(gòu)物車(chē)頁(yè)面的回顯更復(fù)雜一點(diǎn)購(gòu)物車(chē) CartItem 列表放在 session 里頁(yè)面遍歷每個(gè) item再取 bookId、quantity。如果想顯示書(shū)名而不是數(shù)字 id常見(jiàn)做法是在 CartItem 里冗余一個(gè) bookTitle 字段加購(gòu)時(shí)一并寫(xiě)入不要在每個(gè) item 里再查一次數(shù)據(jù)庫(kù)頁(yè)面會(huì)出現(xiàn)明顯的卡頓。課程設(shè)計(jì)現(xiàn)場(chǎng)演示時(shí)這個(gè)細(xì)節(jié)很能體現(xiàn)工程意識(shí)。4.3 頁(yè)面跳轉(zhuǎn)方式轉(zhuǎn)發(fā)與重定向怎么選路徑為什么老 404JSP 項(xiàng)目的跳轉(zhuǎn)就兩種request.getRequestDispatcher(/xx.jsp).forward(request, response)是轉(zhuǎn)發(fā)response.sendRedirect(/xx)是重定向。選哪種不是玄學(xué)規(guī)則很簡(jiǎn)單。轉(zhuǎn)發(fā)不改變?yōu)g覽器地址欄請(qǐng)求對(duì)象能帶著 request 里的數(shù)據(jù)到下一個(gè)頁(yè)面適合列表展示、登錄失敗回顯錯(cuò)誤這種場(chǎng)景。重定向改變地址欄重新發(fā)起一次新請(qǐng)求request 里的數(shù)據(jù)全部丟失但能避免表單重復(fù)提交適合登錄成功后跳首頁(yè)、加購(gòu)后跳購(gòu)物車(chē)這種場(chǎng)景。路徑 404 的原因八成是絕對(duì)路徑寫(xiě)錯(cuò)。在 JSP 里寫(xiě)死 /bookList項(xiàng)目部署名是 bookshop真實(shí)路徑就變成 /bookshop/bookList。解決辦法只有一個(gè)所有重定向都用request.getContextPath()拼路徑所有 JSP 里的鏈接和表單都用${pageContext.request.contextPath}拼路徑。這兩個(gè)寫(xiě)法會(huì)自動(dòng)帶上部署名換機(jī)器部署也不會(huì) 404。還有一個(gè)容易被忽視的場(chǎng)景刷新頁(yè)面導(dǎo)致表單重復(fù)提交。用戶(hù)在注冊(cè)成功頁(yè)面按 F5瀏覽器會(huì)重新提交上一次的 POST 請(qǐng)求產(chǎn)生重復(fù)記錄。所以注冊(cè)成功、登錄成功這類(lèi)操作一定要用重定向不要用轉(zhuǎn)發(fā)而登錄失敗這種需要回顯錯(cuò)誤信息的情況才用轉(zhuǎn)發(fā)。5. 避坑購(gòu)書(shū)系統(tǒng)從「能編譯」到「能演示」的 5 個(gè)翻車(chē)現(xiàn)場(chǎng)5.1 中文亂碼JSP、Servlet、數(shù)據(jù)庫(kù)三處編碼不一致現(xiàn)象頁(yè)面上的中文變成亂碼或者數(shù)據(jù)庫(kù)里存儲(chǔ)的中文變成問(wèn)號(hào)。原因三處編碼沒(méi)有統(tǒng)一。JSP 文件本身的編碼、Servlet 讀取請(qǐng)求參數(shù)時(shí)的解碼、JDBC 連接數(shù)據(jù)庫(kù)的 charset任何一處不一致都會(huì)在傳輸過(guò)程中產(chǎn)生亂碼。最常見(jiàn)的是只設(shè)置了 JSP 編碼忘了在 Servlet 里調(diào)用 setCharacterEncoding或者連接 URL 沒(méi)加編碼參數(shù)。解決JSP 頂部寫(xiě)% page contentTypetext/html;charsetUTF-8 %Servlet 里在讀取任何 getParameter 之前執(zhí)行request.setCharacterEncoding(UTF-8)JDBC URL 末尾加useUnicodetruecharacterEncodingUTF-8MySQL 表字符集用 utf8mb4。四件事都做了中文問(wèn)題不會(huì)再出現(xiàn)。另外要注意 setCharacterEncoding 必須在 getParameter 之前調(diào)用放在后面等于白寫(xiě)這個(gè)順序問(wèn)題出現(xiàn)的頻率比想象中高。5.2 數(shù)據(jù)庫(kù)連接失敗JDBC 驅(qū)動(dòng)版本與 Class.forName 的坑現(xiàn)象運(yùn)行時(shí)報(bào)ClassNotFoundException: com.mysql.jdbc.Driver或者Communications link failure。原因驅(qū)動(dòng)類(lèi)名寫(xiě)錯(cuò)或者驅(qū)動(dòng) jar 沒(méi)放進(jìn) WEB-INF/lib。新版 MySQL 驅(qū)動(dòng)類(lèi)的包名從 com.mysql.jdbc.Driver 改成了 com.mysql.cj.jdbc.Driver這是網(wǎng)上購(gòu)書(shū)系統(tǒng)里翻車(chē)率最高的一處。解決先確認(rèn)驅(qū)動(dòng) jar 在 WEB-INF/lib 目錄下。MySQL 8 及以上寫(xiě)Class.forName(com.mysql.cj.jdbc.Driver)URL 用jdbc:mysql://localhost:3306/bookshop?useSSLfalseserverTimezoneAsia/Shanghai。數(shù)據(jù)庫(kù)連接信息不要寫(xiě)死在代碼里放到 src 下的 db.properties用 ClassLoader 讀取換環(huán)境只改配置文件不用改代碼。5.3 表單提交后 405doGet/doPost 沒(méi)寫(xiě)全或者映射配錯(cuò)現(xiàn)象點(diǎn)擊登錄或注冊(cè)按鈕瀏覽器彈出 405 Method Not Allowed。原因表單 methodpost但 Servlet 里只重寫(xiě)了 doGet沒(méi)寫(xiě) doPost或者 url-pattern 映射到了錯(cuò)誤路徑。解決補(bǔ)上 doPost哪怕 doPost 里只是調(diào)一下 doGet也要讓容器找到處理入口。另一種常見(jiàn)情況是映射路徑寫(xiě)在某個(gè)子目錄下表單 action 卻寫(xiě)成根路徑兩者對(duì)不上?？梢杂脝?dòng)日志里打印的映射信息確認(rèn)實(shí)際注冊(cè)的地址再對(duì)照表單 action 檢查。5.4 JSP 里直接寫(xiě) Java 代碼能跑頁(yè)面一多就崩現(xiàn)象最開(kāi)始用% %在頁(yè)面里寫(xiě)循環(huán)和 if單頁(yè)能正常顯示加了購(gòu)物車(chē)頁(yè)面之后報(bào)變量找不到或者 HTML 結(jié)構(gòu)錯(cuò)亂。原因腳本片段里的變量作用域是整個(gè) JSP 翻譯出來(lái)的 Java 類(lèi)多個(gè)腳本片段共享變量一不小心就互相覆蓋。更隱蔽的是 try-catch 腳本片段和 HTML 混排JSP 翻譯時(shí)生成的代碼會(huì)打亂聲明順序報(bào)錯(cuò)行號(hào)根本對(duì)應(yīng)不上源碼行號(hào)。解決循環(huán)和判斷換成 JSTL 標(biāo)簽取值換成 EL 表達(dá)式。JSP 頁(yè)面里只留 HTML 和標(biāo)簽Java 邏輯全部上移到 Servlet。這不是風(fēng)格問(wèn)題是 JSP 項(xiàng)目能不能往下追加頁(yè)面的底線。課程設(shè)計(jì)如果只做一個(gè)頁(yè)面怎么寫(xiě)都能跑要做到登錄、列表、購(gòu)物車(chē)三四個(gè)頁(yè)面腳本片段的維護(hù)成本會(huì)明顯上升。5.5 IDEA 部署到 Tomcat 后 404部署名與請(qǐng)求路徑不匹配現(xiàn)象啟動(dòng) Tomcat 后訪問(wèn) http://localhost:8080/bookList 一直 404IDEA 控制臺(tái)也沒(méi)報(bào)錯(cuò)誤。原因Tomcat 的部署名是 bookshop_war_exploded默認(rèn)根路徑是 /bookshop_war_exploded/訪問(wèn)路徑少了部署名。解決打開(kāi) Run Configuration 里的 Deployment把 Application context 改成 /直接以根路徑訪問(wèn)或者所有頁(yè)面鏈接統(tǒng)一加${pageContext.request.contextPath}前綴。我自己的習(xí)慣是本地開(kāi)發(fā)改成 /省事多項(xiàng)目共存時(shí)保留部署名統(tǒng)一用 getContextPath 拼路徑。還有一個(gè)很隱蔽的問(wèn)題修改 JSP 后 Tomcat 沒(méi)有重新編譯頁(yè)面還是舊的這種情況把 Tomcat 的 work 目錄刪掉再重啟即可。6. 驗(yàn)證與進(jìn)階用 WAR 打包和功能驗(yàn)收清單讓購(gòu)書(shū)系統(tǒng)真正收尾到這一步系統(tǒng)應(yīng)該已經(jīng)在本地跑通了。但課程設(shè)計(jì)或畢設(shè)驗(yàn)收時(shí)老師通常會(huì)要求能部署到一臺(tái)獨(dú)立的 Tomcat 上。常見(jiàn)做法是把傳統(tǒng) JSP 項(xiàng)目打包成 war在 IDEA 里打開(kāi) Project Structure選中 Artifacts新增 Web Application ArchiveBuild 之后會(huì)生成 war 文件。如果是 Maven 項(xiàng)目在 pom.xml 里設(shè)置打包方式為 war然后執(zhí)行mvn clean package生成的 war 在 target 目錄下把它扔到 Tomcat 的 webapps 目錄啟動(dòng) Tomcat 就會(huì)自動(dòng)解壓部署。這個(gè)動(dòng)作本身很簡(jiǎn)單但能一次性暴露部署名和路徑問(wèn)題。部署完成后按清單過(guò)一遍功能缺什么立刻能看出來(lái)功能項(xiàng)操作路徑預(yù)期結(jié)果注冊(cè)訪問(wèn) /register.jsp填入用戶(hù)名密碼提示注冊(cè)成功跳轉(zhuǎn)登錄頁(yè)登錄輸入正確賬號(hào)密碼跳轉(zhuǎn)圖書(shū)列表顯示用戶(hù)名登錄失敗輸入錯(cuò)誤密碼登錄頁(yè)回顯錯(cuò)誤提示圖書(shū)列表登錄后訪問(wèn) /bookList展示全部圖書(shū)及庫(kù)存加入購(gòu)物車(chē)點(diǎn)擊任意圖書(shū)的加購(gòu)按鈕購(gòu)物車(chē)頁(yè)出現(xiàn)該圖書(shū)未登錄加購(gòu)?fù)顺龅卿浐笾苯釉L問(wèn)加購(gòu)鏈接被踢回登錄頁(yè)中文數(shù)據(jù)注冊(cè)中文用戶(hù)名并瀏覽頁(yè)面全程無(wú)亂碼再往深走一步有幾個(gè)低成本的進(jìn)階點(diǎn)值得做在 web.xml 里加一個(gè) CharacterEncodingFilter 過(guò)濾器把請(qǐng)求編碼統(tǒng)一處理掉比在每個(gè) Servlet 里手寫(xiě) setCharacterEncoding 更接近真實(shí)工程給密碼加鹽哈希不要用明文把購(gòu)物車(chē)數(shù)據(jù)持久化到數(shù)據(jù)庫(kù)而不是只放 session。這三個(gè)點(diǎn)做完答辯時(shí)老師問(wèn)「你的系統(tǒng)有什么可以改進(jìn)的」你直接能給出具體方案。最后說(shuō)一個(gè)我自己的習(xí)慣每次改完 JSP 或 Servlet不要只在 IDEA 內(nèi)置瀏覽器里點(diǎn)一遍一定要用瀏覽器無(wú)痕窗口走一遍完整的注冊(cè)到購(gòu)物車(chē)流程因?yàn)闊o(wú)痕窗口不帶舊 session能暴露緩存和登錄狀態(tài)的問(wèn)題。實(shí)際驗(yàn)收前再看一遍 Tomcat 日志里有沒(méi)有紅色異常。這套流程我用了很多年基本沒(méi)在現(xiàn)場(chǎng)演示時(shí)翻過(guò)車(chē)。希望幫到你。本文還有配套的精品資源點(diǎn)擊獲取