Како направити прилагођену страницу са грешком 404 у Дјангу

Странице са грешкама су уобичајене за веб апликације. Дјанго сарадници су обезбедили подразумеване странице за неке од ових грешака, као што је грешка 404 (Није пронађено). Али као програмер, најбоље је да имате страницу са грешком која прати принципе дизајна остатка ваше веб апликације.

Креирање прилагођене 404 странице у Дјангу

Грешка 404 је део неколико ХТТП статусни кодови користи претраживач да означи одговор сервера на захтеве претраживача које је упутио корисник. Дјанго обезбеђује подразумеване шаблоне за неке од ових статусних кодова, а подразумевана страница са грешком 404 у Дјангу изгледа овако:

Горња слика не изгледа лепо и већина компанија је неће лако прихватити на својој веб страници. Да бисте променили ову страницу у прилагођену 404 страницу по вашем избору, требало би да пратите кораке наведене у наставку.

Корак 1: Креирајте приказ за руковање грешком 404

Отвори свој виевс.пи датотеку и креирајте приказ странице са грешком 404. Овај приказ би требало да врати шаблон који садржи дизајн за вашу прилагођену страницу са грешком 404. Ево једноставног Дјанго приказа који можете користити у свом пројекту:

из дјанго.схортцутс увоз дати, пружити
# прилагођени 404 приказ
дефцустом_404(захтев, изузетак):
повратак изнети (захтев, '404.хтмл', статус=404)

Горњи исечак кода је а Питхон функција (пожељно се зове Дјанго поглед у овом случају) који узима два аргумента функције; захтев, и изузетак. Други аргумент -изузетак—омогућава вам приступ објекту изузетка који је покренуо грешку 404.

Требало би да замените „404.хтмл“ у горњем приказу са исправном путањом до странице ХТМЛ шаблона са грешком 404.

Корак 2: Направите шаблон за своју грешку 404

Направите нову ХТМЛ датотеку која ће садржати ваш прилагођени дизајн за страницу са грешком 404. Дизајн треба да буде у складу са остатком ваше апликације. Ево једноставног ХТМЛ шаблона који можете користити у свом пројекту. Требало би да измените овај шаблон како вам одговара:

 404.хтмл шаблон 
хтмл>
<хтмлланг="ен">
<глава>
<метацхарсет="УТФ-8">
<метаиме="виевпорт"садржаја="видтх=девице-видтх, инитиал-сцале=1.0">
<наслов>404 Страница није пронађенанаслов>
<линк
 импорт Боотстрап 
 хреф=" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
 рел="стилесхеет" 
 интегрити="сха384-КК94ЦХФЛЛЕ+нИ2дмЦВГМк91рЦГа5гтУ4мк92ХдвИе+М/СКСХ301п5ИЛи+дН9+нЈОЗ"
 цроссоригин="анонимно">
 прилагођени цсс 
<стил>
 тело {
 дисплеј: флек;
 флек-дирецтион: колона;
 јустифи-цонтент: центар;
 алигн-итемс: центар;
 висина: 100вх;
 породица фонтова: Ариал, санс-сериф;
 }
 .контејнер {
 тект-алигн: центар;
 мак-видтх: 600пк;
 }
 .емоји {
 фонт-сизе: 8рем;
 маргин-боттом: 20пк;
 }
 х1 {
 величина фонта: 3рем;
 маргин-боттом: 20пк;
 }
 п {
 фонт-сизе: 1.5рем;
 маргин-боттом: 20пк;
 }
 .бтн {
 фонт-сизе: 1.25рем;
 паддинг: 10пк 20пк;
 }
стил>
глава>
<тело>
<дивкласа="контејнер">
<дивкласа="емоји">😕див>
<х1>Упс! Страница није пронађенах1>
<стр>Нисмо могли да пронађемо страницу коју сте тражили.стр>
<акласа="бтн бтн-примари"хреф="/">Вратите се кућиа>
див>
тело>
хтмл>

Корак 3: Измените датотеку УРЛ адреса вашег пројекта

На нивоу вашег пројекта (где је ваш сеттингс.пи датотека је), отворите своју урлс.пи датотеку и усмерите обрађивач грешке 404 на приказ који сте креирали за руковање грешком 404. Позива се руковалац грешке 404 хандлер404. До тачке хандлер404 према вашем мишљењу, требало би да пратите овај формат:

хандлер404 = 'апп_наме.виевс.цустом_404_виев_наме'

Ако је ваша апликација позвана рецепт, а поглед се зове цустом_404, онда би требало да измените горњи формат овако:

хандлер404 = 'реципе.виевс.цустом_404'

Уверите се да то радите на нивоу пројекта, а не на нивоу апликације. Постоје разлике између пројекта и апликације у Дјангу.

Корак 4: Тестирајте своју нову страницу са грешком 404

Да бисте тестирали своју нову страницу са грешком, покрените развојни сервер и идите на непостојећу страницу у вашој апликацији. Можете покренути свој сервер покретањем ове команде у алату командне линије (ЦЛИ):

питхон манаге.пи рунсервер

Да би горња команда функционисала, морате бити у основном директоријуму вашег пројекта, односно фасцикли у којој управљај.пи фајл живи.

Када се ваш сервер покрене, тестирајте своју прилагођену 404 страницу тако што ћете отићи на непостојећу страницу као што је http://127.0.0.1:8000/hello. Ако сте све урадили исправно, требало би да видите своју прилагођену страницу са грешком 404.

Ако се ваша прилагођена страница са грешком 404 не појави, требало би да размислите о томе да проверите своје приказе да бисте били сигурни да сте написали исправну путању до свог ХТМЛ шаблона у дати, пружити() функције, јер је то уобичајено питање.

Прилагођене странице са грешком пружају боље корисничко искуство

Ако имате прилагођену страницу са грешком у вашој апликацији, побољшаћете искуство ваших корисника када наиђу на грешке. Уместо да видите општу поруку о грешци, прилагођена страница о грешци може да пружи конкретније информације о грешци и предложи могућа решења.

Ово може помоћи корисницима да схвате шта је пошло наопако и како да то поправе, смањујући фрустрацију и повећавајући њихово поверење у вашу апликацију. Такође ћете моћи да учините страницу инклузивном додавањем функција приступачности.