A menudo vemos la página de error 404 al usar sitios web. Esta página de error se encontrará solo cuando naveguemos a un enlace roto. En CodeIgniter, es posible crear una página 404 personalizada para cambiar el aspecto de la página 404. Entonces, en este artículo, veremos cómo crear la página de error 404 personalizada.
Para crear una página de error 404 personalizada, debemos realizar tres pasos:
- Vista
- Controlador
- Ruta
Ver: En la sección Ver, creamos una página error404.php en la aplicación/vistas/directorio que se mostrará cuando ocurra algún problema al navegar entre URL. La página de error estándar no contiene ningún CSS. Para agregar estilos y hacer que la página de error 404 sea más atractiva, se puede crear una página personalizada. A continuación se muestra el código HTML que también consta de CSS interno.
error404.php
< !doctype html>
<html>
<head>
<title>Page Not Found 404 Error</title>
<style>
body {
background - color: green;
color: white;
}
div {
position: absolute;
text-align: center;
width: 400px;
height: 300px;
top: 45%;
left: 50%;
margin: -100px 0 0 -200px;
}
h1,
h2 {
text - align: center;
}
h1 {
font - size: 50px;
margin-bottom: 10px;
border-bottom: 1px solid white;
}
</style>
</head>
<body>
<div>
<h1>404</h1>
<h2>Page not found</h2>
</div>
</body>
</html>
Controlador: En la fase Controlador, creamos un customError404.php en application/controllers/directory . Dentro del código ccustomError404.php, en el método index() cargue la vista error404 y también ejecute $this->output->set_status_header(‘404’). Veamos el código del controlador.
customError404.php
<? php
defined('BASEPATH') OR exit('No direct script access allowed');
class CustomError404 extends CI_Controller {
public function __construct() {
parent:: __construct();
$this -> load -> helper('url');
}
public function index() {
$this -> output -> set_status_header('404');
$this -> load -> view('error404');
}
}
Ruta: en este paso, necesitamos editar el archivo route.php que está presente en el directorio application/config/ y asignar el controlador personalizado customError404.php a $route[‘404_override’].
Pasos:
- Abra la aplicación/config/route.php
- Edítelo a $route[‘404_override’]=’customError404.php’;
Salida: La página de error 404 personalizada que creamos en este artículo se parece a:
Página de error 404
Publicación traducida automáticamente
Artículo escrito por akhilvasabhaktula03 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA