設(shè)計實戰(zhàn))
Spring Boot 微信小程序為什么適合做畢設(shè)因為它一頭連著后端工程化能力另一頭連著真實移動端業(yè)務(wù)中間還夾著數(shù)據(jù)庫設(shè)計、狀態(tài)流轉(zhuǎn)、定位服務(wù)和接口安全。如果正在糾結(jié)畢業(yè)設(shè)計選什么題目不妨先花五分鐘讀完這篇再決定要不要把校拼拼校園拼車平臺作為自己的項目。1. 這篇文章真正要解決的問題計算機畢業(yè)設(shè)計最尷尬的狀態(tài)不是不會寫代碼而是題目選得太空或者太窄??辗旱念}目像校園社交平臺功能邊界模糊評審老師一問你的創(chuàng)新點在哪里就答不上來太窄的題目像基于XX的登錄模塊設(shè)計撐不起論文篇幅中期檢查時連系統(tǒng)架構(gòu)圖都畫不滿一頁。校園拼車平臺恰好處于中間位置業(yè)務(wù)場景清晰用戶角色簡單功能性需求和非功能性需求都容易界定同時技術(shù)覆蓋面積足夠大。一個完整方案里會涉及微信小程序前端、Spring Boot 后端、MySQL 數(shù)據(jù)存儲、Redis 緩存、用戶登錄鑒權(quán)、訂單狀態(tài)機、拼車匹配算法、消息推送甚至支付回調(diào)任何一塊展開寫都能成為論文里的一個章節(jié)。這篇文章不是簡單地粘貼一段可運行代碼而是幫你理清整個項目的設(shè)計思路和實現(xiàn)路徑。讀完你會知道這道題的難點到底在哪怎么拆解成可交付的模塊。數(shù)據(jù)庫表怎么設(shè)計才能支撐發(fā)布行程、加入拼車、司機確認(rèn)、行程開始、費用結(jié)算這條完整鏈路。Spring Boot 在項目里承擔(dān)什么角色哪些功能應(yīng)該放在后端哪些應(yīng)該放在小程序端。寫論文和準(zhǔn)備答辯時評審老師最容易追問哪幾個點應(yīng)該怎么回答。結(jié)論先放在前面校拼拼校園拼車平臺是一個業(yè)務(wù)復(fù)雜度適中、技術(shù)覆蓋面充足、成果展示效果好的畢業(yè)設(shè)計選題非常適合用來練習(xí)完整的全棧開發(fā)流程也具備較強的二次擴(kuò)展空間。2. 項目功能概覽與技術(shù)棧選擇2.1 功能模塊劃分拼車平臺的用戶角色可以劃分為普通學(xué)生乘客、車主學(xué)生司機、系統(tǒng)管理員三種?;谶@三種角色系統(tǒng)功能可以拆成四個主要模塊模塊面向用戶核心功能用戶模塊所有用戶微信授權(quán)登錄、手機號綁定、個人信息維護(hù)、學(xué)生認(rèn)證行程模塊乘客、司機發(fā)布行程、搜索拼車、加入拼車、查看行程詳情、司機確認(rèn)訂單模塊乘客、司機訂單創(chuàng)建、狀態(tài)流轉(zhuǎn)、費用明細(xì)、訂單取消、歷史記錄管理模塊管理員用戶管理、行程審核、系統(tǒng)統(tǒng)計、反饋處理這種拆分方式是畢業(yè)設(shè)計論文功能模塊設(shè)計章節(jié)的地基。圖表里只需要體現(xiàn)模塊名稱和功能點不需要畫太復(fù)雜的業(yè)務(wù)流重點是讓評審老師一眼看出系統(tǒng)邊界清楚、職責(zé)分明。2.2 技術(shù)棧為什么這樣選后端選擇 Spring Boot 幾乎是當(dāng)前 Java 方向畢業(yè)設(shè)計的默認(rèn)答案。它簡化了 Spring 框架的配置流程內(nèi)嵌 Tomcat配合 Spring MVC 可以快速開發(fā) RESTful API。Spring Boot 的核心理念是約定大于配置對不熟悉大型企業(yè)級項目的畢業(yè)生非常友好——不需要理解復(fù)雜的 XML 配置入口就是一個帶有SpringBootApplication注解的啟動類。小程序端選擇微信小程序而非 App 或 H5原因有三第一學(xué)生群體本身是微信的高頻用戶小程序無需下載安裝傳播成本低第二微信提供了現(xiàn)成的登錄體系wx.login獲取 code 后換取 openid省去自己實現(xiàn)賬號注冊登錄的復(fù)雜度第三小程序開發(fā)工具內(nèi)置模擬器調(diào)試效率比真機打包高很多適合畢業(yè)設(shè)計周期內(nèi)快速迭代。數(shù)據(jù)庫層面MySQL 是保守且穩(wěn)妥的選擇。如果需要演示 Redis 緩存可以后續(xù)加上但不要一開始就引入太多中間件否則系統(tǒng)部署時會增加難度答辯現(xiàn)場出了問題很難收場。3. 系統(tǒng)架構(gòu)與核心原理3.1 雙端協(xié)作流程整個系統(tǒng)的請求鏈路可以概括為小程序端發(fā)起 HTTP 請求后端接收并處理操作數(shù)據(jù)庫后返回 JSON 數(shù)據(jù)。這里先建立整體心智模型再逐步深入實現(xiàn)細(xì)節(jié)。微信小程序端 ↓ HTTPS/HTTP JSON 請求 Spring Boot 后端Controller → Service → Mapper ↓ MySQL 數(shù)據(jù)庫小程序端不是把業(yè)務(wù)邏輯堆在頁面上而是通過封裝好的request.js工具發(fā)請求比如wx.request封裝成帶 baseURL、token、錯誤攔截的統(tǒng)一方法。后端Controller只負(fù)責(zé)參數(shù)接收和響應(yīng)包裝真正業(yè)務(wù)邏輯下沉到Service層數(shù)據(jù)訪問由Mapper層完成。這個三層結(jié)構(gòu)是面試和答辯都要能說清楚的內(nèi)容。3.2 用戶登錄與鑒權(quán)原理微信小程序登錄和傳統(tǒng)賬號密碼登錄有本質(zhì)區(qū)別。小程序端調(diào)用wx.login獲取一個臨時 code這個 code 有效期只有五分鐘而且只能使用一次。后端拿著 code 去微信接口換取 openid 和 session_keyopenid 是用戶在當(dāng)前小程序的唯一標(biāo)識。一般做法是后端拿到 openid 后查詢數(shù)據(jù)庫如果用戶已存在直接生成自定義登錄態(tài)比如 JWT token 或 UUID 存入 Redis。如果用戶不存在自動注冊一個新用戶再返回 token。后續(xù)請求在請求頭中攜帶 token后端通過攔截器統(tǒng)一校驗。這個流程看似簡單但一定要理解因為用戶登錄鑒權(quán)怎么實現(xiàn)幾乎是答辯必問問題。3.3 拼車核心難點訂單狀態(tài)流轉(zhuǎn)拼車業(yè)務(wù)和普通商品交易不同的一點在于訂單狀態(tài)多且流轉(zhuǎn)方向復(fù)雜。一個訂單可能經(jīng)歷待支付、已支付、待出發(fā)、行程中、已完成、已取消、超時關(guān)閉。如果狀態(tài)管理混亂就會出現(xiàn)司機已經(jīng)出發(fā)但乘客取消成功、行程結(jié)束后費用算錯等問題。正確的做法是在后端定義一個狀態(tài)枚舉并且把狀態(tài)流轉(zhuǎn)邏輯封裝在OrderService中不允許在 Controller 或小程序端隨意改狀態(tài)。每個狀態(tài)變更必須滿足前置條件比如取消操作只允許在待支付和待出發(fā)狀態(tài)下執(zhí)行行程中的訂單不能直接取消否則要進(jìn)入售后服務(wù)流程。3.4 為什么說 Spring Boot 節(jié)省了大量開發(fā)成本沒接觸過 Spring Boot 的同學(xué)可能體會不到這個判斷。用傳統(tǒng) SSM 框架開發(fā)一個帶登錄和增刪改查的系統(tǒng)需要手動配置 Spring、Spring MVC、MyBatis一個 web.xml 就能寫幾十行。Spring Boot 把這些全部內(nèi)置pom.xml引入spring-boot-starter-web依賴啟動類寫上SpringBootApplication一個可運行的 Web 應(yīng)用就誕生了。這個啟動即用的特性對畢業(yè)設(shè)計非常關(guān)鍵因為大部分時間應(yīng)該花在業(yè)務(wù)邏輯上而不是被環(huán)境配置困住。Spring Boot 的自動配置機制讓你不必關(guān)心內(nèi)部實現(xiàn)細(xì)節(jié)它通過EnableAutoConfiguration自動判斷當(dāng)前 classpath 中包含哪些依賴并自動配置對應(yīng)的 Bean。你只需要在application.yml里寫上數(shù)據(jù)庫連接、端口號等必要信息。4. 數(shù)據(jù)庫設(shè)計撐起拼車業(yè)務(wù)的表結(jié)構(gòu)數(shù)據(jù)庫設(shè)計是畢業(yè)設(shè)計論文里的硬核部分也是答辯時評審老師重點查看的內(nèi)容。拼車平臺的核心表可以設(shè)計為用戶表、行程表、訂單表、評論表再加上管理員表和反饋表。下面重點討論前四張表。4.1 用戶表 userCREATE TABLE user ( id bigint(20) NOT NULL AUTO_INCREMENT COMMENT 主鍵ID, openid varchar(64) DEFAULT NULL COMMENT 微信openid, nickname varchar(50) DEFAULT NULL COMMENT 昵稱, avatar varchar(255) DEFAULT NULL COMMENT 頭像URL, phone varchar(20) DEFAULT NULL COMMENT 手機號, student_no varchar(20) DEFAULT NULL COMMENT 學(xué)號, is_driver tinyint(1) DEFAULT 0 COMMENT 是否為車主 0否 1是, create_time datetime DEFAULT CURRENT_TIMESTAMP COMMENT 創(chuàng)建時間, update_time datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT 更新時間, PRIMARY KEY (id), UNIQUE KEY uk_openid (openid) ) ENGINEInnoDB AUTO_INCREMENT1 DEFAULT CHARSETutf8mb4 COMMENT用戶表;設(shè)計說明openid一定要加唯一索引因為微信登錄場景下 openid 是判斷用戶是否存在的依據(jù)。is_driver字段區(qū)分用戶身份這里的司機不是全職網(wǎng)約車司機而是愿意分享座位的車主學(xué)生。手機號字段預(yù)留方便后續(xù)接入手機號快捷驗證但作為畢設(shè)可以先不強制綁定。4.2 行程表 tripCREATE TABLE trip ( id bigint(20) NOT NULL AUTO_INCREMENT COMMENT 行程ID, driver_id bigint(20) NOT NULL COMMENT 發(fā)布人ID, start_point varchar(100) NOT NULL COMMENT 出發(fā)地, end_point varchar(100) NOT NULL COMMENT 目的地, start_lat decimal(10,6) DEFAULT NULL COMMENT 出發(fā)緯度, start_lng decimal(10,6) DEFAULT NULL COMMENT 出發(fā)經(jīng)度, end_lat decimal(10,6) DEFAULT NULL COMMENT 目的緯度, end_lng decimal(10,6) DEFAULT NULL COMMENT 目的經(jīng)度, depart_time datetime NOT NULL COMMENT 出發(fā)時間, total_seats int(11) DEFAULT 4 COMMENT 總座位數(shù), available_seats int(11) DEFAULT 3 COMMENT 剩余座位數(shù), price decimal(10,2) DEFAULT NULL COMMENT 人均費用, status tinyint(4) DEFAULT 0 COMMENT 狀態(tài) 0招募中 1已滿員 2已完成 3已取消, create_time datetime DEFAULT CURRENT_TIMESTAMP COMMENT 創(chuàng)建時間, PRIMARY KEY (id) ) ENGINEInnoDB AUTO_INCREMENT1 DEFAULT CHARSETutf8mb4 COMMENT行程表;設(shè)計難點available_seats是常規(guī)做法但在并發(fā)場景下可能出現(xiàn)超賣。畢設(shè)階段可以先用樂觀鎖或UPDATE ... WHERE available_seats 0來保證。論文中如果能寫出如何防止拼車座位超賣這個思考是加分點。4.3 訂單表 car_orderCREATE TABLE car_order ( id bigint(20) NOT NULL AUTO_INCREMENT COMMENT 訂單ID, order_no varchar(32) NOT NULL COMMENT 訂單編號, trip_id bigint(20) NOT NULL COMMENT 行程ID, passenger_id bigint(20) NOT NULL COMMENT 乘客ID, driver_id bigint(20) NOT NULL COMMENT 司機ID, status tinyint(4) DEFAULT 0 COMMENT 訂單狀態(tài) 0待支付 1已支付 2待出發(fā) 3行程中 4已完成 5已取消, pay_amount decimal(10,2) DEFAULT NULL COMMENT 支付金額, create_time datetime DEFAULT CURRENT_TIMESTAMP COMMENT 下單時間, pay_time datetime DEFAULT NULL COMMENT 支付時間, finish_time datetime DEFAULT NULL COMMENT 完成時間, PRIMARY KEY (id), UNIQUE KEY uk_order_no (order_no) ) ENGINEInnoDB AUTO_INCREMENT1 DEFAULT CHARSETutf8mb4 COMMENT訂單表;order_no唯一索引很關(guān)鍵。訂單號生成建議用時間戳 隨機數(shù)不要用數(shù)據(jù)庫自增 ID避免被猜到業(yè)務(wù)量也符合常規(guī)訂單系統(tǒng)設(shè)計。4.4 表關(guān)系小結(jié)用戶和行程是一對多一個用戶可以發(fā)布多個行程行程和訂單是一對多一個行程可以產(chǎn)生多個訂單但乘客數(shù)受座位數(shù)限制用戶和訂單分別通過driver_id和passenger_id關(guān)聯(lián)兩次。這個多對多關(guān)系實際上是通過訂單表拆分成兩次一對多是論文中 ER 圖的標(biāo)準(zhǔn)畫法。5. 后端核心功能實現(xiàn)Spring Boot 完整示例5.1 項目初始化與依賴配置創(chuàng)建一個 Spring Boot 項目在pom.xml中加入必要依賴。以下是核心依賴片段版本號請以你創(chuàng)建項目時選擇的 Spring Boot 版本為準(zhǔn)。dependencies !-- Web 支持包含 Spring MVC 和內(nèi)嵌 Tomcat -- dependency groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-web/artifactId /dependency !-- MyBatis 框架整合 -- dependency groupIdorg.mybatis.spring.boot/groupId artifactIdmybatis-spring-boot-starter/artifactId version2.3.2/version /dependency !-- MySQL 驅(qū)動 -- dependency groupIdmysql/groupId artifactIdmysql-connector-java/artifactId scoperuntime/scope /dependency !-- Lombok 簡化實體類代碼 -- dependency groupIdorg.projectlombok/groupId artifactIdlombok/artifactId optionaltrue/optional /dependency !-- JWT 工具 -- dependency groupIdio.jsonwebtoken/groupId artifactIdjjwt/artifactId version0.9.1/version /dependency /dependencies說明MyBatis 版本要與 Spring Boot 版本匹配否則啟動時會報Invalid value type之類的錯誤。如果使用的是 Spring Boot 3.x建議用mybatis-spring-boot-starter3.x 版本并注意javax和jakarta命名空間的差異。5.2 application.yml 配置server: port: 8080 spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://localhost:3306/campus_carpool?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/Shanghai username: root password: 123456 redis: host: localhost port: 6379 mybatis: mapper-locations: classpath:mapper/*.xml type-aliases-package: com.example.carpool.entity configuration: map-underscore-to-camel-case: true jwt: secret: your-secret-key-please-change-in-production expire: 604800map-underscore-to-camel-case: true這個配置很實用。數(shù)據(jù)庫字段是create_timeJava 實體屬性是createTimeMyBatis 會自動映射省去大量resultMap手寫代碼。數(shù)據(jù)庫密碼不要用真實生產(chǎn)環(huán)境的密碼本地開發(fā)隨意但提交到代碼倉庫時建議改成占位符。5.3 微信登錄接口實現(xiàn)小程序端調(diào)用wx.login拿到 code 后請求后端/api/user/login接口。后端用 code 換取 openid 并完成用戶注冊或登錄。// 文件路徑src/main/java/com/example/carpool/controller/LoginController.java RestController RequestMapping(/api/user) public class LoginController { Autowired private UserService userService; PostMapping(/login) public Result login(RequestBody LoginRequest request) { // 1. 調(diào)用微信接口用 code 換取 openid String openid userService.getOpenIdByCode(request.getCode()); if (StringUtils.isEmpty(openid)) { return Result.error(登錄失敗無法獲取用戶信息); } // 2. 根據(jù) openid 查詢用戶不存在則自動注冊 User user userService.findByOpenId(openid); if (user null) { user new User(); user.setOpenid(openid); user.setNickname(微信用戶 openid.substring(openid.length() - 4)); userService.register(user); } // 3. 生成 JWT token 返回給小程序端 String token JwtUtil.generateToken(user.getId()); return Result.success(token); } }這個接口的實現(xiàn)邏輯需要重點理解原因有兩個。第一它是系統(tǒng)所有請求的入口評審老師很喜歡從這里開始問業(yè)務(wù)。第二微信登錄的 code 換 openid 過程涉及 HTTP 調(diào)用第三方接口需要在Service層用RestTemplate或OkHttp實現(xiàn)這本身就可以在論文中獨立成節(jié)。5.4 發(fā)布行程與搜索行程發(fā)布行程是拼車業(yè)務(wù)的主功能。用戶需要填寫出發(fā)地、目的地、出發(fā)時間、總座位數(shù)、人均費用這些信息通過 POST 請求提交到后端。// 文件路徑src/main/java/com/example/carpool/service/impl/TripServiceImpl.java Service public class TripServiceImpl implements TripService { Autowired private TripMapper tripMapper; Override Transactional(rollbackFor Exception.class) public Long publishTrip(Trip trip) { // 對傳入?yún)?shù)做必要校驗 if (trip.getDepartTime().isBefore(LocalDateTime.now())) { throw new BusinessException(出發(fā)時間不能早于當(dāng)前時間); } if (trip.getTotalSeats() 0) { throw new BusinessException(座位數(shù)必須大于0); } // 初始化狀態(tài)發(fā)布時可用座位數(shù)等于總座位數(shù)-1司機占一個 trip.setStatus(TripStatus.RECRUITING.getCode()); trip.setAvailableSeats(trip.getTotalSeats() - 1); tripMapper.insert(trip); return trip.getId(); } }搜索行程的核心 SQL 是模糊匹配出發(fā)地和目的地再按出發(fā)時間排序!-- 文件路徑src/main/resources/mapper/TripMapper.xml -- select idsearchTrips resultTypecom.example.carpool.entity.Trip SELECT * FROM trip WHERE status 0 AND available_seats 0 if teststartPoint ! null and startPoint ! AND start_point LIKE CONCAT(%, #{startPoint}, %) /if if testendPoint ! null and endPoint ! AND end_point LIKE CONCAT(%, #{endPoint}, %) /if AND depart_time gt; NOW() ORDER BY depart_time ASC /selectgt;是 XML 中的大于號轉(zhuǎn)義不要直接寫否則 XML 文件會報錯。這是 MyBatis 開發(fā)中新手最容易踩的坑之一。5.5 訂單狀態(tài)機流轉(zhuǎn)狀態(tài)機是拼車業(yè)務(wù)的核心。用代碼實現(xiàn)狀態(tài)機可以簡化判斷邏輯同時讓系統(tǒng)狀態(tài)流轉(zhuǎn)變得更清晰。// 文件路徑src/main/java/com/example/carpool/enums/OrderStatus.java public enum OrderStatus { PENDING_PAY(0, 待支付), PAID(1, 已支付), WAITING_DEPARTURE(2, 待出發(fā)), IN_TRANSIT(3, 行程中), COMPLETED(4, 已完成), CANCELLED(5, 已取消); private final int code; private final String desc; OrderStatus(int code, String desc) { this.code code; this.desc desc; } public int getCode() { return code; } public String getDesc() { return desc; } }// 文件路徑src/main/java/com/example/carpool/service/impl/OrderServiceImpl.java Override Transactional(rollbackFor Exception.class) public boolean cancelOrder(Long orderId, Long userId) { CarOrder order orderMapper.selectById(orderId); // 校驗訂單歸屬防止越權(quán)操作 if (!order.getPassengerId().equals(userId) !order.getDriverId().equals(userId)) { throw new BusinessException(無權(quán)操作該訂單); } // 狀態(tài)機校驗只有待支付和待出發(fā)狀態(tài)可以取消 if (order.getStatus() ! OrderStatus.PENDING_PAY.getCode() order.getStatus() ! OrderStatus.WAITING_DEPARTURE.getCode()) { throw new BusinessException(當(dāng)前狀態(tài)不可取消); } // 更新訂單狀態(tài) orderMapper.updateStatus(orderId, OrderStatus.CANCELLED.getCode()); // 釋放行程座位數(shù) tripMapper.increaseAvailableSeats(order.getTripId()); // 如果用戶已經(jīng)支付需要觸發(fā)退款邏輯此處簡化為標(biāo)記待退款 if (order.getStatus() OrderStatus.PAID.getCode()) { refundService.createRefundRecord(orderId); } return true; }Transactional注解用于保證事務(wù)一致性。取消訂單時修改訂單狀態(tài)和釋放座位數(shù)必須同時成功或同時失敗否則會出現(xiàn)訂單已取消但座位沒釋放的數(shù)據(jù)不一致問題。這個點寫進(jìn)論文和答辯都是比單純增刪改查高一個層次的內(nèi)容。5.6 拼車匹配算法擴(kuò)展思路如果希望系統(tǒng)有更多亮點可以在搜索拼車基礎(chǔ)上加入一個簡單的推薦邏輯。比如按出發(fā)時間的相近程度和價格區(qū)間做初步過濾再按距離排序。真正的路徑規(guī)劃算法比如 TSP 的簡化版可以描述為研究展望不用在畢設(shè)階段完全實現(xiàn)。要特別注意這里不需要引入復(fù)雜的地理位置服務(wù)。微信小程序內(nèi)置了騰訊地圖 SDK可以通過wx.getLocation獲取用戶當(dāng)前經(jīng)緯度前端把經(jīng)緯度傳給后端后端用兩點間距離公式做簡單的排序。MySQL 8.0 也支持空間數(shù)據(jù)類型但作為畢設(shè)不建議在這個方向花太多時間。6. 小程序端實現(xiàn)要點6.1 項目結(jié)構(gòu)與請求封裝微信小程序端項目建議按照業(yè)務(wù)功能分目錄以增加代碼可讀性pages/ index/ # 首頁展示行程列表 publish/ # 發(fā)布行程頁 trip-detail/ # 行程詳情頁 order/ # 我的訂單頁 mine/ # 個人中心頁 utils/ request.js # 封裝的網(wǎng)絡(luò)請求 auth.js # 登錄與 token 管理請求封裝是每個小程序項目的必備模塊。核心思路是在wx.request外層包裝統(tǒng)一邏輯包括 baseURL 配置、token 注入、錯誤狀態(tài)碼攔截。// 文件路徑utils/request.js const BASE_URL http://localhost:8080/api; function request(path, method GET, data {}) { return new Promise((resolve, reject) { const token wx.getStorageSync(token); wx.request({ url: BASE_URL path, method: method, data: data, header: { Content-Type: application/json, Authorization: token ? Bearer token : }, success: (res) { if (res.statusCode 200) { resolve(res.data); } else if (res.statusCode 401) { wx.removeStorageSync(token); wx.navigateTo({ url: /pages/login/login }); reject(new Error(未登錄或登錄已過期)); } else { wx.showToast({ title: res.data.message || 請求失敗, icon: none }); reject(res.data); } }, fail: (err) { wx.showToast({ title: 網(wǎng)絡(luò)異常, icon: none }); reject(err); } }); }); } module.exports { request };本地開發(fā)時注意一個問題微信開發(fā)者工具的不校驗合法域名選項需要勾選否則本地 HTTP 請求會被攔截。真機調(diào)試時localhost是無法訪問的需要改為電腦的局域網(wǎng) IP同時確保手機和電腦在同一個 Wi-Fi 下。6.2 首頁行程列表頁面首頁的基本邏輯是頁面加載時調(diào)用request(/trip/list)獲取行程列表渲染成卡片。用戶點擊某個行程卡片跳轉(zhuǎn)到詳情頁。// 文件路徑pages/index/index.js const { request } require(../../utils/request); Page({ data: { tripList: [], loading: true }, onLoad() { this.fetchTrips(); }, fetchTrips() { request(/trip/list, GET) .then(res { this.setData({ tripList: res.data, loading: false }); }) .catch(() { this.setData({ loading: false }); }); }, goToDetail(e) { const id e.currentTarget.dataset.id; wx.navigateTo({ url: /pages/trip-detail/trip-detail?id${id} }); } });這個頁面代碼比較簡單但它是前端和后端聯(lián)調(diào)的關(guān)鍵入口。如果發(fā)現(xiàn)頁面空白不要急著改頁面先用微信開發(fā)者工具的 Network 面板看請求是否發(fā)出、返回什么狀態(tài)碼再用瀏覽器的開發(fā)者工具或 Postman 請求同一個接口確認(rèn)問題出在前端還是后端。6.3 發(fā)布行程頁面與表單校驗發(fā)布表單是小程序端最復(fù)雜的部分涉及多個輸入項和選擇器。這里要注意表單校驗不能只做前端校驗后端必須做二次校驗。因為小程序端的校驗邏輯可以被繞過直接 POST 到接口后端如果沒有校驗就會產(chǎn)生臟數(shù)據(jù)。!-- 文件路徑pages/publish/publish.wxml -- form bindsubmithandlePublish view classform-item text classlabel出發(fā)地/text input namestartPoint placeholder請輸入出發(fā)地 / /view view classform-item text classlabel目的地/text input nameendPoint placeholder請輸入目的地 / /view view classform-item text classlabel出發(fā)時間/text picker modedate namedepartDate view classpicker{{departDate || 請選擇日期}}/view /picker picker modetime namedepartTime view classpicker{{departTime || 請選擇時間}}/view /picker /view view classform-item text classlabel總座位數(shù)/text slider nametotalSeats min1 max6 show-value / /view view classform-item text classlabel人均費用/text input nameprice typedigit placeholder0.00 / /view button formTypesubmit typeprimary發(fā)布行程/button /form提交到后端前前端用wx.getLocation獲取當(dāng)前位置的經(jīng)緯度作為出發(fā)地的參考坐標(biāo)這樣可以簡化前端的地址輸入操作同時為后續(xù)的附近行程排序預(yù)留數(shù)據(jù)基礎(chǔ)。6.4 小程序端定位與地圖組件的注意點網(wǎng)絡(luò)熱詞里有微信小程序可以使用天地圖畫地圖組件嗎這類問題本質(zhì)上是在問如何在小程序里集成地圖能力。答案是可以但需要注意微信小程序默認(rèn)支持騰訊地圖構(gòu)建的是基于map組件的方案。如果你希望使用天地圖或高德地圖可以通過 Web View 嵌套 H5 頁面或者使用第三方插件但會增加開發(fā)復(fù)雜度和審核風(fēng)險。對于校園拼車場景最穩(wěn)妥的方案是使用微信小程序原生的map組件或者干脆不用地圖只展示文字地址。畢業(yè)設(shè)計階段地圖只是錦上添花不必在這上面綁定太多技術(shù)風(fēng)險。7. 完整跑通流程從啟動到驗證這里給出一個標(biāo)準(zhǔn)的本地運行流程方便在論文系統(tǒng)測試章節(jié)里引用。7.1 后端啟動步驟在 MySQL 中創(chuàng)建數(shù)據(jù)庫執(zhí)行項目中的schema.sql腳本。修改application.yml中的數(shù)據(jù)庫連接信息。在 IDEA 或命令行中運行mvn spring-boot:run或直接運行啟動類CarpoolApplication。看到類似Tomcat started on port(s): 8080的日志說明啟動成功。7.2 小程序端啟動步驟打開微信開發(fā)者工具導(dǎo)入小程序前端項目。在utils/request.js中把BASE_URL改為http://localhost:8080/api。勾選不校驗合法域名、web-view業(yè)務(wù)域名、TLS 版本以及 HTTPS 證書選項。點擊編譯模擬器內(nèi)即可看到首頁行程列表。7.3 驗證登錄功能首次進(jìn)入系統(tǒng)時調(diào)用wx.login獲取 code請求后端登錄接口。后端日志中應(yīng)能看到getOpenIdByCode的調(diào)用記錄數(shù)據(jù)庫user表中會新增一條用戶數(shù)據(jù)。7.4 驗證發(fā)布與加入拼車在模擬器中進(jìn)入發(fā)布頁填寫信息并提交。然后刷新首頁可以看到新發(fā)布的行程。使用另一個小程序賬號可以在開發(fā)者工具中切換賬號也可以用多賬號調(diào)試功能模擬點擊加入拼車確認(rèn)訂單生成查看car_order表新增記錄。如果整個流程能走通說明項目的主鏈路已經(jīng)完成。剩下的工作就是對邊界情況的處理比如重復(fù)加入同一行程、座位不足、行程已滿員、用戶取消訂單后座位數(shù)釋放等。8. 常見問題與排查思路畢業(yè)設(shè)計開發(fā)過程中很多時間會花在環(huán)境問題和聯(lián)調(diào)問題上。下面整理幾個高頻問題。問題現(xiàn)象可能原因排查方式解決方案Spring Boot 啟動報Failed to configure a DataSource未配置數(shù)據(jù)庫連接或 MySQL 未啟動檢查application.yml中的連接信息檢查 MySQL 服務(wù)是否運行正確配置 URL、用戶名和密碼啟動 MySQL小程序請求后端返回401token 未攜帶、過期或后端攔截器攔截查看小程序 Network 面板的請求頭后端日志查看攔截器日志重新登錄獲取 token檢查請求封裝是否注入Authorization頭MyBatis 執(zhí)行 SQL 報語法錯誤XML 中出現(xiàn)了或未轉(zhuǎn)義查看控制臺打印的完整 SQL在 XML 中使用lt;和gt;加入拼車時座位扣減為負(fù)并發(fā)更新導(dǎo)致超賣查看 SQL 是否存在條件更新使用UPDATE trip SET available_seats available_seats - 1 WHERE id ? AND available_seats 0使用 Spring Boot 3.x 出現(xiàn)javax.servlet相關(guān)錯誤依賴包版本不兼容檢查異常堆棧中是否有jakarta或javax關(guān)鍵字統(tǒng)一使用jakarta命名空間確認(rèn) Tomcat 和 Spring Boot 版本真機調(diào)試無法請求后端localhost指向手機本地將BASE_URL改為電腦局域網(wǎng) IP確保手機和電腦在同一網(wǎng)絡(luò)并關(guān)閉電腦防火墻或允許端口訪問第二個問題出現(xiàn)頻率最高。微信開發(fā)者工具的 Network 面板能看到完整請求信息后端日志也能看到是否收到請求。如果請求沒到后端問題在網(wǎng)絡(luò)層或域名校驗如果請求到了但返回錯誤問題在鑒權(quán)或業(yè)務(wù)邏輯。9. 畢業(yè)論文與答辯準(zhǔn)備建議把項目做完并不等于畢業(yè)設(shè)計就完成了論文和答辯同樣是重要環(huán)節(jié)。這里給出幾個實用的建議。9.1 論文結(jié)構(gòu)怎么安排可以考慮將論文分為六個章節(jié)緒論、系統(tǒng)相關(guān)技術(shù)介紹、系統(tǒng)需求分析、系統(tǒng)設(shè)計、系統(tǒng)實現(xiàn)與測試、總結(jié)與展望。其中最有區(qū)分度的是第四章系統(tǒng)設(shè)計和第五章系統(tǒng)實現(xiàn)。在系統(tǒng)設(shè)計章節(jié)除了畫架構(gòu)圖、功能模塊圖、ER 圖一定要畫訂單狀態(tài)流轉(zhuǎn)圖。這幅圖能直觀展示你對核心業(yè)務(wù)邏輯的理解比堆砌大量截圖有說服力。在系統(tǒng)實現(xiàn)章節(jié)不要把所有代碼粘貼進(jìn)去而是選擇 2 到 3 個核心代碼片段比如登錄鑒權(quán)、訂單狀態(tài)機、拼車搜索 SQL配合文字解釋設(shè)計思路。9.2 答辯中容易被追問的問題微信登錄的 code 和 openid 有什么區(qū)別 答案是code 是臨時憑證有效期短openid 是用戶在小程序中的唯一標(biāo)識。為什么選擇 Spring Boot 而不選 SSM 重點是 Spring Boot 自動配置、內(nèi)嵌服務(wù)器、微服務(wù)生態(tài)兼容性。拼車座位超賣怎么解決 可以回答條件更新和事務(wù)。如果用戶同時發(fā)起多個取消請求會怎樣 可以從數(shù)據(jù)庫行鎖和事務(wù)隔離級別角度回答。系統(tǒng)是怎么測試的 除了功能測試可以補充提到用 Postman 做接口測試、用模擬器做兼容性測試。9.3 避免的常見誤區(qū)不要在小程序端寫復(fù)雜業(yè)務(wù)邏輯所有與數(shù)據(jù)相關(guān)的操作都應(yīng)該走后端接口。有些同學(xué)為了省事把拼車狀態(tài)判斷直接寫在小程序里導(dǎo)致?lián)Q一臺手機或者重新編譯后狀態(tài)不一致。正確做法是小程序只負(fù)責(zé)展示和交互狀態(tài)和業(yè)務(wù)規(guī)則都收斂在后端服務(wù)層。不要只寫系統(tǒng)實現(xiàn)不寫系統(tǒng)測試。畢業(yè)設(shè)計論文中測試章節(jié)的篇幅應(yīng)當(dāng)有一定保證。建議包含功能測試用例表、接口測試結(jié)果、兼容性測試結(jié)論。10. 總結(jié)與后續(xù)優(yōu)化方向校園拼車平臺這個題目在做完之后能帶出的能力是復(fù)合的Spring Boot 后端的接口設(shè)計能力、MySQL 數(shù)據(jù)庫建模能力、小程序端交互實現(xiàn)能力以及貫穿全流程的聯(lián)調(diào)和問題排查能力。這套能力組合在找工作時可以直接寫進(jìn)簡歷項目經(jīng)歷比單純的學(xué)習(xí)項目更有說服力。下一步的擴(kuò)展方向可以根據(jù)自己時間和興趣選擇引入 Redis 緩存熱點行程數(shù)據(jù)降低數(shù)據(jù)庫壓力。使用 WebSocket 實現(xiàn)司機和乘客的實時位置共享。接入微信支付完成真實的在線支付和退款閉環(huán)。增加拼車評價體系行程結(jié)束后雙方互評。將單機部署改為 Docker 部署寫進(jìn)系統(tǒng)部署章節(jié)。這些方向每一個都可以獨立擴(kuò)展成論文中的一個章節(jié)但不要全部實現(xiàn)。畢業(yè)設(shè)計的核心是完整地走通一個項目生命周期而不是功能越多越好。把主鏈路做扎實、把核心難點講清楚、把測試做規(guī)范這個項目就已經(jīng)達(dá)到一篇合格畢業(yè)論文的要求了。