Générateur de vue Django

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.

Source: https://habr.com/ru/post/fr479654/


All Articles