ZADATAK 01Težina: lako
Istraži admin panel
U admin panelu napravi dva obična korisnika (bez administratorskih prava). Zatim u komandnoj liniji pokreni python manage.py shell i ispiši korisnička imena svih korisnika.
Django: projekat, aplikacije i prvo pokretanje
Lekcija 2 od 9 · Python web: Django projekat
Pravimo kostur projekta: Django projekat logo_kreator sa dve aplikacije – logoi (naslovna, generator, čuvanje) i nalozi (registracija). Pokrećemo razvojni server, pravimo bazu i administratora i otvaramo admin panel.
Pre nego što počneš: potrebno predznanje – priprema okruženja.
Kako da učiš: radi u svom projektu korak po korak i posle svake lekcije proveri da li server radi; zadatak na kraju prvo uradi sam/a. Kod je za Django 5.2 (LTS) i Python 3.12+; svaki deo upiši u fajl naveden u komentaru na vrhu primera.
Kako da učiš: radi u svom projektu korak po korak i posle svake lekcije proveri da li server radi; zadatak na kraju prvo uradi sam/a. Kod je za Django 5.2 (LTS) i Python 3.12+; svaki deo upiši u fajl naveden u komentaru na vrhu primera.
Projekat i aplikacije
U Django-u projekat je ceo sajt (podešavanja, glavni URL-ovi), a aplikacije su njegovi delovi koji rade jednu stvar. Aplikacija se može preneti i u drugi projekat.
:: u folderu logo_kreator_django, sa aktivnim .venv
django-admin startproject logo_kreator .
python manage.py startapp logoi
python manage.py startapp nalozi
Tačka na kraju prve komande znači „napravi projekat u ovom folderu“ – tako ne nastaje još jedan suvišan nivo foldera.
logo_kreator_django/
├── .venv/ ← virtuelno okruženje
├── manage.py ← alat za upravljanje projektom
├── logo_kreator/ ← podešavanja projekta
│ ├── settings.py
│ ├── urls.py
│ ├── asgi.py
│ └── wsgi.py
├── logoi/ ← aplikacija: naslovna, generator, logoi
│ ├── admin.py apps.py models.py tests.py views.py
│ └── migrations/
└── nalozi/ ← aplikacija: registracija
└── ...Razvojni server
python manage.py runserver
Otvori http://127.0.0.1:8000 – vidi se Django-ova strana dobrodošlice (raketa). Server se sam ponovo pokreće kada sačuvaš izmenu u .py fajlu; zaustavlja se sa Ctrl+C. U komandnoj liniji vidiš svaki zahtev i statusni kod, kao u lekciji Kako radi web server.
Samo za razvoj:
runserver nije napravljen za javni sajt. Na internetu aplikaciju pokreće Gunicorn (lekcija 9).Prva baza i administrator
python manage.py migrate
python manage.py createsuperuser
migrate pravi fajl db.sqlite3 sa tabelama koje su Django-u potrebne (korisnici, sesije, admin). createsuperuser pravi korisnika sa svim pravima – unesi korisničko ime, email (može prazno) i lozinku dva puta (dok kucaš, ne vidi se ništa – to je normalno).
Pokreni server i otvori http://127.0.0.1:8000/admin/: posle prijave vidiš tabele Korisnici i Grupe i možeš ručno da dodaš korisnika. Admin panel dobijamo potpuno besplatno.
Kako Django obrađuje zahtev
pregledač ──GET /moji-logoi/──▶ urls.py ──▶ view (Python funkcija)
│ │
│ └──▶ Model ──▶ baza
▼
template (HTML šablon)
│
pregledač ◀──────── HTML odgovor ─────────────┘| Deo | Fajl | Uloga | Lekcija |
|---|---|---|---|
| URL | urls.py | koja adresa poziva koju funkciju | 4 |
| View (pogled) | views.py | Python funkcija: prima zahtev, vraća odgovor | 4, 8 |
| Template (šablon) | templates/*.html | HTML sa mestima za podatke | 4 |
| Model | models.py | opis podataka i rad sa bazom | 5 |
Ovo se zove MVT (Model – View – Template). U drugim framework-ovima (ASP.NET) isti princip se zove MVC.
Odmah: Git
git init
echo .venv/> .gitignore
echo __pycache__/>> .gitignore
echo db.sqlite3>> .gitignore
git add .
git commit -m "Početak Django projekta Logo kreator"
Fajl .gitignore kaže Git-u šta da ne prati: okruženje, privremene fajlove i lokalnu bazu. Posle svake lekcije napravi novi „commit“ – ako nešto pokvariš, lako se vraćaš.
Video: pregled projekta
Napomena uz video: video je snimljen za prvu verziju projekta (starija verzija Django-a, Heroku). Ideje su iste, ali se kod iz ove lekcije razlikuje u detaljima – kada se razlikuju, važi kod sa ove strane.
Zadaci za vežbu
Za svaki zadatak postoji primer, uputstvo i rešenje.
Česte greške i saveti
- Komande se pokreću u folderu u kome je
manage.py, sa aktivnim okruženjem. - Port je zauzet?
python manage.py runserver 8080. - Ime aplikacije je malim slovima i bez crtica (
logoi, neLogoiililogo-i) – koristi se kao ime Python modula. - Ne briši folder
migrations– u njemu je istorija izmena baze.
Proveri znanje
Otvori kviz
Projekat i aplikacije
1. Šta pravi komanda python manage.py migrate prvi put?
2. Kako se zove deo Django-a koji je Python funkcija i vraća odgovor?
3. Da li runserver služi za javni sajt na internetu?
KREIRANJE DJANGO WEB APLIKACIJE-POČETAK
Web programiranje → Početak Django aplikacije
Kreiranje Django web aplikacije — prvi koraci
Lekcija 11 od 21
Uvod
Django je Python framework koji omogućava brzo pravljenje web aplikacija.
On se zasniva na MVT (Model - View - Template) arhitekturi.
Važno:
Django nije samo biblioteka — to je kompletan framework za razvoj web aplikacija.
Django nije samo biblioteka — to je kompletan framework za razvoj web aplikacija.
U prethodnoj lekciji si pripremio razvojno okruženje i instalirao potrebne alate. Sada prelazimo na kreiranje prve Django aplikacije.
Šta radimo u ovoj lekciji?
- kreiranje Django projekta
- pokretanje servera
- osnovno podešavanje baze
- kreiranje admin korisnika
Projekat koji razvijamo
Pravimo aplikaciju za generisanje logotipa.
Korisnik unosi naziv firme, a sistem generiše početni logo koji se kasnije može menjati i preuzeti.
Aplikacija uključuje i:
- registraciju korisnika
- login sistem
- admin panel
Ideja:
Ovo je mini SaaS aplikacija koja simulira realan proizvod.
Ovo je mini SaaS aplikacija koja simulira realan proizvod.
Kako aplikacija radi (korisnički tok)
- Korisnik unosi ime firme
- Sistem ga vodi na registraciju
- Nakon registracije korisnik se loguje
- Bira kategoriju logotipa
- Dobija početni logo
- Može da ga edituje i preuzme
Video objašnjenje
Ako se video ne prikazuje, klikni ovde .
Razmisli:
Kako bi unapredio ovu aplikaciju?
Kako bi unapredio ovu aplikaciju?
- AI generisanje logotipa
- više dizajn kategorija
- export u PNG / SVG
Provera instalacije Django-a
Pre nego što krenemo, proveri da li je Django instaliran:
python -m django --version
Ako dobiješ verziju — spreman si za rad.
Tip:
Ako Django nije instaliran, možeš ga instalirati komandom:
Ako Django nije instaliran, možeš ga instalirati komandom:
pip install django
Kreiranje Django projekta
Prvi korak je kreiranje projekta:
django-admin startproject ime_projekta
Ovo kreira osnovnu strukturu Django projekta.
Tip:
Ovo je “kostur” aplikacije koji se kasnije proširuje.
Ovo je “kostur” aplikacije koji se kasnije proširuje.
Šta se upravo desilo?
Pokrenuo si web server na svom računaru. To znači:
Pokrenuo si web server na svom računaru. To znači:
- računar se ponaša kao server
- browser šalje zahtev
- Django vraća odgovor
Pokretanje servera
python manage.py runserver
Aplikacija se otvara na:
http://localhost:8000
Eksperiment:
Pokreni server i otvori stranicu u browseru.
Pokreni server i otvori stranicu u browseru.
Baza podataka (osnovno)
Django koristi SQLite bazu po default-u.
Podešavanja se nalaze u settings.py.
Važno:
Baza omogućava čuvanje korisnika i podataka aplikacije.
Baza omogućava čuvanje korisnika i podataka aplikacije.
Migracije
python manage.py makemigrations
python manage.py migrate
Ovim se kreiraju tabele u bazi.
Kreiranje admin korisnika
python manage.py createsuperuser
Admin panel je dostupan na:
http://localhost:8000/admin/
Tip:
Django automatski generiše admin panel.
Django automatski generiše admin panel.
Zaključak
- napravljen Django projekat
- server radi
- baza aktivna
- admin panel spreman
Šta dalje?
- struktura Django projekta
- settings.py detalji
- kreiranje aplikacija
| Da podsetimo, opis aplikacije bi bio sledeći: Aplikacija treba da omogući korisniku da kreira logo, tako što će na osnovu unetog imena ili naziva firme, odabrane kategorije ponudi početnu verziju za logo, omogući korisniku da edituje logo, sačuva ga, a zatim id a ga preuzme na svoj računar. Aplikacija takođe treba da ima i deo za registrovanje, kao i logovanje korisnika. U nastavku će biti pokazan samo deo aplikacije, koji se sastoji od naslovne strane, dela za registraciju korisnika, kao i logovanje korisnika. Takođe će se pokazati i kako se kreira baza, superuser i kako da se iskoristi Djangov admin interfejs za upravljanje registrovanim korisnicima. Kada korisnik upiše u polju za unos ime ili naziv, biće izvršeno preusmeravanje na stranu za registraciju. Posle uspešnog registrovanja, a zatim i prijavljivanja na system, korisniku će se učitati sledeće stranica na kojoj on dalje bira kategoriju za logo i gde će mu se ponuditi početna verzija logo-a. |
Početak kreiranja aplikacije-video |
Instalacija git-a
Odgovarajući instaler za git se može preuzeti sa https://git-scm.com/download/winTo je program koji omogućava komunikaciju između udaljenog servera i lokalnog foldera (repozitorijuma). To je zapravo version control system.
Drugi način je da se instalira github desktop aplikacija, koja onda instalira i git:
https://desktop.github.com/
Heroku CLI(heroku command line interface)
Sistem komandi za rad na lokalu i razne komande za razvoj aplikacije na lokalu i na heroku sajtu. Skinuti i pokrenuti odgovarajući instaler sa strane https://devcenter.heroku.com/articles/getting-started-with-python#set-up
Komanda za logovanje na sajt: heroku login
Kreiranje aplikacije na lokalu koristeći DJANGO framework
Koristan tutorijal: https://www.tutorialspoint.com/django/index.htm
Jedan od načina da se instalira đango je korišćenjem command prompta i pip paketa za instalaciju đanga. Ukucati:
pip install Django==3.0
Ako to već niste treba instalirati postgresql bazu. Potreban je adapter za pajton psycopg2.pip install Django==3.0
Svi paketi koji su potrebni projektu treba da budu navedeni u fajlu requirements.txt. To će se uraditi komandom u command promt. Biće opisano kasnije.
Instalirati virtualno okruženje za pajton https://virtualenv.pypa.io/en/latest/
Instalacija django framework-a
Ukucati sledeću komandu u command prompt-u:
python -m pip install Django
Kreiranje Django projekta
Da bi se kreirao kostur aplikacije na lokalnom računaru u Command Prompt-u treba dovesti do nadfoldera u kome će biti kreiran root aplikacije i zatim otkucati sledeću naredbu:
django-admin startproject myproject
Npr. da bi bio kreiran projekat pod nazivom logo_kreator koji se nalazi na lokalu u direktorijumu:C:\websites\repozitorijum
Prvo treba u Command-Prompt-u dovesti do tog direktorijuma, a zatim otkucati komandu :
django-admin startproject logo_kreator
Kreira se folder logo_kreator čija je struktura:myproject/
manage.py
myproject/
__init__.py
settings.py
urls.py
wsgi.py
U posmatranom primeru:
logo_kreator /
manage.py
logo_kreator /
__init__.py
settings.py
urls.py
wsgi.py
Fajl manage.py služi sa projektom putem komande linije.
Ostali fajlovi moraju biti smešteni u podfolderu koji ima isti naziv kao i sam projekat i u njemu se nalaze sledeći fajlovi:
__init__.py
settings.py- Ovde se unose podešavanja vezana za projekat
urls.py- Linkovi u okviru projekta i funkcije koji se pozivaju preko url - ova. Postoje fajlovi gde se smeštau linkovi za pojedine aplikacije sadržane u projektu i oni su unutar samih podfoldera koji predstavljaju te aplikacije. U ovom, da kažemo glavnom fajlu za url-ove, se linkuju ti pojedinačni url fajlovi aplikacija.
wsgi.py
Podešavanje Baze i debug moda u okviru settings.py
Da bi se podesila baza SQLite3 ili Postgresql u settings.py treba podesiti :
DATABASES = {
Ovo je podrazumevano podešavanje. Da bi baza bila postgreSQL, u okviru projekta get-moj-logo treba podesiti:
'default': {
}'ENGINE': 'django.db.backends.sqlite3',
'NAME': 'database.sql',
'USER': '',
'PASSWORD': '',
'HOST': '',
'PORT': '',
}'NAME': 'database.sql',
'USER': '',
'PASSWORD': '',
'HOST': '',
'PORT': '',
DATABASES = {
'default': {
}#'ENGINE': 'django.db.backends.sqlite3',
#'NAME': 'database.sql',
'ENGINE': 'django.db.backends.postgresql_psycopg2',
'logodb': 'database.sql',
'USER': 'postgres',
'PASSWORD': '*******',
'HOST': 'localhost',
'PORT': '5432',
}#'NAME': 'database.sql',
'ENGINE': 'django.db.backends.postgresql_psycopg2',
'logodb': 'database.sql',
'USER': 'postgres',
'PASSWORD': '*******',
'HOST': 'localhost',
'PORT': '5432',
Debug mode:
Dok je razvoj web aplikacije u toku treba podesiti debug mod:
DEBUG = True
Kreiranje Procfile
U okviru glavnog foldera potrebno je kreirati Procfile(tip File) gde se definiše komanda koja pokreće server:web: gunicorn logo_creator.wsgi --log-file -
Startovanje servera:
Može se startovati kucanjem sledeće komande u command prompt-u:
python manage.py runserver
Ovo će startovati server na localhost-u na portu 8000.Aplikacija se na lokalu pokreće u browsweru kucanjem adrese: localhost:8000
Posle startovanja servera , kad pokrenemo aplikaciju videćemo stranicu:
Slika 1: Đango projekat-kreiranje naslovne strane
Kreiranje fajl -a requirements.txt
U ovom fajlu treba navesti sve programe(pakete) koje je potrebno instalirati da bi web aplikacija mogla da funkcioniše. To će se automatski uraditi kada se u command prompt-u u folderu projekta otkuca sledeća komanda:
pip freeze > requirements.txt
Kreiranje aplikacije u okviru projekta
U okviru projekta možemo imati više aplikacija. Npr početna aplikacija u okviru projekta logo_creator zove se naslovna. Da bi je kreirali treba otkucati u okviru foldera projekta, a koristeći command prompt:
python manage.py startapp naslovna
Ovo će kreirati novi subfolder u okviru foldera projekta pod imenom naslovna. Struktura kreiranih foldera je sledeća:naslovna/
__init__.py
admin.py
models.py
tests.py
views.py
Kako dati do znanja projektu da je dodata nova aplikacija
U settings.py treba dodati aplikaciju naslovna pored onih već instaliranih:
INSTALLED_APPS = [
'bootstrap4',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'naslovna'
]
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'naslovna'
]
| Prethodno |<Kreiranje Python web aplikacije |
Sledeće Logo Kreator - Kreiranje Naslovne strane>| |