1. 先搞清楚這個(gè)“導(dǎo)師雙向匹配系統(tǒng)”到底要解決什么問(wèn)題看到“學(xué)科競(jìng)賽導(dǎo)師雙向匹配系統(tǒng)”這個(gè)標(biāo)題很多同學(xué)第一反應(yīng)可能是“這不就是個(gè)選課系統(tǒng)嗎”。其實(shí)不然它解決的是一個(gè)更具體、也更實(shí)際的問(wèn)題如何讓參加學(xué)科競(jìng)賽的學(xué)生和愿意指導(dǎo)競(jìng)賽的老師能高效、公平地找到彼此并且雙方都滿意。想象一下這個(gè)場(chǎng)景學(xué)院發(fā)布了數(shù)學(xué)建模、程序設(shè)計(jì)、機(jī)器人等一堆競(jìng)賽幾十個(gè)老師各有專長(zhǎng)幾百個(gè)學(xué)生興趣各異。傳統(tǒng)的做法可能是發(fā)個(gè)Excel表格讓大家填志愿或者老師直接指定。結(jié)果往往是熱門(mén)老師被擠爆冷門(mén)老師無(wú)人問(wèn)津?qū)W生不知道自己適合哪個(gè)老師老師也不了解學(xué)生的真實(shí)能力和興趣。這個(gè)系統(tǒng)要做的就是通過(guò)一套算法和流程把“學(xué)生選導(dǎo)師”和“導(dǎo)師選學(xué)生”這兩個(gè)單向選擇變成一個(gè)雙向都能表達(dá)意愿、系統(tǒng)居中撮合的智能匹配過(guò)程。它的核心價(jià)值在于提升匹配效率和滿意度而不僅僅是信息登記。對(duì)于計(jì)算機(jī)專業(yè)的畢業(yè)設(shè)計(jì)來(lái)說(shuō)這是一個(gè)非常好的選題業(yè)務(wù)邏輯清晰但又不簡(jiǎn)單技術(shù)棧Spring Boot Vue主流且完整涉及前后端分離、數(shù)據(jù)庫(kù)設(shè)計(jì)、核心算法實(shí)現(xiàn)能充分展示你的工程能力。所以如果你正在找畢設(shè)題目或者想學(xué)習(xí)如何將一個(gè)具體的業(yè)務(wù)場(chǎng)景落地成一個(gè)完整的Web系統(tǒng)這篇文章會(huì)帶你走一遍從理解需求到技術(shù)實(shí)現(xiàn)的關(guān)鍵路徑。我會(huì)重點(diǎn)講清楚業(yè)務(wù)模型如何設(shè)計(jì)、匹配算法怎么實(shí)現(xiàn)、以及前后端如何協(xié)作這三個(gè)最核心的環(huán)節(jié)。2. 系統(tǒng)設(shè)計(jì)與技術(shù)選型為什么是Spring Boot Vue在動(dòng)手寫(xiě)代碼之前必須先想清楚系統(tǒng)的骨架。一個(gè)雙向匹配系統(tǒng)核心實(shí)體就三個(gè)學(xué)生、導(dǎo)師、競(jìng)賽項(xiàng)目。它們之間的關(guān)系是一個(gè)競(jìng)賽項(xiàng)目下有多個(gè)導(dǎo)師名額一個(gè)學(xué)生可以申報(bào)多個(gè)志愿按優(yōu)先級(jí)排序一個(gè)導(dǎo)師可以看到申報(bào)自己的學(xué)生列表并進(jìn)行選擇接受或拒絕。基于這個(gè)業(yè)務(wù)模型技術(shù)選型就順理成章了后端Spring Boot負(fù)責(zé)核心的業(yè)務(wù)邏輯、數(shù)據(jù)持久化、匹配算法和API提供。Spring Boot的自動(dòng)配置、內(nèi)嵌服務(wù)器和豐富的Starter讓后端開(kāi)發(fā)非常高效能讓你快速搭建起RESTful API。前端Vue.js負(fù)責(zé)構(gòu)建用戶交互界面。學(xué)生需要界面來(lái)查看競(jìng)賽、填報(bào)志愿導(dǎo)師需要界面來(lái)查看學(xué)生申請(qǐng)、做出選擇管理員需要界面來(lái)管理競(jìng)賽、導(dǎo)師和學(xué)生信息。Vue的組件化開(kāi)發(fā)模式非常適合構(gòu)建這類多角色、多頁(yè)面的管理后臺(tái)。數(shù)據(jù)庫(kù)MySQL關(guān)系型數(shù)據(jù)庫(kù)最適合存儲(chǔ)這種結(jié)構(gòu)化的實(shí)體和關(guān)系數(shù)據(jù)。我們至少需要user用戶區(qū)分學(xué)生/導(dǎo)師/管理員、competition競(jìng)賽、teacher導(dǎo)師信息、application學(xué)生申請(qǐng)、selection導(dǎo)師選擇結(jié)果這幾張核心表。這里最容易出錯(cuò)的地方是數(shù)據(jù)庫(kù)表的關(guān)系設(shè)計(jì)。比如學(xué)生和導(dǎo)師的“雙向”選擇不能只用一個(gè)字段表示狀態(tài)。我建議拆成兩個(gè)關(guān)鍵動(dòng)作學(xué)生申請(qǐng)Application學(xué)生向某個(gè)競(jìng)賽的某個(gè)導(dǎo)師名額提交申請(qǐng)包含志愿優(yōu)先級(jí)、個(gè)人陳述等。狀態(tài)可能是“待處理”、“已接受”、“已拒絕”。導(dǎo)師選擇Selection導(dǎo)師對(duì)申請(qǐng)自己的學(xué)生進(jìn)行操作。這個(gè)操作會(huì)更新對(duì)應(yīng)Application的狀態(tài)。這樣的設(shè)計(jì)邏輯清晰也便于后續(xù)統(tǒng)計(jì)和追溯。千萬(wàn)不要試圖用一個(gè)match_result表同時(shí)記錄雙方意愿那樣在狀態(tài)流轉(zhuǎn)時(shí)會(huì)非?；靵y。3. 環(huán)境準(zhǔn)備與項(xiàng)目初始化避開(kāi)第一個(gè)坑理論清晰了我們開(kāi)始動(dòng)手。首先確保你的本地開(kāi)發(fā)環(huán)境就緒。這里我以Windows/macOS通用命令為例Linux用戶稍作調(diào)整即可。后端環(huán)境Spring BootJDK確保安裝JDK 8或11推薦11在終端輸入java -version驗(yàn)證。Maven用于項(xiàng)目管理安裝后mvn -v驗(yàn)證。IDEIntelliJ IDEA社區(qū)版即可或 Eclipse。IDEA對(duì)Spring Boot支持更好。數(shù)據(jù)庫(kù)安裝MySQL 5.7或8.0并創(chuàng)建一個(gè)空數(shù)據(jù)庫(kù)比如competition_match。前端環(huán)境VueNode.js去官網(wǎng)下載LTS版本安裝它自帶npm包管理器。安裝后node -v和npm -v驗(yàn)證。Vue CLI這是Vue的官方腳手架用于快速創(chuàng)建項(xiàng)目。在終端運(yùn)行npm install -g vue/cli進(jìn)行全局安裝。環(huán)境準(zhǔn)備好后開(kāi)始創(chuàng)建項(xiàng)目。我建議前后端分開(kāi)兩個(gè)獨(dú)立的工程這樣結(jié)構(gòu)清晰也符合前后端分離的部署模式。創(chuàng)建Spring Boot后端項(xiàng)目在IDEA中直接使用 Spring Initializrstart.spring.io來(lái)生成項(xiàng)目是最快的方式。選擇Project: MavenLanguage: JavaSpring Boot: 選擇較新的穩(wěn)定版如3.xGroup Artifact: 按自己喜好例如com.example,match-systemDependencies: 至少勾選Spring Web(開(kāi)發(fā)API),Spring Data JPA(操作數(shù)據(jù)庫(kù)),MySQL Driver(數(shù)據(jù)庫(kù)連接)。生成后導(dǎo)入IDEA等待Maven下載完依賴。創(chuàng)建Vue前端項(xiàng)目打開(kāi)終端進(jìn)入你的工作目錄運(yùn)行vue create match-system-frontend在提示中選擇Manually select features然后勾選Babel,Router,Vuex,CSS Pre-processors可選SassLinter / Formatter按需。這樣會(huì)創(chuàng)建一個(gè)包含路由和狀態(tài)管理的基礎(chǔ)項(xiàng)目。創(chuàng)建完項(xiàng)目先別急著寫(xiě)業(yè)務(wù)代碼。第一個(gè)容易踩的坑是前后端聯(lián)調(diào)時(shí)的跨域問(wèn)題。因?yàn)榍岸隧?xiàng)目默認(rèn)跑在localhost:8080后端Spring Boot默認(rèn)跑在localhost:8080端口沖突或8081瀏覽器會(huì)因?yàn)橥床呗宰柚拐?qǐng)求。解決方案后端配置在Spring Boot的配置類或主應(yīng)用類中添加一個(gè)全局CORS配置。import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; Configuration public class CorsConfig implements WebMvcConfigurer { Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(/**) // 攔截所有請(qǐng)求 .allowedOriginPatterns(*) // 允許所有來(lái)源生產(chǎn)環(huán)境應(yīng)指定具體前端地址 .allowedMethods(GET, POST, PUT, DELETE, OPTIONS) // 允許的請(qǐng)求方法 .allowCredentials(true) // 允許攜帶cookie等憑證 .maxAge(3600); // 預(yù)檢請(qǐng)求的有效期 } }這樣在開(kāi)發(fā)階段前后端就能順利通信了。生產(chǎn)環(huán)境部署時(shí)allowedOriginPatterns需要替換成實(shí)際的前端域名。4. 核心數(shù)據(jù)庫(kù)表設(shè)計(jì)與JPA實(shí)體映射接下來(lái)我們把之前討論的業(yè)務(wù)模型轉(zhuǎn)化成具體的數(shù)據(jù)庫(kù)表和Java實(shí)體類。這是整個(gè)系統(tǒng)的基石設(shè)計(jì)不好后面會(huì)處處掣肘。我設(shè)計(jì)的核心表結(jié)構(gòu)如下你可以根據(jù)實(shí)際需求調(diào)整用戶表 (sys_user)id(主鍵),username(用戶名/學(xué)工號(hào)),password,real_name,role(角色student/teacher/admin)這里用一個(gè)表存儲(chǔ)所有用戶通過(guò)role字段區(qū)分。也可以拆分成student和teacher表看業(yè)務(wù)復(fù)雜度。學(xué)生擴(kuò)展表 (student_info)- 可選id(主鍵關(guān)聯(lián)user.id),grade(年級(jí)),major(專業(yè)),skills(技能標(biāo)簽),intro(個(gè)人簡(jiǎn)介)如果學(xué)生信息字段很多單獨(dú)建表更清晰。導(dǎo)師擴(kuò)展表 (teacher_info)id(主鍵關(guān)聯(lián)user.id),title(職稱),research_field(研究方向),max_quota(最大指導(dǎo)名額),current_quota(當(dāng)前已用名額)競(jìng)賽項(xiàng)目表 (competition)id(主鍵),name(競(jìng)賽名稱),description,start_time,end_time,status(報(bào)名中/進(jìn)行中/已結(jié)束)導(dǎo)師競(jìng)賽關(guān)聯(lián)表 (teacher_competition)id(主鍵),teacher_id,competition_id這張表表示哪些導(dǎo)師負(fù)責(zé)哪些競(jìng)賽。一個(gè)導(dǎo)師可以負(fù)責(zé)多個(gè)競(jìng)賽一個(gè)競(jìng)賽也可以有多個(gè)導(dǎo)師。學(xué)生申請(qǐng)記錄表 (student_application) - 核心表id(主鍵),student_id,teacher_id,competition_id,priority(志愿優(yōu)先級(jí)1-3),application_statement(申請(qǐng)陳述),status(pending/accepted/rejected),apply_time,process_time導(dǎo)師選擇記錄表 (teacher_selection) - 核心表id(主鍵),application_id(關(guān)聯(lián)申請(qǐng)記錄),teacher_id,student_id,decision(accept/reject),feedback(導(dǎo)師反饋),selection_time為什么申請(qǐng)和選擇要分開(kāi)兩張表這是為了記錄完整的操作流水。student_application記錄了學(xué)生的主動(dòng)行為teacher_selection記錄了導(dǎo)師的反饋行為。通過(guò)application_id關(guān)聯(lián)可以完整追溯一次匹配的完整生命周期。如果合并成一張表當(dāng)狀態(tài)多次變化比如導(dǎo)師先接受后反悔時(shí)歷史記錄就丟失了。對(duì)應(yīng)的JPA實(shí)體類 (StudentApplication) 大概長(zhǎng)這樣Entity Table(name student_application) Data // 使用Lombok簡(jiǎn)化getter/setter public class StudentApplication { Id GeneratedValue(strategy GenerationType.IDENTITY) private Long id; ManyToOne JoinColumn(name student_id, nullable false) private User student; ManyToOne JoinColumn(name teacher_id, nullable false) private User teacher; ManyToOne JoinColumn(name competition_id, nullable false) private Competition competition; private Integer priority; // 1, 2, 3 private String applicationStatement; Enumerated(EnumType.STRING) private ApplicationStatus status; // 枚舉PENDING, ACCEPTED, REJECTED CreationTimestamp private LocalDateTime applyTime; private LocalDateTime processTime; }使用ManyToOne來(lái)定義外鍵關(guān)系JPA會(huì)自動(dòng)處理關(guān)聯(lián)查詢。CreationTimestamp是Hibernate注解自動(dòng)設(shè)置創(chuàng)建時(shí)間。5. 雙向匹配算法的核心實(shí)現(xiàn)思路這是整個(gè)系統(tǒng)的“大腦”。匹配不是隨機(jī)分配而是要綜合考慮學(xué)生志愿優(yōu)先級(jí)和導(dǎo)師選擇意愿。一個(gè)簡(jiǎn)單但有效的實(shí)現(xiàn)是“多輪匹配”算法類似于高考錄取或求職招聘算法流程數(shù)據(jù)準(zhǔn)備獲取所有狀態(tài)為PENDING的學(xué)生申請(qǐng)按競(jìng)賽、導(dǎo)師分組。第一輪導(dǎo)師直接選擇。導(dǎo)師登錄后可以看到申請(qǐng)自己的學(xué)生列表。導(dǎo)師可以主動(dòng)“接受”或“拒絕”某個(gè)學(xué)生。一旦接受該學(xué)生的申請(qǐng)狀態(tài)變?yōu)锳CCEPTED并占用導(dǎo)師的一個(gè)名額(current_quota)。被拒絕的則狀態(tài)變?yōu)镽EJECTED。這一步滿足了“導(dǎo)師選學(xué)生”。第二輪系統(tǒng)自動(dòng)匹配針對(duì)未處理申請(qǐng)。在報(bào)名截止后對(duì)剩余所有PENDING狀態(tài)的申請(qǐng)按以下規(guī)則自動(dòng)處理按學(xué)生志愿優(yōu)先級(jí)處理先處理所有學(xué)生的第一志愿。對(duì)于某個(gè)導(dǎo)師下的所有第一志愿申請(qǐng)如果申請(qǐng)人數(shù) 導(dǎo)師剩余名額全部接受。如果申請(qǐng)人數(shù) 導(dǎo)師剩余名額則需要一個(gè)排序規(guī)則。這里可以引入“權(quán)重分”權(quán)重分 學(xué)生成績(jī)系數(shù) 技能匹配度 (隨機(jī)因子避免完全并列)按權(quán)重分從高到低錄取直到名額用完。未錄取的申請(qǐng)狀態(tài)標(biāo)記為PENDING進(jìn)入下一志愿輪次。第三輪及以后處理學(xué)生的第二志愿、第三志愿規(guī)則同第二輪。如果所有志愿都未能匹配則最終狀態(tài)為REJECTED。代碼實(shí)現(xiàn)要點(diǎn)Service層Service Slf4j public class MatchService { Autowired private ApplicationRepository applicationRepository; Autowired private TeacherInfoRepository teacherInfoRepository; Transactional public void runAutoMatchForCompetition(Long competitionId) { // 1. 找出該競(jìng)賽下所有未處理的申請(qǐng)按學(xué)生和優(yōu)先級(jí)排序 ListStudentApplication pendingApps applicationRepository .findByCompetitionIdAndStatus(competitionId, ApplicationStatus.PENDING); // 按學(xué)生分組每個(gè)學(xué)生的申請(qǐng)按優(yōu)先級(jí)排序 MapLong, ListStudentApplication appsByStudent pendingApps.stream() .collect(Collectors.groupingBy(app - app.getStudent().getId())); // 2. 多輪匹配第一輪處理所有學(xué)生的第一志愿第二輪處理第二志愿... for (int priority 1; priority 3; priority) { // 收集本輪所有需要處理的申請(qǐng) ListStudentApplication currentRoundApps new ArrayList(); for (ListStudentApplication studentApps : appsByStudent.values()) { studentApps.stream() .filter(app - app.getPriority() priority app.getStatus() ApplicationStatus.PENDING) .findFirst() .ifPresent(currentRoundApps::add); } // 按導(dǎo)師分組本輪申請(qǐng) MapLong, ListStudentApplication appsByTeacher currentRoundApps.stream() .collect(Collectors.groupingBy(app - app.getTeacher().getId())); // 處理每個(gè)導(dǎo)師下的申請(qǐng) for (Map.EntryLong, ListStudentApplication entry : appsByTeacher.entrySet()) { Long teacherId entry.getKey(); ListStudentApplication teacherApps entry.getValue(); TeacherInfo teacher teacherInfoRepository.findById(teacherId).orElseThrow(); int remainingQuota teacher.getMaxQuota() - teacher.getCurrentQuota(); if (remainingQuota 0) { // 導(dǎo)師名額已滿拒絕所有申請(qǐng) teacherApps.forEach(app - app.setStatus(ApplicationStatus.REJECTED)); continue; } if (teacherApps.size() remainingQuota) { // 申請(qǐng)人數(shù)不超過(guò)剩余名額全部接受 teacherApps.forEach(app - { app.setStatus(ApplicationStatus.ACCEPTED); teacher.setCurrentQuota(teacher.getCurrentQuota() 1); }); } else { // 需要排序篩選 ListStudentApplication sortedApps teacherApps.stream() .sorted(this::calculateScore) // 根據(jù)權(quán)重分排序 .collect(Collectors.toList()); // 接受前remainingQuota個(gè) for (int i 0; i remainingQuota; i) { sortedApps.get(i).setStatus(ApplicationStatus.ACCEPTED); teacher.setCurrentQuota(teacher.getCurrentQuota() 1); } // 拒絕剩下的 for (int i remainingQuota; i sortedApps.size(); i) { sortedApps.get(i).setStatus(ApplicationStatus.REJECTED); } } teacherInfoRepository.save(teacher); } // 批量保存本輪申請(qǐng)狀態(tài)更新 applicationRepository.saveAll(currentRoundApps); } log.info(競(jìng)賽[{}]自動(dòng)匹配完成。, competitionId); } // 計(jì)算學(xué)生申請(qǐng)權(quán)重分示例需根據(jù)實(shí)際業(yè)務(wù)細(xì)化 private int calculateScore(StudentApplication a1, StudentApplication a2) { // 比較邏輯返回負(fù)數(shù)、零、正數(shù)代表a1小于、等于、大于a2 // 示例比較學(xué)生GPA return Double.compare(a2.getStudent().getGpa(), a1.getStudent().getGpa()); // 降序 } }這個(gè)算法只是一個(gè)基礎(chǔ)框架。在實(shí)際項(xiàng)目中calculateScore函數(shù)需要你根據(jù)業(yè)務(wù)規(guī)則仔細(xì)設(shè)計(jì)可能綜合GPA、相關(guān)課程成績(jī)、技能標(biāo)簽匹配度、甚至學(xué)生和導(dǎo)師研究方向的相似度。注意自動(dòng)匹配算法通常應(yīng)該在管理員手動(dòng)觸發(fā)或報(bào)名截止后定時(shí)執(zhí)行。它是一個(gè)重量級(jí)操作務(wù)必在事務(wù)(Transactional)內(nèi)完成并做好日志記錄。6. 后端API設(shè)計(jì)與實(shí)現(xiàn)提供清晰的數(shù)據(jù)接口后端的主要任務(wù)是為前端提供數(shù)據(jù)接口。我們遵循RESTful風(fēng)格設(shè)計(jì)API。以下是一些核心接口學(xué)生端GET /api/competitions- 獲取可報(bào)名的競(jìng)賽列表。GET /api/competitions/{id}/teachers- 獲取某個(gè)競(jìng)賽下的導(dǎo)師列表。POST /api/applications- 提交申請(qǐng)志愿。GET /api/students/me/applications- 查看我的申請(qǐng)狀態(tài)。導(dǎo)師端GET /api/teachers/me/applications- 查看申請(qǐng)我的學(xué)生列表。PUT /api/applications/{applicationId}/selection- 處理申請(qǐng)接受/拒絕。管理員端POST /api/competitions/{id}/trigger-match- 手動(dòng)觸發(fā)某個(gè)競(jìng)賽的自動(dòng)匹配。GET /api/competitions/{id}/match-result- 查看匹配結(jié)果統(tǒng)計(jì)。以“導(dǎo)師處理申請(qǐng)”接口為例看看Controller層如何實(shí)現(xiàn)RestController RequestMapping(/api/applications) Slf4j public class ApplicationController { Autowired private ApplicationService applicationService; // 導(dǎo)師處理申請(qǐng) PutMapping(/{applicationId}/selection) public ResponseEntityApiResponse processApplication( PathVariable Long applicationId, RequestBody SelectionRequest request, // 包含decision和feedback CurrentUser User currentUser) { // 自定義注解獲取當(dāng)前登錄用戶 // 1. 權(quán)限校驗(yàn)當(dāng)前用戶必須是導(dǎo)師且是該申請(qǐng)的導(dǎo)師本人 if (!currentUser.getRole().equals(Role.TEACHER)) { return ResponseEntity.status(HttpStatus.FORBIDDEN) .body(ApiResponse.error(無(wú)操作權(quán)限)); } // 2. 業(yè)務(wù)處理 try { applicationService.processByTeacher(applicationId, currentUser.getId(), request); return ResponseEntity.ok(ApiResponse.success(處理成功)); } catch (BusinessException e) { // 自定義業(yè)務(wù)異常如名額已滿、申請(qǐng)狀態(tài)已變更等 log.warn(導(dǎo)師處理申請(qǐng)失敗: {}, e.getMessage()); return ResponseEntity.badRequest().body(ApiResponse.error(e.getMessage())); } catch (Exception e) { log.error(處理申請(qǐng)時(shí)系統(tǒng)錯(cuò)誤, e); return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR) .body(ApiResponse.error(系統(tǒng)內(nèi)部錯(cuò)誤)); } } }關(guān)鍵點(diǎn)清晰的URL和HTTP方法PUT /api/applications/{id}/selection語(yǔ)義明確。參數(shù)校驗(yàn)使用Valid注解配合DTO對(duì)象的校驗(yàn)注解如NotBlank。權(quán)限控制在進(jìn)入業(yè)務(wù)邏輯前必須驗(yàn)證當(dāng)前用戶身份和權(quán)限。這里用了假設(shè)的CurrentUser注解。統(tǒng)一的響應(yīng)格式使用ApiResponse包裝所有返回?cái)?shù)據(jù)包含code,message,data字段。異常處理區(qū)分業(yè)務(wù)異常如名額已滿和系統(tǒng)異常返回不同的HTTP狀態(tài)碼和友好提示。7. 前端Vue項(xiàng)目開(kāi)發(fā)構(gòu)建用戶交互界面前端負(fù)責(zé)把后端API變成用戶能操作的界面。我們使用Vue Router管理路由Vuex管理全局狀態(tài)如用戶登錄信息。項(xiàng)目結(jié)構(gòu)建議src/ ├── api/ # 所有axios請(qǐng)求封裝 ├── router/ # 路由配置 ├── store/ # Vuex狀態(tài)管理 ├── views/ # 頁(yè)面組件 │ ├── student/ # 學(xué)生相關(guān)頁(yè)面 │ ├── teacher/ # 導(dǎo)師相關(guān)頁(yè)面 │ └── admin/ # 管理員頁(yè)面 ├── components/ # 公共組件 └── utils/ # 工具函數(shù)關(guān)鍵頁(yè)面與組件學(xué)生-競(jìng)賽列表頁(yè)展示所有可報(bào)名的競(jìng)賽支持篩選和搜索。點(diǎn)擊競(jìng)賽進(jìn)入詳情頁(yè)。學(xué)生-志愿填報(bào)頁(yè)展示該競(jìng)賽下的導(dǎo)師列表學(xué)生可以按優(yōu)先級(jí)選擇1-3位導(dǎo)師填寫(xiě)申請(qǐng)陳述后提交。導(dǎo)師-申請(qǐng)?zhí)幚眄?yè)以表格形式展示所有申請(qǐng)自己的學(xué)生包含學(xué)生基本信息、申請(qǐng)陳述。導(dǎo)師可以點(diǎn)擊“接受”或“拒絕”并可填寫(xiě)簡(jiǎn)短反饋。公共-個(gè)人中心展示登錄用戶的基本信息以及相關(guān)的申請(qǐng)/處理記錄。以學(xué)生志愿填報(bào)頁(yè)為例 (StudentApply.vue)template div classapply-container h2{{ competition.name }} - 導(dǎo)師選擇/h2 el-alert v-ifapplicationSubmitted typesuccess show-icon 您已成功提交申請(qǐng)請(qǐng)等待導(dǎo)師處理或系統(tǒng)匹配。 /el-alert el-steps :activeactiveStep finish-statussuccess simple el-step title選擇導(dǎo)師 / el-step title填寫(xiě)陳述 / el-step title確認(rèn)提交 / /el-steps !-- 步驟1: 選擇導(dǎo)師 -- div v-ifactiveStep 0 h3請(qǐng)按志愿優(yōu)先級(jí)選擇導(dǎo)師最多3位/h3 el-table :datateacherList stylewidth: 100% el-table-column proprealName label導(dǎo)師姓名 / el-table-column proptitle label職稱 / el-table-column propresearchField label研究方向 / el-table-column label操作 template #defaultscope el-select v-modelselections[scope.$index] placeholder設(shè)為第幾志愿 changehandleSelectionChange el-option v-forn in 3 :keyn :label第${n}志愿 :valuen / /el-select /template /el-table-column /el-table el-button typeprimary clickactiveStep 1 :disabled!isSelectionValid下一步/el-button /div !-- 步驟2: 填寫(xiě)陳述 -- div v-ifactiveStep 1 h3請(qǐng)為您的每個(gè)志愿填寫(xiě)申請(qǐng)陳述/h3 div v-for(priority, idx) in selectedTeachersByPriority :keypriority h4第{{ priority }}志愿{{ getTeacherNameByPriority(priority) }}/h4 el-input typetextarea :rows4 v-modelstatements[priority] :placeholder請(qǐng)說(shuō)明您為什么選擇這位導(dǎo)師以及您的相關(guān)經(jīng)歷... / /div el-button clickactiveStep 0上一步/el-button el-button typeprimary clickactiveStep 2下一步/el-button /div !-- 步驟3: 確認(rèn)提交 -- div v-ifactiveStep 2 h3請(qǐng)確認(rèn)您的申請(qǐng)信息/h3 !-- 展示匯總信息 -- el-descriptions border el-descriptions-item v-forp in [1,2,3] :keyp :label第${p}志愿 {{ getTeacherNameByPriority(p) || 未選擇 }} /el-descriptions-item /el-descriptions br/ el-button clickactiveStep 1上一步/el-button el-button typeprimary clicksubmitApplication :loadingsubmitting提交申請(qǐng)/el-button /div /div /template script import { getCompetitionTeachers, submitApplication } from /api/student; export default { name: StudentApply, data() { return { competition: {}, teacherList: [], activeStep: 0, selections: {}, // 索引 - 志愿優(yōu)先級(jí) statements: {1: , 2: , 3: }, submitting: false, applicationSubmitted: false }; }, computed: { // 檢查是否至少選擇了一個(gè)志愿 isSelectionValid() { return Object.values(this.selections).some(p p 0); }, // 按優(yōu)先級(jí)排序的已選導(dǎo)師列表 selectedTeachersByPriority() { const priorities new Set(Object.values(this.selections).filter(p p 0)); return Array.from(priorities).sort((a, b) a - b); } }, methods: { getTeacherNameByPriority(priority) { const index Object.keys(this.selections).find(idx this.selections[idx] priority); return index ! undefined ? this.teacherList[index].realName : ; }, handleSelectionChange() { // 確保同一個(gè)優(yōu)先級(jí)只能分配給一位導(dǎo)師 const usedPriorities {}; for (const idx in this.selections) { const p this.selections[idx]; if (p 0) { if (usedPriorities[p]) { // 如果優(yōu)先級(jí)重復(fù)清空后一個(gè)選擇 this.$message.warning(第${p}志愿已分配給其他導(dǎo)師); this.selections[idx] 0; } else { usedPriorities[p] true; } } } }, async submitApplication() { this.submitting true; try { const applications this.selectedTeachersByPriority.map(priority { const teacherIndex Object.keys(this.selections).find(idx this.selections[idx] priority); return { teacherId: this.teacherList[teacherIndex].id, competitionId: this.$route.params.competitionId, priority: priority, applicationStatement: this.statements[priority] || }; }); await submitApplication(applications); this.applicationSubmitted true; this.$message.success(申請(qǐng)?zhí)峤怀晒?; // 可以跳轉(zhuǎn)到我的申請(qǐng)列表頁(yè) // this.$router.push(/student/my-applications); } catch (error) { this.$message.error(提交失敗 (error.response?.data?.message || error.message)); } finally { this.submitting false; } } }, async created() { const compId this.$route.params.competitionId; const res await getCompetitionTeachers(compId); this.competition res.competition; this.teacherList res.teachers; // 初始化選擇對(duì)象 this.teacherList.forEach((_, idx) { this.selections[idx] 0; }); } }; /script這個(gè)組件實(shí)現(xiàn)了多步驟表單核心邏輯是管理selections導(dǎo)師索引到志愿優(yōu)先級(jí)的映射和statements每個(gè)志愿的陳述。前端驗(yàn)證確保了志愿優(yōu)先級(jí)不重復(fù)數(shù)據(jù)提交前進(jìn)行了匯總確認(rèn)。8. 系統(tǒng)部署與上線前檢查清單開(kāi)發(fā)完成后最終需要部署到服務(wù)器。這里給出一個(gè)簡(jiǎn)單的部署思路和上線前必須檢查的事項(xiàng)。部署架構(gòu)簡(jiǎn)化版前端使用npm run build打包生成靜態(tài)文件dist目錄將其放到Nginx或Apache等Web服務(wù)器下。后端使用Maven打包成可執(zhí)行的JAR文件mvn clean package。在服務(wù)器上安裝好Java運(yùn)行環(huán)境通過(guò)java -jar your-project.jar啟動(dòng)。生產(chǎn)環(huán)境建議配置為系統(tǒng)服務(wù)如systemd以便管理。數(shù)據(jù)庫(kù)在服務(wù)器上安裝MySQL導(dǎo)入項(xiàng)目的SQL結(jié)構(gòu)創(chuàng)建腳本和數(shù)據(jù)如果有初始數(shù)據(jù)。反向代理通常使用Nginx。將前端請(qǐng)求代理到靜態(tài)文件將/api/開(kāi)頭的請(qǐng)求代理到后端Spring Boot應(yīng)用默認(rèn)端口8080。上線前檢查清單[ ]數(shù)據(jù)庫(kù)連接確保application-prod.properties中的數(shù)據(jù)庫(kù)IP、端口、用戶名、密碼正確且服務(wù)器防火墻開(kāi)放了數(shù)據(jù)庫(kù)端口默認(rèn)3306。[ ]文件上傳路徑如果系統(tǒng)有上傳功能如學(xué)生簡(jiǎn)歷檢查上傳目錄是否存在且具有讀寫(xiě)權(quán)限。[ ]日志配置確保生產(chǎn)環(huán)境日志級(jí)別合理如INFO并配置了日志文件路徑和滾動(dòng)策略方便排查問(wèn)題。[ ]API安全移除或禁用開(kāi)發(fā)環(huán)境的CORS寬松配置改為精確的前端域名。檢查所有敏感操作如觸發(fā)匹配、刪除數(shù)據(jù)的API是否有嚴(yán)格的權(quán)限控制如PreAuthorize(hasRole(ADMIN))。[ ]前端API地址檢查前端打包后請(qǐng)求后端的API地址是否正確通常是相對(duì)路徑/api或完整的生產(chǎn)環(huán)境后端地址。在vue.config.js中配置devServer.proxy僅在開(kāi)發(fā)環(huán)境有效生產(chǎn)環(huán)境需要正確配置。[ ]定時(shí)任務(wù)如果使用了Spring的Scheduled做定時(shí)匹配檢查cron表達(dá)式是否正確并確認(rèn)在單機(jī)部署下是否正常運(yùn)行。[ ]性能與壓力如果預(yù)計(jì)用戶量較大考慮對(duì)匹配算法接口、結(jié)果查詢接口進(jìn)行簡(jiǎn)單的壓力測(cè)試或者添加緩存如使用Redis緩存競(jìng)賽列表、導(dǎo)師信息等不常變的數(shù)據(jù)。最后也是最容易忽略的一點(diǎn)數(shù)據(jù)備份與恢復(fù)方案。在首次正式運(yùn)行匹配算法前務(wù)必備份數(shù)據(jù)庫(kù)。因?yàn)槠ヅ渌惴赡軙?huì)修改大量申請(qǐng)記錄的狀態(tài)一旦邏輯有誤需要有快速回滾數(shù)據(jù)的能力。這個(gè)項(xiàng)目從設(shè)計(jì)到實(shí)現(xiàn)涉及了業(yè)務(wù)分析、數(shù)據(jù)庫(kù)設(shè)計(jì)、核心算法、前后端開(kāi)發(fā)、部署運(yùn)維等多個(gè)環(huán)節(jié)是一個(gè)非常好的全棧實(shí)踐。真正落地時(shí)你會(huì)發(fā)現(xiàn)最花時(shí)間的往往不是編碼而是把模糊的業(yè)務(wù)需求理清并設(shè)計(jì)出穩(wěn)定、可擴(kuò)展的數(shù)據(jù)流和狀態(tài)機(jī)。建議你先在本地把核心流程跑通再逐步完善細(xì)節(jié)和用戶體驗(yàn)。