WatchAD-Web 项目使用教程

1. 项目的目录结构及介绍

WatchAD-Web 项目的目录结构如下：

WatchAD-Web/
├── frontend/
│   ├── images/
│   └── ...
├── server/
│   └── ...
├── LICENSE
├── README.md
├── docker-compose.yml
└── ...

• frontend/: 前端代码目录，包含 Vue + View-Design 的相关文件。
• server/: 后端代码目录，包含 Flask 的相关文件。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• docker-compose.yml: Docker 配置文件，用于构建和启动项目。

2. 项目的启动文件介绍

项目的启动文件主要位于 server/ 目录下，具体包括：

• server/app.py: Flask 应用的入口文件，负责启动后端服务。
• frontend/src/main.js: Vue 应用的入口文件，负责启动前端服务。

3. 项目的配置文件介绍

项目的配置文件主要包括：

• docker-compose.yml: Docker 配置文件，定义了如何构建和启动项目。
• server/config/database_config.py: 数据库配置文件，需要与 WatchAD 的数据库配置一致。

docker-compose.yml

version: '3'
services:
  web:
    build: .
    ports:
      - "5000:5000"
    volumes:
      - .:/code
    depends_on:
      - db
  db:
    image: mysql:5.7
    environment:
      MYSQL_ROOT_PASSWORD: example

server/config/database_config.py

DATABASE = {
    'host': 'localhost',
    'user': 'root',
    'password': 'example',
    'database': 'watchad'
}

以上是 WatchAD-Web 项目的基本使用教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望对您有所帮助！