?
一個課程大作業，需要源碼可聯系，可以在http://8.138.189.55:3001/瀏覽效果

前端技術

Vue.js 3：我選擇了Vue 3作為核心前端框架，并采用了其最新的Composition API開發模式，這使得代碼組織更加靈活，邏輯復用更加便捷。
Vite：作為構建工具，Vite提供了極快的開發服務器啟動速度和熱模塊替換(HMR)功能，大大提升了開發效率。
Vue Router 4：用于實現單頁應用(SPA)的路由管理，支持懶加載和動態路由，優化了頁面加載性能。
Pinia：作為狀態管理庫，Pinia比Vuex更輕量且TypeScript支持更好，我用它管理用戶狀態和交互狀態。
Element Plus：采用這一基于Vue 3的UI組件庫，提供了豐富的預設組件，加速了界面開發。
響應式設計：使用CSS媒體查詢和彈性布局(Flexbox)技術，確保網站在不同設備上都有良好的顯示效果。
CSS變量：通過CSS自定義屬性實現了主題色統一管理，便于后期維護和調整。

后端技術

Node.js + Express：構建了輕量級RESTful API服務器，處理前端請求并與數據庫交互。
MySQL：選擇這一關系型數據庫存儲用戶數據、遺產信息和交互數據。
JWT(JSON Web Token)：實現了基于令牌的用戶認證機制，提高了API安全性。
bcryptjs：用于密碼加密存儲，保障用戶賬戶安全。
SVG Captcha：生成圖形驗證碼，防止惡意注冊和登錄嘗試。

開發與部署工具

ESLint + Prettier：確保代碼質量和一致的代碼風格。
CORS中間件：解決跨域資源共享問題，允許前端安全地訪問API。
內容安全策略(CSP)：實施了嚴格的CSP規則，防止XSS等常見web安全問題。
Express Session：管理用戶會話狀態，提升用戶體驗。
?