Desarrollo de Software

Primeros pasos en CodeIgniter

Hemos visto que al acceder a la página principal desde un navegador se muestra un mensaje de bienvenida de CodeIgniter en el que se indican dos ficheros que vienen por defecto. Veamos cuáles son.

Codeigniter

Welcome.php

El primero de ellos es el controlador, que es el encargado de recibir las peticiones realizadas a través de la URL y de devolver una respuesta. En este caso, se trata del controlador por defecto que vimos con la configuración de CodeIgniter en el fichero routes.php.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
 
class Welcome extends CI_Controller {
 
	/**
	 * Index Page for this controller.
	 *
	 * Maps to the following URL
	 * 		http://example.com/index.php/welcome
	 *	- or -  
	 * 		http://example.com/index.php/welcome/index
	 *	- or -
	 * Since this controller is set as the default controller in 
	 * config/routes.php, it's displayed at http://example.com/
	 *
	 * So any other public methods not prefixed with an underscore will
	 * map to /index.php/welcome/<method_name>
	 * @see http://codeigniter.com/user_guide/general/urls.html
	 */
	public function index()
	{
		$this->load->view('welcome_message');
	}
}
 
/* End of file welcome.php */
/* Location: ./application/controllers/welcome.php */

Se trata de un fichero muy corto y sencillo. A destacar:

  • En la línea 3 se declara la clase Welcome (que debe coincidir con el nombre del fichero) y se extiende de CI_Controller que es el controlador base del que deben extender todos los controladores de tu aplicación.
  • En la línea 20 se crea el método index, método principal de una clase cuando se accede a la URL que lleva su nombre; en este caso, a

    http://localhost/cursoci/index.php/welcome

    aunque también podría accederse como

    http://localhost/cursoci/index.php/welcome/index

  • En la línea 22 obtiene el fichero de vista welcome_message.php (el otro fichero que aparece en la pantalla del navegador en el mensaje de bienvenida) y lo muestra.

welcome_message.php

Se trata del fichero de vista que aparece por pantalla con el mensaje de bienvenida. Es código html.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Welcome to CodeIgniter</title>
 
	<style type="text/css">
 
	::selection{ background-color: #E13300; color: white; }
	::moz-selection{ background-color: #E13300; color: white; }
	::webkit-selection{ background-color: #E13300; color: white; }
 
	body {
		background-color: #fff;
		margin: 40px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}
 
	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}
 
	h1 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}
 
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}
 
	#body{
		margin: 0 15px 0 15px;
	}
 
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
 
	#container{
		margin: 10px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
	}
	</style>
</head>
<body>
 
<div id="container">
	<h1>Welcome to CodeIgniter!</h1>
 
	<div id="body">
		<p>The page you are looking at is being generated dynamically by CodeIgniter.</p>
 
		<p>If you would like to edit this page you'll find it located at:</p>
		<code>application/views/welcome_message.php</code>
 
		<p>The corresponding controller for this page is found at:</p>
		<code>application/controllers/welcome.php</code>
 
		<p>If you are exploring CodeIgniter for the very first time, you should start by reading the <a href="user_guide/">User Guide</a>.</p>
	</div>
 
	<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p>
</div>
 
</body>
</html>

Aquí hay poco que explicar.

En el post de hoy hemos visto los dos ficheros implicados en el mensaje de bienvenida. En primer lugar el controlador que gestiona la petición recibida y después la vista que muestra datos por pantalla. En próximos artículos profundizaremos más en estos temas.

Un comentario en “Primeros pasos en CodeIgniter

Pon un comentario

Tu dirección de email no será publicada.

Puedes usar estas etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>