Bina aplikasi perkongsian foto dengan Django

Tutorial ini membimbing anda melalui membina aplikasi web perkongsian foto penuh menggunakan Django dan Bootstrap. Aplikasi ini mempunyai operasi CRUD, pengesahan pengguna, dan antara muka bergaya yang bersih dan bootstrap. Semua kod sumber boleh didapati di GitHub.

Prasyarat: Python asas, pengaturcaraan berorientasikan objek (OOP) dalam Python, dan kebiasaan dengan rangka kerja Django disyorkan, tetapi tidak diperlukan dengan ketat. Tutorial menyediakan arahan langkah demi langkah. Dokumentasi Django adalah sumber utama anda.

Ciri -ciri Aplikasi:

• Fungsi CRUD: Buat, baca, kemas kini, dan padamkan foto.
• Pengurusan Pengguna: Akaun Pengguna untuk memuat naik foto, melihat, mengedit, dan menghapuskan foto mereka sendiri .
• Styling Bootstrap: Antara muka mesra pengguna yang dibina dengan bootstrap.

Stack Teknologi:

• back-end: django, django-taggit (untuk penandaan), bantal (untuk manipulasi imej), dan bentuk django-crispy (untuk gaya bootstrap).
front-end:
• bahasa template django dan bootstrap 5.

Persediaan Projek:

Pastikan python 3.6 dipasang.
1. Gunakan untuk memeriksa. python3 --version
Buat persekitaran maya:
2. (atau jika python3 -m venv .venv tidak tersedia). Aktifkannya menggunakan arahan yang sesuai untuk OS anda (lihat tutorial asal untuk arahan khusus platform). virtualenv .venv venv
Pasang django:
3. pip3 install django
Mulakan projek Django:
4. django-admin startproject config
Mulakan aplikasi perkongsian foto:
5. python manage.py startapp photoapp
Tambahkan aplikasi ke
6. dalam : INSTALLED_APPS termasuk config/settings.py dan dalam senarai 'photoapp'. Tetapkan 'taggit'. INSTALLED_APPS TAGGIT_CASE_INSENSITIVE = True
create
7. dan masukkannya dalam : photoapp/urls.py Gunakan config/urls.py. django.urls.include
Jalankan pelayan:
8. python manage.py runserver

Model pangkalan data (

): photoapp/models.py Model

mentakrifkan bidang untuk tajuk, penerangan, penciptaan cap waktu, imej, pengirim (kunci asing kepada model pengguna Django), dan tag (menggunakan

). Photo taggit.managers.TaggableManager

Migrasi dan Konfigurasi Fail Media:

1. Buat Migrasi: python manage.py makemigrations
2. Memohon Migrasi: python manage.py migrate
Konfigurasi fail media dalam
3. : set config/settings.py dan . MEDIA_URL MEDIA_ROOT
Konfigurasi corak URL dalam
4. untuk melayani media: Gunakan config/urls.py. static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

persediaan admin django:

Daftar model

dalam

dan buat superuser untuk menguruskan foto melalui antara muka admin. Photo photoapp/admin.py

paparan (

): photoapp/views.py Tutorial menggunakan pandangan generik Django (ListView, DetailView, CreateView, UpdateView, DeleteView) dan Mixins (LoginRequiredMixin, UserPasseStMixin) untuk mengendalikan penyenaraian foto, butiran, penciptaan, pengemaskinian, dan penghapusan. Custom Mixins Pastikan hanya pengirim boleh mengedit atau memadam foto mereka.

corak url ():

Tentukan corak URL untuk menyenaraikan foto, melihat butiran, membuat, mengemas kini, dan memadam foto, dan penandaan. photoapp/urls.py

Sistem Pengesahan:

Apl berasingan dicipta untuk pendaftaran pengguna dan log masuk, memanfaatkan sistem pengesahan terbina dalam Django. Pandangan tersuai dibuat untuk pendaftaran dan log masuk, menggunakan Django's dan

. The

, users, dan UserCreationForm dikonfigurasi dalam LoginView. LOGIN_URL LOGIN_REDIRECT_URL LOGOUT_REDIRECT_URL templat depan-end: config/settings.py

Bootstrap 5 digunakan untuk gaya. Templat dicipta untuk penyenaraian foto (, ), butiran (

), penciptaan (

), mengemaskini (list.html), dan penghapusan (taglist.html). Warisan templat Django digunakan untuk penggunaan semula kod. detail.html memudahkan rendering bentuk. create.html update.html delete.html Soalan Lazim (Soalan Lazim): django-crispy-forms

Tutorial disimpulkan dengan seksyen FAQ yang komprehensif yang menangani penyesuaian, perkongsian, sokongan video, pemasangan, pengoptimuman prestasi, penggunaan mudah alih, perkongsian sosial, keselamatan, integrasi e-dagang, dan menyumbang kepada projek. Respons yang ditulis semula ini mengekalkan maklumat teras sambil meningkatkan kejelasan dan aliran, menjadikannya lebih mudah untuk mengikuti langkah -langkah tutorial. Ingatlah untuk berunding dengan repositori GitHub asal untuk kod sumber lengkap.

Atas ialah kandungan terperinci Bina aplikasi perkongsian foto dengan Django. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!