| 场景 | 痛点 | 解决方案 |
|------|------|----------|
| 社团招新 | 纸质报名表收集慢、容易丢、统计难 | 在线表单 → 数据自动入库 → 后台一键审核导出 |
| 校园新闻发布 | 做图发群、无法沉淀、不能搜索 | 独立网站发布 → 分类存档 → 全文可查 |
| 制度公示 | 文件传发、无人细读 | 三个独立页面 → 报名前强制阅读并勾选同意 |
| 财务管理 | 账目混乱、无据可查 | 收支记录系统 → 自动计算余额 → 操作日志追溯 |
| 权限混乱 | 谁都能操作、没有分工 | 11级角色权限 → 各司其职 → 无权限者自动拒绝 |
| 社团换届交接 | 资料丢失、新社长无从下手 | 云服务器数据库 → 所有数据永久保存 → 换人只需改角色 |
| 模块 | 功能 | 可见角色 |
|------|------|----------|
| 文章管理 | 发布/编辑/删除文章，支持草稿模式，实时预览 | 超级管理员/社长/行政秘书/副社长/采访部 |
| 报名审核 | 按部门/状态筛选，查看详情，通过/拒绝/待定，批量通过，CSV导出 | 超级管理员/社长/行政秘书/副社长/策划部 |
| 财务管理 | 收支记录CRUD，自动汇总收入/支出/余额 | 超级管理员/社长/财务部 |
| 操作日志 | 所有操作自动记录，按时间倒序 | 超级管理员/社长/行政秘书/副社长 |
| 网站设置 | 首页统计数字修改，招新通道一键开关 | 仅超级管理员 |
| 成员管理 | 查看所有成员，下拉菜单修改角色 | 仅超级管理员 |
| 模块 | 功能 |
|------|------|
| 首页 | Hero主视觉 + 社团特色卡片 + 最新文章（可折叠展开） + 招新CTA横幅 + 规章制度入口 + 统计数据展示 |
| 新闻列表 | 全量文章列表，按时间倒序，卡片式布局 |
| 文章详情 | 全文阅读 + 点赞 ❤️ + 收藏 ⭐ + 评论区（登录后可发言） + 相关推荐 |
| 招新报名 | 6部门选择 + 在线表单 + 条款确认 + 提交成功弹窗 + 报名通道关闭自动拦截 |
| 制度公示 | 社团章程（六章十七条）+ 社员义务与纪律（八大义务+四大纪律）+ 奖惩制度（四奖四惩） |
| 关于我们 | 组织架构图 + 6部门介绍 + 换届制度 + 主要活动 |
| 用户系统 | 邮箱注册/登录 + 自动分配viewer角色 + 前后台账号统一 |
需求调研阶段
接收并分析社团三份正式文件：《社团章程》《社员义务与纪律》《奖惩制度》
梳理6个部门的职责分工和实际管理需求
确定招新流程：报名 → 审核 → 面试 → 试用期1个月 → 正式入社
7.2 数据库设计阶段
设计9张数据表，涵盖文章、招新、用户、财务、日志、互动六大模块
编写完整的建表SQL脚本，包含用户权限角色定义
设计11级角色的权限矩阵，精确到每张表每个操作
7.3 前端开发阶段
9个独立HTML页面 + 1个管理后台，纯原生代码，零框架依赖
统一CSS设计系统（CSS变量 + 配色 + 圆角 + 阴影 + 动画）
所有页面响应式适配（PC / 平板 / 手机）
页面头部统一双光晕浮动动画
卡片悬停上移动效
导航栏滚动毛玻璃效果
移动端汉堡菜单
后端开发阶段
自建RESTful API，前端通过接口与数据库交互
实现JWT Token用户认证，前后台共用同一账号体系
设计行级安全策略，每张表独立权限控制
搭建文件存储服务，支持封面图上传与管理
7.5 后台管理系统开发
基于JWT Token的登录认证
侧边栏导航 + 6个功能面板
每个面板独立权限判断，无权限显示"暂无此权限"
viewer角色进入后台直接显示"无权访问"，看不到任何面板
操作自动写入activity_log表
部署上线
云服务器部署Nginx反向代理
静态文件Nginx直接serve
API接口反向代理到后端服务
域名配置 + HTTPS证书
评论