1. Projekteinführung:

1.1 Projektadresse

Backend-Adresse:

GitHub – 18713341733/test_platform_service: Django Vue implementiert eine Schnittstellenautomatisierungsplattform

Front-End-Adresse:

GitHub – 18713341733/test_platform_front: Django vue implementiert eine Schnittstellenautomatisierungsplattform

1.2 Projekteinführung

1.2.1 Umgebungsvorbereitung

Python >= 3.8.0 (empfohlene Version 3.9+)
nodejs >= 14.0 (empfohlene neueste Version) oder 16, niemals 18 verwenden (Fehler wird gemeldet)
MySQL >= 5.7.0 (optional, Standarddatenbank sqlite3, empfohlene Version 8.0)
Redis (optional, neueste Version)
Projektbetrieb und -bereitstellung | Django-Vue-Admin

1.2.2 Einführung in django-vue-admin (nur zum Verständnis, nicht wichtig)

Die Schnittstellenautomatisierungsplattform basiert auf dem Open-Source-Projekt Django-vue-admin.

Django-vue-admin-Adresse:

django-vue-admin: Ein vollständiger Satz grundlegender Entwicklungsplattformen, die auf der Autoritätssteuerung des RBAC-Modells basieren. Front- und Back-End sind getrennt, das Back-End übernimmt Django + Django-Rest-Framework und das Front-End übernimmt Vue + ElementUI.

2. Front-End-Projekt test_platform_front

2.1 Projektstart

1. Klonen Sie das Projekt

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

2. Geben Sie das test_platform_front-Projekt ein

cd test_platform_front

3. Installationsabhängigkeiten

Methode eins:

npm install

Methode 2:

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

Methode 3:

Installieren Sie zuerst cnpm

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

Verwenden Sie dann cnpm, um Abhängigkeiten zu installieren

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

4. Starten Sie den Dienst

npm run dev

5. Browserzugriff

http://localhost:8080

Erstkonto: superadmin Passwort: admin123456

Adresse des Backend-Schnittstellendokuments: http://127.0.0.1:8000/swagger

3. Backend-Projekt test_platform_service

3.1 Projektstart

1. Klonen Sie das Projekt

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

2. Geben Sie das test_platform_service-Projekt ein

cd test_platform_service

3. Installationsabhängigkeiten

pip install -r requirements.txt

4. Konfigurieren Sie MySQL

Konfigurieren Sie in conf/env.py die MySQL-Verbindungsinformationen

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. Erstellen Sie eine MySQL-Datenbank

Sie müssen manuell eine Datenbank mit dem Namen Backend in MySQL erstellen

1. Vorschlag für die MySQL-Datenbankversion: 8.0 MySQL-Datenbankzeichensatz: utf8mb4
2. Erstellen Sie in MySQL eine Bibliothek mit dem Namen Backend

CREATE DATABASE backend charset=utf8mb4;

6. Generieren Sie ein Migrationsskript

python3 manage.py makemigrations

7. Führen Sie die Migration aus

python3 manage.py migrate

8. Führen Sie die Initialisierungsdaten aus

python3 manage.py init

9. Starten Sie das Projekt

python3 manage.py runserver 127.0.0.1:8000

oder:

python3 manage.py runserver 0.0.0.0:8000

Erstkonto: superadmin Passwort: admin123456

Adresse des Backend-Schnittstellendokuments: http://127.0.0.1:8000/swagger

Viertens das gemeinsame Debuggen von Front-End und Back-End

4. 1 Ändern Sie die Adresse des Front-End-Überwachungs-Back-End-Dienstes

4.1.1 Starten Sie das Backend-Projekt

python3 manage.py runserver 0.0.0.0:8000

Überprüfen Sie nach dem Start des Projekts die IP-Adresse des Backends

4.1.2 Starten Sie das Frontend-Projekt

1. Ändern Sie die Back-End-Adresse der Front-End-Projektüberwachung

Ändern Sie die Abhöradresse in zwei Dateien: .env.development und .env.test in die echte Backend-Adresse

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

2. Starten Sie das Projekt:

npm run serve

http://192.168.43.224:8080/

Melden Sie sich auf der Frontend-Seite an

Erstkonto: superadmin Passwort: admin123456

Admin-Handbuch | Django-Vue-Admin

4.2 Konfigurieren Sie die linke Menüleiste

4.2.1 Projekt-Erstmenükonfiguration

Konfigurieren Sie in dvadmin/system/fixtures/init_menu.json das Startmenü.

 {
                "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: Wenn es sich nicht um eine externe Verbindung handelt, geben Sie „false“ ein

is_catalog: ob es sich um einen Katalog handelt

web_path: Die URI-Adresse der aktuellen Seite.

„component“: „system/dept/index“ Die Adresse der Front-End-Komponente

Komponentenname: Name der Front-End-Komponente