环境配置
Node.js + VSCode + MySQL5.7 + HBuilderX + Navicat11 + Vue + Express。
项目技术：Express 框架 + Node.js + Vue 组成，B/S 模式 + VSCode 管理 + 前后端分离等。
环境要求：
- 运行环境：推荐 Node.js 最新版，其他版本理论上兼容。
- 开发环境：VSCode 或 HBuilderX 均可，推荐 HBuilderX。
- MySQL 环境：建议 5.7 版本。
- 硬件环境：Windows 7/8/10（1G 内存以上）或 Mac OS。
- Navicat：版本不限（10/11/14/15 均可）。
系统详细设计
系统功能模块
高校社团管理平台在首页可查看通知公告、社团信息、社团资讯、社团活动、留言板、个人中心及后台管理等内容。
图 5-1 平台首页界面图
社团活动页面可查看社团名称、活动名称、时间、地点及账号等信息，支持点赞、收藏等操作。
图 5-2 社团活动界面图
社团信息页面可查看社团名称、类型、规模、社长信息及联系方式等，支持加入申请和收藏。
图 5-3 社团信息界面图
个人中心支持填写学号、姓名、密码、性别、手机、年龄、邮箱、专业等信息进行更新，并可管理收藏内容。
图 5-4 个人中心界面图
管理员功能模块
管理员登录需填写用户名和密码并选择角色。登录后可对首页、个人中心、学生管理、社团管理、通知公告、社团信息、申请社团、社团资讯、社团活动、活动报名及系统管理等功能进行操作。
图 5-6 管理员功能界面图
学生管理支持对索引、学号、姓名、性别、年龄、手机、邮箱、专业等进行详情、修改和删除操作。
