技术栈选择与分工
Vue.js 负责前端框架构建，采用单页面应用架构。Node.js 作为后端运行时环境，Express 或 Koa 框架搭建 RESTful API。Element UI 提供现成的可视化组件库，减少界面开发时间。数据库推荐 MySQL 或 MongoDB，根据数据结构复杂度选择。
系统模块划分
用户管理模块
实现角色分级（学生/导师/管理员），包含注册登录、权限控制、个人信息维护功能。JWT 实现无状态认证，RBAC 模型控制界面元素可见性。
项目管理模块
核心功能包括项目创建、进度跟踪、文档管理。采用富文本编辑器支持格式化工件上传，甘特图或时间轴展示里程碑进度。
评审与统计模块
内置多维度评分系统，自动生成数据看板。ECharts 集成可视化图表，支持导出 PDF 格式报告。
开发阶段安排
环境搭建阶段
配置 Vue CLI 脚手架，安装 Element UI 及 axios 通信库。后端初始化 package.json，配置数据库连接中间件。使用 Git 进行版本控制，建立 dev/prod 双环境配置。
组件开发阶段
前端按模块拆分为独立组件：LoginForm、ProjectTable、ReviewPanel 等。后端实现路由分层，控制器处理业务逻辑，模型层定义数据 Schema。
联调测试阶段
Postman 测试 API 接口，Vue Devtools 调试组件状态。编写 Jest 单元测试用例，压力测试使用 JMeter 工具。
关键实现技术点
跨域解决方案
开发环境配置 proxyTable 代理，生产环境使用 Nginx 反向代理。CORS 中间件设置白名单，携带 credentials 时需严格校验 origin。
文件存储策略
小文件采用 Base64 编码存数据库，大文件使用 Multer 中间件上传至七牛云 OSS。文件哈希去重，权限校验采用预签名 URL。
实时更新方案
重要状态变更采用 WebSocket 推送通知，常规数据更新使用 axios 拦截器自动重试。Vuex 持久化插件保持状态同步。
部署运维方案
容器化部署
前端 build 后静态文件托管 Nginx，后端使用 PM2 守护进程。Docker Compose 编排 MySQL+Node 服务，.env 文件管理敏感配置。
监控与日志
ELK 收集前端错误日志，后端使用 winston 分级记录。Prometheus+Grafana 监控 API 响应时间，设置异常报警阈值。
安全防护措施
SQL 注入防护使用参数化查询，XSS 过滤 DOMPurify 库。定期更新依赖包，敏感操作需二次验证。
技术栈详解
后端使用 Node.js 来搭建服务器。Vue.js 是一款渐进式 JavaScript 框架，专注于构建用户界面。它具有轻量级的特点，代码简洁高效，能够快速加载和运行，为用户提供流畅的交互体验。Vue 采用组件化开发模式，开发者可以将页面拆分成一个个独立的组件，每个组件都有自己的 HTML、CSS 和 JavaScript 代码，实现了高度的复用性和可维护性。其数据绑定和响应式系统设计巧妙，当数据发生变化时，页面会自动更新，反之亦然，极大地简化了前端开发中数据与视图同步的复杂操作。
前端：Vue 和 ElementUI
数据库：MySQL
框架：Express 或者 Koa
数据库工具：Navicat/SQLyog 都可以
开发运行软件：VScode/webstorm/hbuiderx 均可
Node.js 是使得 JavaScript 能在服务端运行的平台，使得 JavaScript 能像其它的后台语言一样可以操作网络、系统等。它的产生是由于 Ryan Dahl 认为 I/O 处理地不好，会因为同步执行造成代码阻塞，以前传统的 Web 服务技术是对每一个请求都启动一个线程进行处理。
MySQL 是关系型数据库管理系统的代表，因为 MySQL 是其免费开源的，而且 MySQL 的功能已经足够用对于学习和中小型企业来讲，所以开发中小型网站都会选择 MySQL 作为网站的数据库。
结论
毕设项目前端使用 Vue 框架，后端使用 JS 的 Node，满足用户的讯息接受，信息搜索，资讯查看的操作。前端使用 Web 技术 HTML、CSS、JS 等 Vue.js 进行静态网页开发。做到基础的框架设计以及 CSS 定位。后端使用 MySQL+Node.js 进行开发。对后台的数据可进行增删改查。方便管理后台数据。
