【亲测免费】 开源项目 freegpt-webui 使用教程

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

freegpt-webui/
├── client/
│   ├── index.html
│   ├── styles.css
│   └── scripts.js
├── server/
│   ├── main.py
│   ├── config.py
│   └── utils.py
├── .gitignore
├── README.md
└── requirements.txt

• client/: 前端文件夹，包含HTML、CSS和JavaScript文件。
  • index.html: 主页面文件。
  • styles.css: 样式文件。
  • scripts.js: 脚本文件。
• server/: 后端文件夹，包含Python文件。
  • main.py: 主启动文件。
  • config.py: 配置文件。
  • utils.py: 工具函数文件。
• .gitignore: Git忽略文件。
• README.md: 项目说明文件。
• requirements.txt: 项目依赖文件。

2. 项目的启动文件介绍

main.py

main.py 是项目的启动文件，负责启动后端服务。以下是其主要内容：

from flask import Flask, render_template
import config

app = Flask(__name__)
app.config.from_object(config)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

• 导入Flask和配置文件。
• 创建Flask应用实例。
• 定义路由和视图函数。
• 启动Flask应用。

3. 项目的配置文件介绍

config.py

config.py 是项目的配置文件，包含各种配置参数。以下是其主要内容：

class Config:
    DEBUG = True
    SECRET_KEY = 'your_secret_key'
    DATABASE_URI = 'sqlite:///database.db'

class ProductionConfig(Config):
    DEBUG = False
    DATABASE_URI = 'mysql://user@localhost/db'

class DevelopmentConfig(Config):
    DEBUG = True
    DATABASE_URI = 'sqlite:///dev_database.db'

• 定义基础配置类 Config。
• 定义生产环境配置类 ProductionConfig。
• 定义开发环境配置类 DevelopmentConfig。

通过这些配置类，可以根据不同的环境设置不同的参数。