叶子科技社团的官网和后台管理系统,包含文章发布、作品展示、招新报名等功能。
- 📝 文章发布 — Markdown 编辑器,支持拖拽/粘贴上传图片
- 🎨 作品展示 — 按部门分类展示社团作品
- 📋 招新报名 — 在线报名表单,后台审核
- 👥 用户管理 — 多角色权限(管理员 / 编辑)
- 🖼️ 图片库 — 统一管理上传的图片
- 📦 数据导入导出 — 数据库备份与恢复
- 后端: Node.js(纯标准库,零依赖)
- 前端: 原生 HTML / CSS / JavaScript
- 数据库: JSON 文件存储
- 编辑器: EasyMDE + marked.js
# 克隆项目
git clone https://github.com/yourname/leaftech.git
cd leaftech
# 启动
node server/index.js
# 或使用启动脚本
# Windows: start.bat
# Linux: chmod +x start.sh && ./start.sh访问 http://localhost:3000
| 账号 | 密码 | 角色 |
|---|---|---|
| admin | leaftech2026 | 管理员 |
| editor | leafwriter | 文案组 |
| code | leafcode2026 | 编程部 |
| painter | leafpaint2026 | 画师部 |
| video | leafvideo2026 | 视频部 |
正式部署后请立即修改默认密码。
leaftech/
├── server/ # 后端
│ ├── index.js # 入口
│ ├── config.js # 配置
│ ├── db.js # 数据库
│ ├── auth.js # 认证
│ ├── utils.js # 工具函数
│ └── routes/
│ ├── admin.js # 管理接口
│ ├── public.js # 公开接口
│ ├── uploads.js # 图片管理
│ └── static.js # 静态文件
├── js/ # 前端脚本
│ ├── admin.js # 后台逻辑
│ ├── site.js # 前台逻辑
│ ├── leaves.js # 落叶动画
│ └── tech-effects.js # 特效
├── css/ # 样式
├── img/ # 静态图片
├── imgbed/ # 独立图床服务
├── data/ # 数据(不进 Git)
├── uploads/ # 上传文件(不进 Git)
├── deploy.sh # 部署脚本
└── setup.sh # 服务器初始化
详见 DEPLOY.md
imgbed/ 是独立的图床服务,可单独部署。详见 imgbed/README.md
MIT