Comment se faire des amis un projet sur cadre repos avec vue? Vous pouvez crĂ©er un projet vue dans le rĂ©pertoire avec le projet django en utilisant vue-cli. En y accĂ©dant et en tapant build yarn, Ă la sortie, nous obtenons des fichiers index.html dans le rĂ©pertoire dist et les rĂ©pertoires css et js. Oui, css et js peuvent ĂȘtre mis en statique et crĂ©er un modĂšle Ă partir de index.html.
En ajoutant les sous-répertoires static / frontend et templates / frontend et les fichiers __init__.py et urls.py au répertoire avec le front (disons que nous l'avons appelé frontend), nous pouvons ajouter frontend à INSTALLED_APPS. Dans urls.py, quelque chose comme
path('', TemplateView.as_view(template_name='frontend/index.html'), name='frontend-index'),
suffit
path('', TemplateView.as_view(template_name='frontend/index.html'), name='frontend-index'),
Pour que les fichiers arrivent lĂ oĂč ils devaient ĂȘtre assemblĂ©s, nous corrigeons la construction dans package.json en
"vue-cli-service build && (rm -rf static/frontend/ 2>/dev/null || true) && sed 's/=\\//=\\/static\\/frontend\\//g' dist/index.html > templates/frontend/index.html && mv dist static/frontend"
"vue-cli-service build && (rm -rf static/frontend/ 2>/dev/null || true) && sed 's/=\\//=\\/static\\/frontend\\//g' dist/index.html > templates/frontend/index.html && mv dist static/frontend"
En mĂȘme temps, nous fixons les chemins avec sed.
Pour tout automatiser, j'ai fait
django_vue_generator . Il ajoute les commandes de gestion start_frontend et build_frontend. Mais ce nâest pas tout! Il gĂ©nĂšre automatiquement des formulaires avec validation sur le client Ă partir de vos sĂ©rialiseurs. Et il crĂ©e des composants avec des formulaires pour le projet drf de vue. Et les composants de la liste sont les mĂȘmes pour eux. Avec pagination et filtration.


La vue de liste peut ĂȘtre redĂ©finie Ă l'aide des emplacements.
Inclus est un projet de démonstration avec le fichier run.sh, qui devrait collecter tout ce dont vous avez besoin.