La separación de django + vue front y back end definitivamente puede ver esto

Hoy es un día gratificante. Recientemente, descubrí que los recursos en línea no estaban lo suficientemente detallados en los proyectos de front-end y back-end. Resumí una referencia para aquellos que necesitan comenzar rápidamente. Comencemos a servir.

Descarga de código

Portal de código

Instalación de recursos

1. Python 3.6 3.6 o superior
2. La última versión de django: pip install django instalación de verificación: python -m django --version
3. Node.js2.0 o superior: descarga del sitio web oficial: Portal de verificación de instalación: nodo -v
4. ElementUI: Los pasos de instalación de element-ui de Npm install
son muchas demostraciones en línea sin ocupar recursos.
Se recomienda que el entorno virtual no afecte al local:

1、python3 -m venv venv  ; cd bin; source activate
2、安装django: pip install Django
3、安装node.js  :Node.js 官方网站下载:[传送门](https://nodejs.org/en/)
4、利用npm安装vue相关
npm install -g cnpm --registry=https://registry.npm.taobao.org

Introducción al catálogo

Como se muestra en la figura:
FinTesterApp: proyecto de
back-end
FinTesterWeb: proyecto de front-end quality_management_logic: capa de control, la lógica de back-end se coloca aquí
main: path
manage: django viene con

npm ejecutar dev

correr

1. python.exe manage.py runserver 10.94.20.103:8000 (cambie la IP local usted mismo)
2. Cargue el recurso primero en FinTesterWeb: nmp install; luego comience: npm run dev
Inserte la descripción de la imagen aquí

una breve introducción

1. El back-end define la ruta de la interfaz y configúrela aquí:
Inserte la descripción de la imagen aquí
2. Escritura de la interfaz lógica del back-end:
recuerde que la interfaz tiene el mismo nombre
Inserte la descripción de la imagen aquí
3. Configuración de enrutamiento del front-end
Inserte la descripción de la imagen aquí
4. Escritura de página
Inserte la descripción de la imagen aquí
Introducción del código: Portal
5. Configuración de IP
Esto se cambia a IP local
Inserte la descripción de la imagen aquí

Edición en línea,
vista de casos de uso , informe de prueba,
separación de front-end y back-end

Supongo que te gusta

Origin blog.csdn.net/kairui_guxiaobai/article/details/108388770
Recomendado
Clasificación