小李自习室项目因自习室传统管理效率低、数据不互通立项,解决运营管理等痛点,适配线下自习室数字化运营的行业场景需求
点击空白处退出提示
小李自习室项目因自习室传统管理效率低、数据不互通立项,解决运营管理等痛点,适配线下自习室数字化运营的行业场景需求
前台用户端核心功能(面向普通学生用户)
身份认证:支持用户注册(用户名 + 密码校验)、登录(表单验证 + 记住密码),登录后区分角色(学生无后台权限,管理员可进入后台),未登录用户仅可查看公告和自习室列表,无法访问 “我的预约”“个人信息” 等个性化功能。
首页体验:登录 / 未登录状态下均能查看轮播形式的最新公告(含标题 / 内容 / 发布时间 / 图片),以及自习室列表(卡片式展示,含自习室图片、基础信息),点击自习室可进入详情(代码未完全展示)。
个性化操作:登录后可查看 “我的预约”(管理自身座位预约记录)、维护个人信息,核心满足学生 “查看自习室 - 预约座位” 的核心诉求。
2. 后台管理端核心功能(面向管理员用户)
用户管控:管理员可查看系统所有用户的完整信息(创建 / 更新时间、角色、账号状态),支持修改用户角色(学生 / 管理员)、账号状态(正常 / 禁用),也可删除违规 / 无效用户,保障系统用户体系可控。
自习室管理:支持自习室的全生命周期管理:
新增:自定义自习室名称、位置、容量(用于自动生成座位)、开放 / 关闭时段、状态(开放 / 关闭 / 维护),并支持图片上传(预览 + 格式 / 大小校验);
维护:修改已有自习室的信息(如调整开放时间、状态)、删除废弃自习室;
展示:列表化呈现所有自习室信息,含图片预览,便于快速管理。
座位管理:针对自习室座位精细化管控,支持查看座位所属自习室、编号、坐标(排 / 列)、状态(可用 / 已预约 / 使用中 / 维护),可修改座位坐标和状态,也可删除无效座位,保障自习室座位布局准确。
公告管理:支持发布新公告(自定义标题、内容、发布者、发布时间,可上传配图),也可修改 / 删除已有公告,满足系统通知、自习室规则等信息的精准触达。
预约审核:核心管理学生的座位预约请求(代码未完全展示),管理员可查看预约列表并完成审核操作,管控自习室座位的预约秩序。
独立负责自习室管理系统全量后台管理端开发,涵盖用户、自习室、座位、公告、预约审核等模块的页面开发、交互逻辑实现,完成后台接口联调、权限管控及数据可视化功能落地,优化后台操作体验与数据校验逻辑。
基于 Vue2 + Element UI + Java + Spring Boot + MySQL 完成自习室 Web 管理系统开发,采用前后端分离架构,前端通过 Vue Router 实现路由权限拦截、Axios 封装请求逻辑,后端依托 Spring Boot 快速搭建接口服务;实现上的亮点为完成座位预约时间冲突校验、表单精细化校验,难点是解决了不同设备响应式适配及登录状态安全管控问题。




评论