Tutorial Membuat Website dengan Python Django

Django adalah framework web berbasis Python yang memungkinkan pengembang membuat aplikasi web dengan cepat dan efisien. Framework ini mengikuti pola Model-View-Template (MVT) dan sudah dilengkapi fitur seperti ORM, sistem autentikasi, serta keamanan bawaan.

Dalam tutorial ini, kita akan membuat website sederhana menggunakan Django, mulai dari instalasi hingga menjalankan proyek.

1. Instalasi Django

Sebelum memulai, pastikan Python sudah terinstal di komputer. Untuk mengeceknya buka CMD(Command Promt)/Terminal dan ketikan perintah berikut:

python --version

Jika belum ada Python, unduh dan instal dari python.org. Untuk cara install Python bisa di baca pada tutorial berikut ini Tutorial Python.

 

Instal Django

Gunakan pip untuk menginstal Django:

pip install django

Cek apakah Django sudah terinstal dengan perintah:

django-admin --version

 

 

2. Membuat Proyek Django

Setelah instalasi berhasil, buat proyek Django dengan perintah berikut :

django-admin startproject belajar_django

Gantilah belajar_django dengan nama proyek yang diinginkan. Setelah itu, masuk ke dalam folder proyek:

cd belajar_django

 

Jalankan server Django untuk memastikan proyek berjalan :

python manage.py runserver

Buka browser dan akses http://127.0.0.1:8000/, jika berhasil akan muncul halaman awal Django seperti ini :

3. Membuat Aplikasi dalam Proyek Django

Dalam Django, sebuah proyek dapat memiliki beberapa aplikasi. Misalnya, kita ingin membuat aplikasi blog, maka jalankan perintah:

python manage.py startapp blog

Struktur proyek akan terlihat seperti ini:

belajar_django/
│── blog/
│   ├── migrations/
│   ├── __init__.py
│   ├── admin.py
│   ├── apps.py
│   ├── models.py
│   ├── tests.py
│   ├── views.py
│   ├── urls.py  (buat sendiri)
│── belajar_django/
│   ├── __init__.py
│   ├── settings.py
│   ├── urls.py
│   ├── wsgi.py
│── manage.py

Tambahkan aplikasi blog ke dalam belajar_django/settings.py pada bagian INSTALLED_APPS:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog', # Tambahkan ini 
]

 

Baca Juga  Tutorial Laravel #5 : Passing Data Controller Ke View

 

4. Membuat Model (Database)

Django menggunakan ORM untuk mengelola database. Buka blog/models.py dan tambahkan model berikut:

from django.db import models

# Create your models here.
class Post(models.Model): 
    title = models.CharField(max_length=200) 
    content = models.TextField() 
    created_at = models.DateTimeField(auto_now_add=True) 

    def __str__(self): 
        return self.title

 

Jalankan perintah berikut untuk membuat database dan tabelnya:

python manage.py makemigrations
python manage.py migrate

 

 

5. Membuat Tampilan (Views)

Buka blog/views.py dan buat fungsi untuk menampilkan daftar postingan:

from django.shortcuts import render

# Create your views here.
from .models import Post 

def post_list(request): 
    posts = Post.objects.all()
    return render(request, 'blog/post_list.html', {'posts': posts})

Selanjutnya, buat blog/urls.py untuk mendefinisikan URL aplikasi:

from django.urls import path 
from . import views 

urlpatterns = [ 
    path('', views.post_list, name='post_list'), 
]

Tambahkan juga URL aplikasi ini ke dalam myproject/urls.py:

from django.contrib import admin 
from django.urls import path, include 

urlpatterns = [ 
    path('admin/', admin.site.urls), 
    path('', include('blog.urls')), 
]

 

 

6. Membuat Template (HTML)

Buat folder templates/blog/ di dalam aplikasi blog, lalu buat file post_list.html di dalamnya:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Blog</title> 
    </head> 
    
    <body> 
        <h1>Daftar Postingan</h1> 
        <ul> 
            {% for post in posts %} 
                <li><strong>{{ post.title }}</strong> - {{ post.created_at }}</li> 
            {% endfor %} 
        </ul> 
    </body> 
</html>

 

 

7. Menjalankan Proyek

Jalankan server kembali:

python manage.py runserver

Buka browser dan akses http://127.0.0.1:8000/ untuk melihat daftar postingan (jika belum ada data, kita bisa menambahkannya melalui Django Admin).

 

8. Menambahkan Django Admin

Buat akun superuser agar bisa mengelola database melalui Django Admin:

python manage.py createsuperuser

Masukkan username, email, dan password

Lalu jalankan server dan akses http://127.0.0.1:8000/admin/ untuk login.

Setelah login tampilannya seperti berikut :

Agar model Post bisa dikelola melalui admin, tambahkan kode berikut di blog/admin.py:

from django.contrib import admin

# Register your models here.
from .models import Post 
admin.site.register(Post)

Selanjutnya kita coba tambah post, dengan cara klik +Add pada Post Blog :

Baca Juga  Tutorial Laravel #7 : Template Blade Laravel

Hasillnya post yang bernama coba berhasil ditambahkan

Maka pada front end webnya akan tampil seperti berikut :

 

Kita telah berhasil membuat website sederhana dengan Django. Langkah-langkah yang telah dilakukan:

  • Instalasi Django
  • Membuat proyek dan aplikasi
  • Mengelola database dengan model
  • Membuat tampilan dengan template
  • Menjalankan website

Selanjutnya, kita bisa mengembangkan proyek ini dengan fitur tambahan seperti sistem komentar, autentikasi pengguna, atau API dengan Django REST Framework.

Semoga bermanfaat.

Related Post

Be the first to comment

Leave a Reply

Your email address will not be published.


*


error: Ga bisa dicopy