1. Introducción del proyecto:

1.1 Dirección del proyecto

Dirección de fondo:

GitHub - 18713341733/test_platform_service: django vue implementa la plataforma de automatización de interfaz

Dirección de entrada:

GitHub - 18713341733/test_platform_front: Django vue implementa la plataforma de automatización de interfaz

1.2 Introducción al proyecto

1.2.1 Preparación del entorno

Python >= 3.8.0 (se recomienda la versión 3.9+)
nodejs >= 14.0 (se recomienda la última versión) o 16, nunca use 18 (se informará el error)
Mysql >= 5.7.0 (opcional, base de datos predeterminada sqlite3, versión 8.0 se recomienda) Operación e implementación del proyecto
Redis (opcional, última versión) | Django-Vue-Admin

1.2.2 Introducción a django-vue-admin (solo para entender, no es importante)

La plataforma de automatización de la interfaz está escrita en base al proyecto de código abierto Django-vue-admin.

Dirección Django-vue-admin:

django-vue-admin: un conjunto completo de plataforma de desarrollo básica basada en el control de autoridad del modelo RBAC, el front-end y el back-end están separados, el back-end adopta django+django-rest-framework y el front-end adopta vue+ElementUI.

2. Proyecto front-end test_platform_front

2.1 Inicio del proyecto

1. Clonar el proyecto

git clone https://github.com/18713341733/test_platform_front.git

2. Ingrese al proyecto test_platform_front

cd test_platform_front

3. Dependencias de instalación

método uno:

npm install

Método 2:

npm install --registry=https://registry.npm.taobao.org

Método 3:

Instale cnpm primero

npm install -g cnpm --registry=https://registry.npm.taobao.org

Luego use cnpm para instalar dependencias

sudo cnpm install --registry=https://registry.npm.taobao.org

4. Iniciar el servicio

npm run dev

5. Acceso al navegador

http://localhost:8080

Cuenta inicial: superadmin Contraseña: admin123456

Dirección del documento de la interfaz de back-end: http://127.0.0.1:8000/swagger

3. Proyecto back-end test_platform_service

3.1 Inicio del proyecto

1. Clonar el proyecto

git clone https://github.com/18713341733/test_platform_service.git

2. Ingrese al proyecto test_platform_service

cd test_platform_service

3. Dependencias de instalación

pip install -r requirements.txt

4. Configurar mysql

En conf/env.py, configure la información de conexión mysql

3、在 env.py 中配置数据库信息 

# 使用mysql时，改为此配置
DATABASE_ENGINE = "django.db.backends.mysql"
DATABASE_NAME = 'backend' # mysql 时使用
 
# 数据库地址 改为自己数据库地址
DATABASE_HOST = "127.0.0.1"
# # 数据库端口
DATABASE_PORT = 3306
# # 数据库用户名
DATABASE_USER = "root"
# # 数据库密码
DATABASE_PASSWORD = "123456"

5. Crea una base de datos mysql

Debe crear manualmente una base de datos llamada backend en mysql

1. Sugerencia de versión de la base de datos mysql: 8.0 conjunto de caracteres de la base de datos mysql: utf8mb4
2. En mysql, cree una biblioteca llamada backend

CREATE DATABASE backend charset=utf8mb4;

6. Generar script de migración

python3 manage.py makemigrations

7. Ejecutar migración

python3 manage.py migrate

8. Ejecutar datos de inicialización

python3 manage.py init

9. Iniciar el proyecto

python3 manage.py runserver 127.0.0.1:8000

python3 manage.py runserver 0.0.0.0:8000

Cuenta inicial: superadmin Contraseña: admin123456

Dirección del documento de la interfaz de back-end: http://127.0.0.1:8000/swagger

Cuarta depuración conjunta de front-end y back-end

4.1 Modificar la dirección del servicio de back-end de monitoreo front-end

4.1.1 Iniciar el proyecto backend

python3 manage.py runserver 0.0.0.0:8000

Después de iniciar el proyecto, verifique la dirección IP del backend

4.1.2 Iniciar el proyecto front-end

1. Modificar la dirección de back-end del monitoreo del proyecto front-end

Cambie la dirección de escucha en dos archivos: .env.development y .env.test a la dirección de backend real

# 后端接口地址及端口(域名)
VUE_APP_API = "http://192.168.43.224:8000"

2. Inicie el proyecto:

npm run serve

http://192.168.43.224:8080/

Inicie sesión en la página de inicio

Cuenta inicial: superadmin Contraseña: admin123456

Manual de administración | Django-Vue-Admin

4.2 Configurar la barra de menú izquierda

4.2.1 Configuración del menú inicial del proyecto

En dvadmin/system/fixtures/init_menu.json, configure el menú inicial.

 {
                "name": "部门管理",
                "icon": "bank",
                "sort": 3,
                "is_link": false,
                "is_catalog": false,
                "web_path": "/dept",
                "component": "system/dept/index",
                "component_name": "dept",
                "status": true,
                "cache": false,
                "visible": true,
                "parent": 277,
                "children": [],
                "menu_button": [

is_link: Si no es una conexión externa, complete falso

is_catalog: si es un catálogo

web_path: La dirección uri de la página actual.

"componente": "sistema/depto/índice" La dirección del componente front-end

nombre_componente: nombre del componente front-end