Inicio » Blog » PHP

14 noviembre, 2018

Estructura Web Modular

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

Estructura Web Modular

Suscríbete a nuestro canal en Youtube

Suscríbirse

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 .


Leido 7480 veces

Descarga el código fuente PHP

Recurso descargado 61 veces

USD

Descargar Código Fuente

Compartir link del tutorial con tus amigos


Aprende más sobre PHP

Cursos de programación

Codea Codea App

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

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023