Mini Wallet Bagian 2 - Django Templates Base HTML

Jika di tutorial sebelumnya kita telah belajar tentang Django Template dan Static File, di tutorial ini kita akan belajar lebih mendalam lagi tentang Django Template Base HTML.

Di bagian ini kita akan belajar bagaimana caranya melakukan slicing pada code template html. Di tutorial ini contoh template yang akan kita gunakan adalah free template dari bootstrap 5 : https://getbootstrap.com/docs/5.0/examples/dashboard/

Pada prinsipnya satu template halaman web terdiri dari 3 bagian utama : Header, Body dan Footer

1. Header, biasaya berisi bagian code html terkait dengan meta, title, dan kode css .


2. Body, berisi bagian code HTML yang paling utama, di sinilah tempat Anda mengatur tata letak halaman web dan juga konten-konten utama lainya.


3. Footer, biasanya berisi bagian kode html terkait dengan penyisipan kode-kode javascript.

Base HTML di django framework memiliki perananan penting sebagai pengatur tata letak tiap bagian halaman seperti: menu, sidebar, content dan lain sebagainya

Jika Anda telah mendownload sample template diatas, maka kita akan menjumpai halaman dashboard yang terdiri dari berbagai feature.

Untuk lebih memahami bagaimana cara membuat BASE HTML di django, yuks ikuti video tutorial berikut ini:

Github : https://github.com/halovina/e-wallet/tree/django-base-html

Baca artikel lainya:

1. Mini Wallet Bagian 1 - Django Template dan Static File


2. Tutorial bassic Mysql bagian 1 - Create Read Update Delete


3. Tutorial bassic Mysql bagian 2 - Inner, Left, Right, Cross Join


4. Tutorial bassic Mysql bagian 3 - Filtering Data


5. Tutorial bassic Mysql bagian 4 - Grouping Data 


6. Tutorial bassic Mysql bagian 5 - Operator dan Clausa


7. Tutorial bassic Mysql bagian 6 - Replace Statement


8. Tutorial bassic Mysql bagian 7 - Constraint Data


9. Tutorial bassic Mysql bagian 8 - Mengubah Struktur tabel


10. Tutorial bassic Mysql bagian 9 - Subquery


11. Tutorial bassic Mysql bagian 10 - Virtual Tabel


12. Tutorial bassic Mysql bagian 11 - Control Flow Function


13. Membuat service OTP bagian 1 - OTP dan PIN


14. Membuat service OTP bagian 2 - Sequence Diagram


15. Membuat service OTP bagian 3 - Model dan Serializer


16. Membuat  service OTP bagian 4 - Validate OTP


17. Membuat  service OTP bagian 5 - Api Client Service


18. Membuat service user login bagian 1 - Konfigurasi Database


19. Membuat service user login bagian 2 - Serializer dan JWT


20. Membuat CRUD service product bagian 1 - Models Product


21. Membuat CRUD service product bagian 2 - Function Serializer


22. Membuat CRUD service product bagian 3 - Api Client Service


23. Membaut CRUD service product bagian 4 - Auth User


24. Membuat CRUD service product bagian 5 - TDR File Log


25. Membuat CRUD service product bagian 6 - Unit Test


26. Membuat service user register bagian 1 - Django


27. Membuat Service user register bagian 2 - Django


28. Membuat service filter dan download file CSV di django


29. Django upload file menggunakan FileSystemStorage