# openClaw **Repository Path**: every_days_admin/open-claw ## Basic Information - **Project Name**: openClaw - **Description**: openclaw专用 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-03-07 - **Last Updated**: 2026-03-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 用户管理系统 基于 Spring Boot + Vue 3 + MySQL 的用户管理系统,参考若依系统风格设计。 ## 项目特点 - 🚀 **前后端分离架构**:Spring Boot + Vue 3 + Element Plus - 🔐 **完善的安全机制**:JWT认证 + Spring Security权限控制 - 📊 **丰富的功能模块**:用户、角色、菜单、部门、字典、日志等 - 🎨 **优雅的界面设计**:参考若依系统风格,操作流畅 - 📱 **响应式布局**:支持PC端和移动端 - 🛠 **开发友好**:完善的API文档和开发规范 ## 技术栈 ### 后端技术 - **框架**:Spring Boot 2.7.18 - **安全框架**:Spring Security - **ORM框架**:MyBatis-Plus 3.5.3.2 - **数据库**:MySQL 8.0+ - **缓存**:Redis(可选) - **认证**:JWT - **构建工具**:Maven ### 前端技术 - **框架**:Vue 3 + Composition API - **UI框架**:Element Plus 2.3.8 - **路由**:Vue Router 4 - **状态管理**:Vuex 4 - **HTTP客户端**:Axios - **图表**:ECharts 5 - **构建工具**:Vue CLI ## 功能模块 ### 1. 用户管理 - 用户列表查看 - 用户新增、编辑、删除 - 用户状态管理(启用/禁用) - 密码重置 - 用户搜索和筛选 ### 2. 角色管理 - 角色列表查看 - 角色新增、编辑、删除 - 角色权限分配 - 角色状态管理 ### 3. 菜单管理 - 菜单树形结构展示 - 菜单新增、编辑、删除 - 菜单权限配置 - 菜单排序 ### 4. 部门管理 - 部门树形结构展示 - 部门新增、编辑、删除 - 部门人员管理 - 部门排序 ### 5. 字典管理 - 字典类型管理 - 字典数据管理 - 字典数据查询 - 字典缓存 ### 6. 系统监控 - 操作日志查看 - 系统访问统计 - 用户活跃度统计 ### 7. 权限控制 - 基于角色的访问控制(RBAC) - 菜单权限控制 - 按钮权限控制 - 数据权限控制 ## 快速开始 ### 1. 环境准备 #### 后端环境 - JDK 11+ - MySQL 8.0+ - Maven 3.6+ - Redis 6.0+(可选) #### 前端环境 - Node.js 16+ - npm 8+ ### 2. 数据库配置 1. 创建数据库: ```sql CREATE DATABASE user_management DEFAULT CHARSET utf8mb4 COLLATE utf8mb4_general_ci; ``` 2. 执行初始化SQL: ```bash mysql -u root -p user_management < database/schema.sql ``` ### 3. 后端启动 1. 进入后端目录: ```bash cd backend ``` 2. 修改数据库配置: 编辑 `src/main/resources/application.yml`,修改数据库连接信息。 3. 启动应用: ```bash mvn spring-boot:run ``` ### 4. 前端启动 1. 进入前端目录: ```bash cd frontend ``` 2. 安装依赖: ```bash npm install ``` 3. 启动开发服务器: ```bash npm run dev ``` 4. 构建生产版本: ```bash npm run build ``` ## 访问地址 - 前端地址:http://localhost:3000 - 后端地址:http://localhost:8080 - API文档:http://localhost:8080/swagger-ui.html ## 默认账号 - 用户名:admin - 密码:123456 ## 项目结构 ``` user-management-system/ ├── backend/ # 后端项目 │ ├── src/ │ │ ├── main/java/com/example/usermanagement/ │ │ │ ├── config/ # 配置文件 │ │ │ ├── controller/ # 控制器层 │ │ │ ├── entity/ # 实体类 │ │ │ ├── mapper/ # 数据访问层 │ │ │ ├── service/ # 服务层 │ │ │ ├── utils/ # 工具类 │ │ │ └── common/ # 通用类 │ │ └── resources/ # 资源文件 │ │ ├── application.yml │ │ └── mapper/ # XML映射文件 │ └── pom.xml ├── frontend/ # 前端项目 │ ├── src/ │ │ ├── api/ # API接口 │ │ ├── assets/ # 静态资源 │ │ ├── components/ # 公共组件 │ │ ├── router/ # 路由配置 │ │ ├── store/ # 状态管理 │ │ ├── styles/ # 样式文件 │ │ ├── views/ # 页面组件 │ │ └── utils/ # 工具函数 │ ├── public/ # 公共文件 │ └── package.json ├── database/ # 数据库文件 │ └── schema.sql # 数据库初始化脚本 └── README.md # 项目说明文档 ``` ## 部署说明 ### 后端部署 1. 打包: ```bash cd backend mvn clean package ``` 2. 运行: ```bash java -jar target/user-management-1.0.0.jar ``` ### 前端部署 1. 构建: ```bash cd frontend npm run build ``` 2. 部署dist目录到Nginx或Web服务器。 ### Docker部署(可选) ```bash # 构建镜像 docker build -t user-management . # 运行容器 docker run -d -p 8080:8080 user-management ``` ## 开发规范 ### 后端规范 1. **命名规范** - 包名:小写,使用域名的反写 - 类名:大驼峰命名法 - 方法名:小驼峰命名法 - 常量名:全大写,下划线分隔 2. **代码规范** - 使用Lombok简化代码 - 统一使用MyBatis-Plus - 返回统一响应格式 - 添加必要的注释 ### 前端规范 1. **代码规范** - 使用Composition API - 组件名使用大驼峰命名 - 使用TypeScript - 添加必要的注释 2. **文件结构** - 按功能模块组织文件 - 公共组件放在components目录 - 页面组件放在views目录 ## API文档 启动应用后,访问 http://localhost:8080/swagger-ui.html 查看API文档。 ## 注意事项 1. **安全配置** - 生产环境修改JWT密钥 - 使用HTTPS协议 - 限制访问频率 2. **数据库** - 定期备份数据 - 建立合适索引 - 优化查询语句 3. **性能优化** - 使用Redis缓存热点数据 - 启用数据库连接池 - 优化前端资源加载 ## 更新日志 ### v1.0.0 (2024-01-20) - 初始版本发布 - 完成基础用户管理功能 - 实现JWT认证和权限控制 - 完成前端界面开发 ## 贡献指南 1. Fork项目 2. 创建功能分支 3. 提交代码 4. 创建Pull Request ## 许可证 MIT License