主要功能
用户端
- 简单直观的截图上传界面 手搓半天以后用vue
- 项目选择与切换 json
- 姓名自动补全与学号关联 关联表
- 图片预览功能 这个我不会这个是AI写的😋
- 上传成功alert弹窗(
管理
- 项目创建与管理 想写数据库的但是算了json牛逼😋
- 文件统计
- 已提交/未提交状态
- 单个文件查看与下载 (其实还没实现
- 项目文件批量下载 archiver
系统
- 自动图片水印添加sharp
- 文件存储base64
- 错误处理机制
- 日志记录 写log🤤
- 跨域访问支持cors哦哦哦哦哦哦哦哦哦
技术栈
前端
- 技术类型:纯原生JavaScript + HTML5 + CSS3
- 核心技术:
- H5: 结构
- C3: 样式
- JS: 交互
- Fetch: HTTP通信
后端
- 语言:node.js
- 框架:express.js @4.18.2
- 核心技术:
- 数据存储:
- 项目数据: JSON文件
- 文件存储: base64编码
轮子库
- 文件: multer @1.4.5-lts.1
- 图片水印: sharp @0.34.5, jimp(纯废物), gm(纯废物)
- CORS: cors @2.8.5
- 压缩: archiver @7.0.1
- 验证: express-session @1.18.2
- 这些才是真神我爱你们