Estructura Web Modular

Desarrollo de una estructura modular para una página web en PHP, cuya finalidad es reutilizar código y mantener un orden en el diseño web.

Existen muchas formas de obtener una estructura modular y eso depende de los requerimientos de los clientes para sus páginas web y de la capacidad creativa de los analistas de determinar que tipo de estructura web es más viable o se acomoda a las exigencias del proyecto. Bien, en esta ocación veremos como estructurar una web modular bastante simple y sencilla,

Para ello creamos una distribución de archivos; esta distribución de archivos permite reutilizar código y mantener un poco de orden en cualquier proyecto web, es una estructura muy básica que nos ayudará a entender como se desarrolla un proyecto web.

CÓDIGO DE UNA WEB MODULAR EN PHP

<?php 
$page="view/index.php";
if(isset($_GET['page']))
	if(file_exists("view/".$_GET['page'].".php"))
		$page="view/".$_GET['page'].".php";	
require 'view/partials/header.php';
require $page;
require 'view/partials/footer.php';
 ?>

EXPLICADO LINEA A LINEA

Intentaremos describir que hace cada línea de código de las 7.

  1. La primera linea define una variable, esta almacena un texto con la dirección para acceder a una secciòn por default; es decir el mòdulo por defecto.
  2. la Linea 2 pregunta si existe una variable del tipo GET,
  3. La tercera linea pregunta si existe el archivo con el nombre de  cuyo valor toma de la variable tipo GET,
  4. La cuarta crea la url para acceder a dicha sección cambiando el default index
  5. La quinta linea, trae el header o encabezado de la página web
  6. la sexta extrae o carga la pàgina procesada 
  7. Y la linea 7, trae el footer de la página web

CARPETAS O DIRECTORIO DE ARCHIVOS PHP

Como verán el header y footer estan dentro del directorio view/partials/. La distribuciòn de carpetas y archivos php es la siguiente:

  • web
    • view
      • partials
        • header.php
        • footer.php
      • index.php
      • pagina_2.php
      • pagina_3.php
    • index.php

En los siguientes dias o semanas desarrollaremos un curso de diseño de una página web real aplicado a una escuela de verano,  en la cual implementaremos secciones estáticas y dinámicas como un blog con conexión a una base de datos .

Código fuente completo de Estructura Web Modular

DESCARGAR

Visitas: 116 | Publicado:2018-11-14 03:04:01

Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::