# wwl_ops

**Repository Path**: wangwuli/wwl_ops

## Basic Information

- **Project Name**: wwl_ops
- **Description**: 用AI来一个新哒运维平台吧
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-19
- **Last Updated**: 2026-01-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 用户登录系统

基于 React + Python Flask 的用户登录系统，使用 JWT token 进行身份验证。

## 项目结构

```
├── frontend/          # React 前端
│   ├── public/
│   ├── src/
│   │   ├── components/
│   │   │   ├── Login.js
│   │   │   ├── Dashboard.js
│   │   └── App.js
│   └── package.json
│
└── backend/           # Python Flask 后端
    ├── app.py
    └── requirements.txt
```

## 功能特性

- ✅ 用户名密码登录
- ✅ JWT Token 身份验证
- ✅ 导航栏页面切换
- ✅ 自动登录状态保持
- ✅ 退出登录功能
- ✅ 用户管理系统
- ✅ 用户组和权限管理
- ✅ 网站设置管理
- ✅ 安全策略配置
- ✅ 个人资料和头像上传
- ✅ Admin自动权限系统

## 安装和运行

### 后端 (Python Flask)

```bash
cd backend
pip install -r requirements.txt
python app.py
```

后端将运行在 http://localhost:5000

### 前端 (React)

```bash
cd frontend
npm install
npm start
```

前端将运行在 http://localhost:3000

## 测试账号

- 用户名: `admin` 密码: `admin123`
- 用户名: `user` 密码: `user123`

## 权限系统

### Admin自动权限
- **admin用户**自动拥有所有权限，无需手动配置
- 当系统添加新权限时，admin用户自动获得访问权限
- 前端和后端都会自动识别admin用户并给予完整权限

### 用户组权限
- 普通用户通过用户组获得权限
- 可以创建自定义用户组并分配特定权限
- 支持细粒度的菜单和功能权限控制

### 权限类别
- **navigation**: 导航菜单权限 (dashboard, servers, tools, settings)
- **admin**: 管理功能权限 (users, security, groups)

## 技术栈

**前端:**
- React 18 + TypeScript
- React Router v6
- Axios
- CSS3

**后端:**
- Python Flask
- Flask-CORS
- PyJWT
- TinyDB (文件数据库)
- Cryptography (数据加密)