# web_structure

**Repository Path**: keny1985/web_structure

## Basic Information

- **Project Name**: web_structure
- **Description**: trae项目
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-24
- **Last Updated**: 2025-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue.js + Python Web 应用

这是一个使用 Vue.js 作为前端框架，Python Flask 作为后端服务的 Web 应用。包含登录界面、主界面、权限配置等功能。

## 项目结构
```
├── app.py
├── requirements.txt
└── src/
    ├── App.vue
    ├── components/
    │   ├── Dashboard.vue
    │   ├── Login.vue
    │   └── Permissions.vue
    └── router/
        └── index.js
```

## 环境准备
### 后端
```bash
pip install -r requirements.txt
```

### 前端
需要安装 Vue CLI，如果未安装，可以使用以下命令进行安装：
```bash
npm install -g @vue/cli
```

## 运行项目
### 后端
```bash
python app.py
```
后端服务将运行在 `http://localhost:5000`。

### 前端
在项目根目录下运行：
```bash
npm run serve
```
前端服务将运行在 `http://localhost:8080`。

## 功能说明
1. **登录界面**：用户可以输入用户名和密码进行登录。
2. **主界面**：包含标题栏、菜单列表、状态栏和左右显示区域。
3. **菜单列表**：权限、关于、主题切换、登出、业务，业务菜单有子菜单报单和撤单。