menambahkan_data_ke_pws.md

Menambahkan Data ke Database PWS melalui Django Admin

Note

Hanya tentang menambahkan dan mengedit entri data ke database PostgreSQL yang digunakan pada deployment build di PWS tanpa menggunakan Python Shell.

Tentang Django templating engine: https://docs.djangoproject.com/en/6.1/topics/templates/

Credits

Mas "Bagas" Fossy (untuk langkah nomor 3)

• https://fossy.my.id
• https://github.com/fossyy

Prerequisite

• Tutorial 02 selesai, contoh: https://github.com/RedStone576/pbp-django/releases/tag/1.5.0
• Downgrade versi Django ke 5.0, di requirements.txt: django==5.0
• Enviroment variables di PWS sudah lengkap dan mengikuti contoh fields yang ada pada Tutorial 0 dan PRODUCTION=True

1. Pastikan path /admin sudah terdaftarkan pada URL project kamu.

# portofolio/urls.py
from django.contrib import admin # <-- import `admin`

urlpatterns = [
    path('admin/', admin.site.urls), # <-- this line here
    path("", include("main.urls")),
]

2. Daftarkan model data untuk page admin

# main/admin.py

from django.contrib import admin

from .models import Experience, Education, Project # model-model yang ingin didaftarkan

admin.site.register(Experience)
admin.site.register(Education)
admin.site.register(Project)

3. Pastikan URL kamu termasuk ke dalam trusted origins agar dapat membuka page /admin

# portofolio/settings.py

CSRF_TRUSTED_ORIGINS = [
    "https://user-name-myportofolio.pws.cs.ui.ac.id",
]

CSRF_COOKIE_SECURE    = True
SESSION_COOKIE_SECURE = True

4. Commit perubahan beserta migration files main/migrations

Contoh:

5. Dari terminal PWS, buat kredensial superuser

Jalankan command berikut di terminal PWS:

python3 manage.py createsuperuser

Setelah terdapat teks Superuser created successfully., coba kunjungi https://user-name-myportofolio.pws.cs.ui.ac.id/admin.

Akan ditemukan interface seperti ini:

Masukkan kredensial yang sudah dibuat.

Akan diarahkan ke sini:

Akan bisa langsung melakukan editing dari sini:

Ketika mengunjungi view yang me-render suatu template (/experience/ misalnya), data akan muncul: