Kuinka luoda mukautettu 404-virhesivu Djangossa

Virhesivut ovat yleisiä verkkosovelluksissa. Django-avustajat ovat toimittaneet oletussivut joillekin näistä virheistä, kuten 404 (ei löydy) -virheestä. Mutta kehittäjänä on parasta, että sinulla on virhesivu, joka noudattaa muun verkkosovelluksesi suunnitteluperiaatteita.

Mukautetun 404-sivun luominen Djangossa

404-virhe on osa useista HTTP-tilakoodit selain käyttää sitä osoittamaan palvelimen vastausta käyttäjän tekemiin selainpyyntöihin. Django tarjoaa oletusmalleja joillekin näistä tilakoodeista, ja Djangon oletusarvoinen 404-virhesivu näyttää tältä:

Yllä oleva kuva ei näytä hyvältä, eivätkä useimmat yritykset hyväksy sitä helposti verkkosivuillaan. Jos haluat muuttaa tämän sivun valitsemaksi mukautetuksi 404-sivuksi, sinun tulee noudattaa alla lueteltuja ohjeita.

Vaihe 1: Luo näkymä 404-virheen käsittelemiseksi

Avaa sinun views.py tiedosto ja luo näkymä 404-virhesivulle. Tämän näkymän pitäisi palauttaa malli, joka sisältää mukautetun 404-virhesivusi suunnittelun. Tässä on yksinkertainen Django-näkymä, jota voit käyttää projektissasi:

alkaen django.shortcuts tuonti renderöi
# mukautettu 404-näkymä
defcustom_404(pyyntö, poikkeus):
palata renderöi (pyyntö, '404.html', status=404)

Yllä oleva koodinpätkä on a Python-toiminto (jota kutsutaan tässä tapauksessa mieluiten Django-näkymäksi), joka ottaa kaksi funktioargumenttia; pyyntö, ja poikkeus. Toinen argumentti -poikkeus-sallii pääsyn poikkeusobjektiin, joka laukaisi 404-virheen.

Sinun pitäisi vaihtaa "404.html" yllä olevassa näkymässä oikealla polulla virheen 404 HTML-mallisivullesi.

Vaihe 2: Luo malli 404-virheellesi

Luo uusi HTML-tiedosto, joka sisältää mukautetun suunnittelusi 404-virhesivulle. Suunnittelun tulee olla yhdenmukainen muun sovelluksesi kanssa. Tässä on yksinkertainen HTML-malli, jota voit käyttää projektissasi. Sinun tulee muokata tätä mallia parhaaksi katsomallasi tavalla:

 404.html malli 
html>
<htmllang="en">
<pää>
<metamerkkisetti="UTF-8">
<metanimi="näkymä"sisältö="leveys = laitteen leveys, alkumittakaava = 1,0">
<otsikko>404 sivua ei löydettyotsikko>
<linkki
 tuo Bootstrap 
 href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
 rel="tyylitaulukko" 
 integrity="sha384-KK94CHFLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
 crossorigin="anonymous">
 mukautettu css 
<tyyli>
 body {
 näyttö: flex;
 flex-suunta: pylväs;
 perustele-sisältö: keskus;
 kohdista kohteet: keskellä;
 korkeus: 100vh;
 kirjasinperhe: Arial, sans-serif;
 }
 .container {
 tekstin tasaus: keskellä;
 suurin leveys: 600 pikseliä;
 }
 .emoji {
 fontin koko: 8rem;
 marginaali-ala: 20px;
 }
 h1 {
 fontin koko: 3rem;
 marginaali-ala: 20px;
 }
 p {
 fontin koko: 1,5 rem;
 marginaali-ala: 20px;
 }
 .btn {
 fontin koko: 1,25 rem;
 täyte: 10px 20px;
 }
tyyli>
pää>
<kehon>
<divluokkaa="kontti">
<divluokkaa="emoji">😕div>
<h1>Oho! Sivua ei löydettyh1>
<s>Emme löytäneet etsimääsi sivua.s>
<aluokkaa="btn btn-primary"href="/">Palaa Kotiina>
div>
kehon>
html>

Vaihe 3: Muokkaa projektisi URL-tiedostoa

Projektitasollasi (missä settings.py tiedosto on), avaa omasi urls.py tiedosto ja osoita virhe 404 -käsittelijä näkymään, jonka loit käsittelemään 404-virhettä. Virheen 404 käsittelijä kutsutaan Käsittelijä404. Osoittaa Käsittelijä404 sinun mielestäsi sinun tulee noudattaa tätä muotoa:

Käsittelijä404 = 'app_name.views.custom_404_view_name'

Jos sovelluksesi kutsutaan resepti, ja näkymää kutsutaan custom_404, sinun tulee muokata yllä olevaa muotoa seuraavasti:

Käsittelijä404 = "recipe.views.custom_404"

Varmista, että teet tämän projektitasolla, et sovellustasolla. On erot projektin ja sovelluksen välillä Djangossa.

Vaihe 4: Testaa uusi 404-virhesivusi

Voit testata uutta virhesivuasi käynnistämällä kehityspalvelimen ja siirtymällä sivulle, jota ei ole olemassa sovelluksessasi. Voit käynnistää palvelimen suorittamalla tämän komennon komentorivityökalussa (CLI):

python manage.py runserver

Jotta yllä oleva komento toimisi, sinun on oltava projektisi juurihakemistossa, eli kansiossa, jossa manager.py tiedosto elää.

Kun palvelimesi käynnistyy, testaa mukautettua 404-sivuasi siirtymällä sivulle, jota ei ole olemassa, kuten http://127.0.0.1:8000/hello. Jos olet tehnyt kaiken oikein, sinun pitäisi nähdä mukautettu 404-virhesivu.

Jos mukautettu 404-virhesivusi ei tule näkyviin, sinun kannattaa tarkistaa näkymäsi varmistaaksesi, että olet kirjoittanut oikean polun HTML-malliisi render() toiminto, koska tämä on yleinen ongelma.

Mukautetut virhesivut tarjoavat paremman käyttökokemuksen

Muokatun virhesivun käyttäminen sovelluksessasi parantaa käyttäjien kokemusta, kun he kohtaavat virheitä. Yleisen virheilmoituksen sijaan mukautettu virhesivu voi tarjota tarkempia tietoja virheestä ja ehdottaa mahdollisia ratkaisuja.

Tämä voi auttaa käyttäjiä ymmärtämään, mikä meni pieleen ja kuinka se korjataan, mikä vähentää turhautumista ja lisää heidän luottamustaan ​​sovellukseesi. Voit myös tehdä sivusta kattavan lisäämällä esteettömyysominaisuuksia.