Inicio » Blog » PHP

Estructura Web Modular

Estructura Modular de una página web

Estructura Web Modular

¿Cómo programar una estructura modular para una página web?

Desarrollo de una estructura web modular para una página web en PHP, cuya finalidad es reutilizar código y mantener un orden en el diseño y desarrollo 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 .

Talvez tiene el código fuente para descargar

Ver Código Fuente

Redactado por: , Leido 6354 veces

Aprende más sobre PHP

Codea App
Codea App FullStack

Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

You Fb Tik Pin

© Todos los derechos reservados Codea App | Cursos de programación | 2020 - 2022