Poboljšajte izgled svoje aplikacije Django razvojem personalizirane stranice s pogreškom 404 umjesto da se oslanjate na običnu zadanu.
Stranice s pogreškama uobičajene su za web aplikacije. Django suradnici dali su zadane stranice za neke od ovih pogrešaka kao što je pogreška 404 (nije pronađeno). Ali kao razvojnom programeru, najbolje je imati stranicu s pogreškom koja slijedi načela dizajna ostatka vaše web aplikacije.
Stvaranje prilagođene 404 stranice u Djangu
Pogreška 404 dio je nekoliko HTTP statusni kodovi koristi preglednik za označavanje odgovora poslužitelja na zahtjeve preglednika koje postavlja korisnik. Django nudi zadane predloške za neke od ovih statusnih kodova, a zadana stranica s pogreškom 404 u Djangu izgleda ovako:
Gornja slika ne izgleda lijepo i većina je tvrtki neće spremno prihvatiti na svojoj web stranici. Za promjenu ove stranice u prilagođenu 404 stranicu po vašem izboru, trebali biste slijediti dolje navedene korake.
Korak 1: Stvorite prikaz za rješavanje pogreške 404
Otvori svoju pogledi.py datoteku i stvorite prikaz za stranicu s pogreškom 404. Ovaj bi pogled trebao vratiti predložak koji sadrži dizajn vaše prilagođene stranice s pogreškom 404. Evo jednostavnog Django prikaza koji možete koristiti u svom projektu:
iz django.prečaci uvoz prikazati
# prilagođeni prikaz 404
defobičaj_404(zahtjev, izuzetak):
povratak prikazati (zahtjev, '404.html', status=404)
Gornji isječak koda je a Python funkcija (po mogućnosti nazvan Django pogled u ovom slučaju) koji uzima dva argumenta funkcije; zahtjev, i izuzetak. Drugi argument-izuzetak—omogućuje vam pristup objektu izuzetka koji je pokrenuo pogrešku 404.
Trebali biste zamijeniti ‘404.html’ u gornjem prikazu s ispravnim putem do stranice s HTML predloškom pogreške 404.
Korak 2: Napravite predložak za svoju pogrešku 404
Napravite novu HTML datoteku koja će sadržavati vaš prilagođeni dizajn za stranicu s pogreškom 404. Dizajn bi trebao biti u skladu s ostatkom vaše aplikacije. Ovdje je jednostavan HTML predložak koji možete koristiti u svom projektu. Trebali biste izmijeniti ovaj predložak kako smatrate prikladnim:
404.html predložak
html>
<htmljezik="en">
<glava>
<metaskup znakova="UTF-8">
<metaIme="viewport"sadržaj="width=device-width, initial-scale=1.0">
<titula>404 Stranica nije pronađenatitula>
<veza
uvesti Bootstrap
href=" https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
rel="stylesheet"
cjelovitost="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonimno">
prilagođeni css
<stil>
tijelo {
zaslon: savitljiv;
smjer savijanja: stupac;
justify-content: centar;
align-items: center;
visina: 100vh;
obitelj fontova: Arial, sans-serif;
}.spremnik {
poravnanje teksta: središte;
max-width: 600px;
}.emoji {
veličina fonta: 8rem;
margina-dno: 20px;
}h1 {
veličina fonta: 3rem;
margina-dno: 20px;
}p {
veličina fonta: 1,5rem;
margina-dno: 20px;
}
.btn {
veličina fonta: 1,25rem;
ispuna: 10px 20px;
}
stil>
glava>
<tijelo>
<divrazreda="kontejner">
<divrazreda="emoji">😕div>
<h1>Ups! Stranica nije pronađenah1>
<str>Nismo mogli pronaći stranicu koju ste tražili.str>
<arazreda="btn btn-primarni"href="/">Vratite se na početnu stranicua>
div>
tijelo>
html>
Korak 3: Izmijenite datoteku URL-ova vašeg projekta
Na razini vašeg projekta (gdje vaš postavke.py datoteka je), otvorite svoju urls.py datoteku i usmjerite rukovatelja pogreškom 404 na pogled koji ste stvorili za obradu pogreške 404. Poziva se rukovatelj greškom 404 rukovatelj404. Na točku rukovatelj404 prema vašem mišljenju, trebali biste slijediti ovaj format:
rukovatelj404 = 'app_name.views.custom_404_view_name'
Ako se vaša aplikacija zove recept, a pogled se zove običaj_404, tada biste trebali izmijeniti gornji format ovako:
rukovatelj404 = 'recipe.views.custom_404'
Pazite da to učinite na razini projekta, a ne na razini aplikacije. Tamo su razlike između projekta i aplikacije u Djangu.
Korak 4: Testirajte svoju novu stranicu s pogreškom 404
Kako biste testirali svoju novu stranicu s pogreškom, pokrenite svoj razvojni poslužitelj i idite na nepostojeću stranicu u svojoj aplikaciji. Poslužitelj možete pokrenuti pokretanjem ove naredbe u alatu naredbenog retka (CLI):
python manage.py runserver
Da bi gornja naredba radila, morate biti u korijenskom direktoriju vašeg projekta, tj. mapi u kojoj je upravljati.py datoteka živi.
Nakon što se vaš poslužitelj pokrene, testirajte svoju prilagođenu stranicu 404 tako da odete na nepostojeću stranicu kao što je http://127.0.0.1:8000/hello. Ako ste sve učinili ispravno, trebali biste vidjeti prilagođenu stranicu s pogreškom 404.
Ako se vaša prilagođena stranica s pogreškom 404 ne pojavi, razmislite o provjeri svojih prikaza kako biste bili sigurni da ste napisali ispravan put do svog HTML predloška u render() jer je to čest problem.
Prilagođene stranice s pogreškama pružaju bolje korisničko iskustvo
Prilagođena stranica pogreške u vašoj aplikaciji poboljšat će iskustvo vaših korisnika kada naiđu na pogreške. Umjesto da vidite generičku poruku o pogrešci, prilagođena stranica o pogrešci može pružiti konkretnije informacije o pogrešci i predložiti moguća rješenja.
Ovo može pomoći korisnicima da razumiju što je pošlo krivo i kako to popraviti, smanjujući frustraciju i povećavajući njihovo povjerenje u vašu aplikaciju. Također ćete moći učiniti stranicu inkluzivnom dodavanjem značajki pristupačnosti.