​
一个课程大作业，需要源码可联系，可以在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：管理用户会话状态，提升用户体验。
​