凌云用户中心项目介绍
📖 项目简介
凌云用户中心是一个 企业级的用户管理系统，就像您在使用各种网站和 APP 时看到的登录、注册、个人资料管理功能一样。这个系统可以帮助个人开发者或团队快速搭建一套完整的用户管理解决方案。
提示
本项目是我在学习 鱼皮的编程导航 用户中心系统课程后的实践成果。通过这个项目，我系统地掌握了从需求分析、技术选型到开发部署的完整流程。如果你也想通过实战项目提升编程能力，和其他编程爱好者一起交流进步，非常推荐加入： 👉 点击加入编程导航，一起学习成长
项目特色
- 📚 学习友好：这是一个完整的实战项目，从需求分析、技术选型到最终上线，每个环节都有详细记录
- 🎯 双版本实现：同时提供 React 和 Vue 两套前端方案，您可以根据自己的技术栈选择学习
- ⚡ 技术先进：采用最新稳定版本的主流技术框架，确保系统的现代化和可维护性
- 🏢 企业标准：遵循企业级开发规范，代码质量达到生产环境标准
- 🎓 知识积累：项目专注于核心功能，让您把精力集中在学习和实践上
✨ 功能介绍
用户端功能
| 功能 | 描述 |
|---|---|
| 👤 用户注册 | 通过用户名和密码创建账号，系统会检查密码强度确保安全 |
| 🔐 用户登录 | 输入账号密码登录，登录后可以自动保持登录状态 |
| 📝 个人资料 | 查看和编辑个人信息，包括昵称、头像、邮箱、手机号等 |
| 🖼️ 头像上传 | 支持上传个性化头像，让您的账号更有辨识度 |
| 🔒 账户安全 | 修改登录密码，密码使用高强度加密算法保护 |
| 👋 退出登录 | 安全退出当前登录状态 |
管理端功能
| 功能 | 描述 |
|---|---|
| 👨💼 用户管理 | 管理员可以查看所有用户，支持搜索、分页浏览 |
| ➕ 添加用户 | 管理员可以手动添加新用户 |
| ✏️ 编辑用户 | 修改用户信息，如角色、状态等 |
| 🗑️ 删除用户 | 删除不再需要的用户账号 |
| 🚫 账户封禁 | 封禁违规用户，防止其继续使用系统 |
| ✅ 解除封禁 | 解除对用户的封禁，恢复正常使用 |
| 🎭 权限控制 | 精细化的权限管理，确保只有授权人员能访问敏感功能 |
🏗️ 技术架构
系统架构说明
凌云用户中心采用 前后端分离 的架构模式：
- 前端：负责用户界面展示和交互，提供美观友好的操作体验
- 后端：负责业务逻辑处理和数据存储，确保系统安全稳定
- 数据库：存储用户信息和系统数据
后端技术栈
| 技术 | 版本 | 说明 |
|---|---|---|
| Spring Boot | 3.5.6 | 核心框架，提供自动配置和快速开发能力 |
| MyBatis-Plus | 3.5.14 | ORM 框架，简化数据库操作 |
| MySQL | 8.0+ | 关系型数据库 |
| Knife4j | 4.5.0 | API 文档增强工具，提供在线调试 |
| Hutool | 5.8.41 | Java 工具库，简化开发 |
| Lombok | 1.18.40 | 减少样板代码 |
核心特性：
- ✅ 会话认证机制：基于 HttpSession 的轻量级认证，无需额外 Token 管理
- ✅ AOP 权限控制：通过注解实现优雅的权限校验
- ✅ RESTful API 设计：统一的响应格式和错误处理
- ✅ 在线 API 文档：Knife4j 提供美观的接口文档和在线测试
前端技术栈
React 版本
| 技术 | 版本 | 说明 |
|---|---|---|
| React | 18.2 | 声明式 UI 框架 |
| Umi Max | 4.x | 企业级前端应用框架 |
| Ant Design | 5.x | 企业级 UI 组件库 |
| Umi Request | - | 网络请求库 |
Vue 版本
| 技术 | 版本 | 说明 |
|---|---|---|
| Vue | 3.5 | 渐进式前端框架 |
| Vite | - | 下一代前端构建工具 |
| Pinia | 3.0.3 | Vue 官方状态管理库 |
| Ant Design Vue | 4.2.6 | Vue 版 UI 组件库 |
| Axios | 1.13.1 | HTTP 请求库 |
前端特色：
- 🎯 双技术栈支持：React 和 Vue 两套完整实现，便于学习和对比
- 🎨 统一 UI 风格：都采用 Ant Design UI 组件库，界面美观一致
- 🚀 现代化构建：React 使用 Umi，Vue 使用 Vite，开发体验极佳
- 📦 状态管理：React 使用 Umi Model，Vue 使用 Pinia
🔐 安全特性
密码安全
- 注册时检查密码强度，确保密码足够复杂
- 使用 BCrypt 算法加密存储，即使数据库泄露也无法还原原始密码
- 支持随时修改密码，保护账户安全
权限控制
- 角色区分：系统分为普通用户和管理员两种角色
- 权限隔离：普通用户只能管理自己的信息，管理员才能管理所有用户
- 接口保护：敏感操作需要验证身份和权限，防止越权访问
会话管理
- 登录后自动维持登录状态，无需频繁输入密码
- 支持"记住我"功能，提升使用便利性
- 安全退出机制，及时清理会话信息
🎓 适用人群
学习者
- 前端开发者：学习 React 或 Vue 的企业级项目开发
- 后端开发者：学习 Spring Boot 全栈开发
- 全栈开发者：了解前后端分离架构的完整实现
使用者
- 个人开发者：快速搭建自己的用户管理系统
- 小型团队：作为项目的用户中心模块
- 学习平台：作为教学案例或实训项目