WebsiteGuide 开源项目教程

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

WebsiteGuide 项目的目录结构如下：

WebsiteGuide/
├── websiteapp/
│   ├── __init__.py
│   ├── settings.py
│   ├── urls.py
│   ├── wsgi.py
│   └── ...
├── websitefronted/
│   ├── src/
│   ├── public/
│   ├── package.json
│   └── ...
├── gitattributes
├── gitignore
├── LICENSE
├── README.md
├── manage.py
└── requirements.txt

目录介绍

• websiteapp/: Django 应用目录，包含项目的核心逻辑和配置文件。
  • __init__.py: 初始化文件。
  • settings.py: Django 项目的主要配置文件。
  • urls.py: URL 路由配置文件。
  • wsgi.py: WSGI 服务器配置文件。
• websitefronted/: Vue.js 前端应用目录，包含前端代码和配置文件。
  • src/: 前端源代码目录。
  • public/: 公共资源目录。
  • package.json: 前端项目的依赖和脚本配置文件。
• gitattributes: Git 属性配置文件。
• gitignore: Git 忽略配置文件。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• manage.py: Django 管理脚本。
• requirements.txt: Python 依赖包列表。

2. 项目的启动文件介绍

Django 启动文件

• manage.py: Django 项目的管理脚本，用于启动开发服务器、运行迁移等操作。

python manage.py runserver

Vue.js 启动文件

• package.json: 包含启动前端应用的脚本。

npm run serve

3. 项目的配置文件介绍

Django 配置文件

• settings.py: 包含 Django 项目的所有配置，如数据库配置、静态文件配置、中间件配置等。

# settings.py 部分配置示例
DEBUG = True
ALLOWED_HOSTS = ['*']
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}

Vue.js 配置文件

• vue.config.js: Vue.js 项目的配置文件，用于配置开发服务器、构建选项等。

// vue.config.js 示例
module.exports = {
  devServer: {
    proxy: 'http://localhost:8000'
  }
}

通过以上介绍，您可以更好地理解和使用 WebsiteGuide 开源项目。希望这份教程对您有所帮助！