Bagaimana membuat teman proyek dengan kerangka istirahat dengan vue? Anda dapat membuat proyek vue di direktori dengan proyek Django menggunakan vue-cli. Pergi ke sana dan mengetik membangun benang, saat keluar kita dapatkan di file direktori index.html dan direktori css dan js. Ya, css dan js dapat dimasukkan ke dalam statis, dan membuat templat dari index.html
Dengan menambahkan subdirektori static / frontend dan templates / frontend serta file __init__.py dan urls.py ke direktori dengan front (misalnya, kami menyebutnya frontend), kami dapat menambahkan frontend ke INSTALLED_APPS. Di urls.py, sesuatu seperti
path('', TemplateView.as_view(template_name='frontend/index.html'), name='frontend-index'), cukup
path('', TemplateView.as_view(template_name='frontend/index.html'), name='frontend-index'),Agar file sampai ke tempat mereka perlu dirakit, kami memperbaiki build in package.json ke
"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"
Pada saat yang sama, kami memperbaiki jalur dengan sed.
Untuk mengotomatisasi semuanya, saya melakukan
django_vue_generator . Itu menambahkan perintah manajemen start_frontend dan build_frontend. Tapi itu belum semuanya! Secara otomatis menghasilkan formulir dengan validasi pada klien dari serializers Anda. Dan dia menciptakan komponen dengan bentuk untuk proyek dret viewset. Dan komponen daftar adalah sama untuk mereka. Dengan pagination dan filtrasi.
Tampilan daftar dapat didefinisikan ulang menggunakan slot.
Termasuk adalah proyek demo dengan file run.sh, yang akan mengumpulkan semua yang Anda butuhkan.