Creando nuestra Primera Aplicación  "Hola Mundo"  Para ello voy a utilizar las siguientes

Creando nuestra Primera Aplicación 

"Hola Mundo"

 Para ello voy a utilizar las siguientes herramientas de desenvolvimiento:

Cómo hacerlo...

  • Primer Paso: Creamos una carpeta con el nombre de nuestro proyecto en la raíz principal de proyectos del Wamp (la carpeta "www") y
    • Le pondremos el nombre: Proyecto_con_codeigniter

  • Segundo Paso: Una vez creada la carpeta que contiene nuestro proyecto, vamos a descargar el Codeigniter desde este link:

    • Tercer Paso: Al final de la descarga obtendrás los archivos que conforman el Framework CodeIgniter, que hoy 10 de diciembre del 2016 se encuentra en la versión 3.1.2:

     

    • Cuarto Paso: Como paso siguiente tendras que descomprimir este archivo en la pasta raíz de los proyectos de Wamp (www), la cua creamos en el primer paso, la cual la llamamos de proyecto_con_codeigniter

      • Realizando esto nuestra carpeta proyecto_con_codeigniter, quedaría de la siguiente manera:

    • Quinto Paso: Ahora nos dirijimos a la siguiente ruta dentro de la carpeta de nuestro proyecto "proyecto_con_codeigniter":
      • application/config

     

    • Sexto Paso: En esta carpeta nos encontraremos con varios archivos, pero nosotros modificaremos el archivo config.php:

        • Abrimos entonces este archivo para modificar en él la siguiente línea de código:

      $config['base_url']

        • Luego de encontrada la línea de código la modificaremos agregandole dentro de las aspas simples la dirección de nuestro proyecto, como estamos trabajando en local y con el Wamp, le colocaremos lo siguiente: "localhost/proyecto_con_codeigniter"; con lo cual esta línea de código nos quedaría de la siguiente manera:

      $config['base_url'] = 'localhost/proyecto_con_codeigniter';

      • Sétimo Paso: Ahora es el momento de crear el archivo "hola.php", el cual contiene a la clase class que llamaremos para mostrar nuestro "Hola Mundo".Este archivo irá en la carpeta controllers en la ruta: application/controllers de la raíz de nuestro "proyecto_con_codeigniter"; veamos:

        • Una vez creado este archivo, le agregaremos este código:

      <?php

      class Hola extends CI_Controller {

      public function __construct() {
      parent::__construct();
      }

      public function index(){
      $this->load->view('HolaMundo');
      }
      }

      ?>

        • Quedándonos de la siguiente manera:

      • Octavo Paso: Ahora es el momento de crear nuestro archivo "HolaMundo.php", el cual simplemente contiene el código HTML de nuestro aplicativo!. Este archivo va ubicado en la carpeta views de la ruta: "application/views" de la raíz de nuestro "proyecto_con_codeigniter"; veamos:

        • Una vez creado este archivo le colocaremos el siguiente código:

      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="utf-8">
      <title>Hello World App</title>
      </head>
      <body>

      <h1>Hello World!</h1>

      <div >
      <p>My First CodeIgniter Application.
      </div>

      </body>
      </html>

        • Quedandonos de la siguiente manera:

      • Noveno Paso: Antes de rodar nuestro aplicativo debemos realizar este ultimo paso que será editar el archivo "routes.php", el cual se encuentra en la siguiente ruta: "application/config"; veamos:

      • Abrimos el archivo y buscamos la siguiente línea de código:

      $route['default_controller']

        • Una vez encontrado esta línea de código, la editaremos cambiando la palabra que esté dentro de las aspas (' '), por nuestro nombre de clase que queremos mostrar, en nuestro caso se llama "hola", esto visto en el sétimo paso; veamos como quedaría:

      $route['default_controller'] = 'hola';

        • Guardamos el archivo y podemos rodar nuestra aplicación!; esta debería quedar así, veamos!

        Con este Aplicativo que espero haber detallado de forma convincente y armoniosa, comenzamos la practica con nuestro FrameWork CodeIgniter, no dejen de comentar!

        Parte 1 de este Tutorial : Instalación y Primera configuración de CodeIgniter.

        Publique su comentário!: