智慧白板-班级作业图片管理系统

新立电子科技

智慧白板 · 班级作业图片管理系统

yxdxf制作 2026.4.4
同事上课想让学生用平板拍了作品直接上传后，老师可以在智慧黑板上进行点评，试用了一些软件，要么有限制，要么注册麻烦，虽然共享文件和FTP也可实现，但对于小学生来说还是有一定困难，于是就想手搓一个这样的图片管理系统。
一个面向中小学教师和学生的本地化部署 Web 应用，支持班级管理、图片上传、多种视图浏览和批量操作。
功能亮点

角色核心功能教师创建班级 / 邀请码管理 / 查看所有学生图片 / 图片放大缩放旋转 / 批量删除旋转 / 网格·列表·瀑布流三种视图 / 按学生和日期筛选学生注册时填邀请码自动入班 / 拖拽批量上传图片 / 查看自己的图片管理员独立后台 / 用户管理 / 班级管理 / 图片管理 / 批量操作 / 系统统计环境要求

• Node.js 18.x 或以上（推荐 20.x LTS）
  
  
  
  • 下载：https://nodejs.org
    
  
  
• 操作系统：Windows / macOS / Linux
  

本项目所有依赖均为纯 JavaScript（无需 C++ 编译工具链）

快速启动

Windows（双击运行）

1.先安装前后端的依赖文件
start.bat2.双击“智慧白板.exe”启动
Linux / macOS

chmod +x start.sh./start.sh手动启动

# 1. 安装后端依赖cd backendnpm install --ignore-scripts# 2. 安装前端依赖并构建cd ../frontendnpm installnpm run build# 3. 启动服务器cd ../backendnode src/app.js访问地址

启动成功后，终端会显示：
🚀 智慧白板系统已启动！──────────────────────────────────────────────────  本地访问：http://localhost:3001  局域网访问：http://192.168.x.x:3001──────────────────────────────────────────────────📱 扫描二维码访问系统（手机/平板同局域网时可用）默认账号

角色用户名密码管理员adminadmin123教师示例teacher1123456学生示例student1123456学生示例student2123456管理员后台地址：http://localhost:3001/admin/login
（与普通用户登录页完全分离）
注意事项

• 数据存储：图片和数据库均存储在服务器本地，请定期备份 backend/data/ 和 backend/uploads/ 目录
  
• 图片限制：单张最大 20MB，支持 jpg/png/gif/webp
  
• 端口：默认 3001，可通过 backend/src/utils/config.js 修改 PORT
  
• 安全：生产部署时请修改 JWT_SECRET 和管理员密码
  

声明

此系统由yxdxf制作，欢迎各位测试使用这个系统并提出宝贵意见。




智慧白板图片管理系统下载地址.txt

智慧白板图片管理系统下载地址：https://wwatk.lanzouv.com/iTkSB3mdrjlg

睡个懒觉

博主态度认真，文章质量很高。

湘北有渔

知识点总结得很到位，收藏了。

林书磊

内容很接地气，贴近实际开发。

水歌

内容很前沿，紧跟技术趋势。

呼呼哈哈

讲解通俗易懂，不搞玄学。

矣兮

很实用的技巧，马上用到项目里。

平安的刘

讲解细致，不容易踩坑。

林书磊

对性能优化部分讲得很实用。

后来的传奇

内容很全面，几乎覆盖所有场景。