計算機專業(yè)技能實訓報告——以Web全棧開發(fā)項目為例一、實訓背景與概述本次計算機專業(yè)技能實訓依托校企合作項目“智慧校園信息管理平臺”開發(fā)，實訓周期為10周（含需求調(diào)研、開發(fā)、測試、部署階段）。實訓團隊由8名計算機科學與技術(shù)專業(yè)學生組成，涵蓋前端、后端、數(shù)據(jù)庫、測試等角色，模擬企業(yè)敏捷開發(fā)流程，采用Scrum框架進行迭代管理。實訓目標是通過真實項目開發(fā)，提升全棧開發(fā)能力、團隊協(xié)作能力與工程化實踐素養(yǎng)，為職業(yè)發(fā)展積累項目經(jīng)驗。二、實訓目的1.技術(shù)能力提升：掌握Vue.js+SpringBoot技術(shù)棧的全流程開發(fā)，熟練運用MySQL數(shù)據(jù)庫設(shè)計與優(yōu)化、Docker容器化部署等企業(yè)級技術(shù)，將理論知識轉(zhuǎn)化為實際開發(fā)能力。2.工程化思維培養(yǎng)：理解軟件開發(fā)生命周期（需求分析、設(shè)計、編碼、測試、部署），掌握版本控制（Git）、代碼評審、自動化測試等工程實踐方法。3.團隊協(xié)作與職業(yè)素養(yǎng)：通過跨角色協(xié)作，提升溝通效率、問題解決能力與責任意識，適應(yīng)企業(yè)團隊開發(fā)模式。三、實訓內(nèi)容與過程（一）需求分析與技術(shù)選型項目需求為構(gòu)建支持學生信息管理、課程選課、成績統(tǒng)計的Web平臺，需滿足高并發(fā)、數(shù)據(jù)安全與界面友好性要求。經(jīng)團隊研討，技術(shù)選型如下：前端：Vue.js3+ElementPlus（UI組件庫），結(jié)合ECharts實現(xiàn)數(shù)據(jù)可視化，采用VueRouter做路由管理、Pinia做狀態(tài)管理。后端：SpringBoot3+SpringSecurity（權(quán)限控制），集成MyBatis-Plus簡化數(shù)據(jù)庫操作，采用Redis做緩存優(yōu)化。數(shù)據(jù)庫：MySQL8.0，設(shè)計關(guān)系型數(shù)據(jù)表，針對高頻查詢場景添加聯(lián)合索引。（二）模塊開發(fā)實踐1.前端開發(fā)模塊負責用戶界面與交互邏輯開發(fā)，核心工作包括：組件化開發(fā)：封裝“學生信息表單”“課程列表”等12個可復(fù)用組件，通過Prop傳遞數(shù)據(jù)、EventBus實現(xiàn)組件通信，提升代碼復(fù)用率。響應(yīng)式適配：使用TailwindCSS柵格系統(tǒng)與媒體查詢，確保頁面在移動端（360px）、平板（768px）、PC端（1200px）均能自適應(yīng)顯示。性能優(yōu)化：對ECharts圖表數(shù)據(jù)采用懶加載（IntersectionObserverAPI），路由切換時使用VueRouter的`keep-alive`緩存組件，首屏加載時間從3.2s優(yōu)化至1.8s。2.后端開發(fā)模塊負責業(yè)務(wù)邏輯與接口開發(fā)，核心工作包括：接口設(shè)計：基于RESTful規(guī)范設(shè)計6個核心接口（如用戶認證、課程查詢、成績提交），通過Postman進行接口測試，確保參數(shù)校驗、異常處理邏輯完善。權(quán)限控制：采用SpringSecurity+JWT實現(xiàn)用戶認證，區(qū)分“學生”“教師”“管理員”三種角色的接口訪問權(quán)限，通過AOP切面記錄接口調(diào)用日志。緩存優(yōu)化：對“課程列表”等高頻查詢接口添加Redis緩存，緩存過期時間設(shè)為1小時，接口響應(yīng)時間從200ms降至80ms以內(nèi)。3.數(shù)據(jù)庫設(shè)計模塊負責數(shù)據(jù)建模與優(yōu)化，核心工作包括：表結(jié)構(gòu)設(shè)計：設(shè)計5張核心表（用戶表、課程表、選課表、成績表、角色表），通過外鍵關(guān)聯(lián)實現(xiàn)數(shù)據(jù)完整性，如“選課表”關(guān)聯(lián)“用戶表”與“課程表”的主鍵。索引優(yōu)化：針對“按學生ID查詢成績”“按課程ID統(tǒng)計選課人數(shù)”等高頻場景，添加聯(lián)合索引（如`(student_id,course_id)`），查詢效率提升40%。數(shù)據(jù)遷移：使用Flyway管理數(shù)據(jù)庫版本，確保團隊成員數(shù)據(jù)庫結(jié)構(gòu)一致，避免手動修改導(dǎo)致的沖突。4.部署與測試模塊負責項目上線與質(zhì)量保障，核心工作包括：自動化測試：前端使用Jest編寫單元測試（覆蓋20個核心組件），后端使用JUnit5編寫接口測試（覆蓋80%業(yè)務(wù)邏輯），測試覆蓋率達75%。四、實訓成果1.功能成果：完成“智慧校園信息管理平臺”的核心功能，包括學生信息管理（增刪改查）、課程選課（含庫存校驗）、成績統(tǒng)計（可視化圖表展示），支持多角色登錄與權(quán)限控制。2.技術(shù)成果：輸出前端代碼千余行、后端代碼兩千余行，編寫技術(shù)文檔（接口文檔、數(shù)據(jù)庫設(shè)計文檔、部署手冊）共3萬字，沉淀組件庫與工具類代碼（如表單校驗工具、Redis工具類）可復(fù)用。3.團隊成果：通過Scrum迭代（每2周一個Sprint）完成5個版本迭代，團隊協(xié)作效率提升，成員間代碼評審發(fā)現(xiàn)并修復(fù)潛在Bug超30處，最終項目通過用戶驗收（模擬教師、學生角色驗收）。五、問題與解決（一）跨域問題現(xiàn)象：前端調(diào)用后端接口時，瀏覽器報CORS跨域錯誤。（二）數(shù)據(jù)庫死鎖現(xiàn)象：壓力測試時，多線程同時提交成績導(dǎo)致數(shù)據(jù)庫死鎖，事務(wù)回滾。（三）前端性能瓶頸現(xiàn)象：首頁加載包含大量圖表與列表數(shù)據(jù)，首屏時間超3s。解決：對ECharts圖表使用懶加載（IntersectionObserver），路由切換時緩存組件（`keep-alive`），并將大體積的第三方庫（如ECharts）通過CDN引入，首屏時間優(yōu)化至1.8s。六、總結(jié)與體會不足在于對微服務(wù)架構(gòu)的實踐深度不足（本次項目為單體應(yīng)用），后續(xù)計劃學習SpringCloudAlibaba，嘗試將項目拆分為“用戶服務(wù)”“課程服務(wù)”等微服務(wù)模塊，強化DevOps工具鏈（如CI/CD、Prometheus監(jiān)控）的使用能力。實訓結(jié)束后，我將整理項目代碼與文檔，將其作為求職作品集的核心內(nèi)容，同時持續(xù)關(guān)注前端框架（如Vue3新特性）