Creación de componentes para Joomla

Siguiendo con nuestra serie de tutoriales sobre Joomla, esta vez hablaremos sobre el desarrollo de componentes, otro de los tipos de extensiones disponibles para este CMS, junto con los plugins, los temas, las traducciones o los módulos.

Componentes en Joomla

Los componentes son extensiones más complejas que los módulos, y suelen contar con una parte pública o frontend y otra de administración o backend.

Sólo puede haber un componente activo por página, y este se determina mediante un argumento option en la petición HTTP, que contendrá el nombre del componente a cargar. Para un componente con nombre com_componente, por ejemplo, la URL para ejecutar el backend sería http://servidor.com/administrator/index.php?option=com_componente y la del frontend, http://servidor.com/index.php?option=com_componente.

Cuando Joomla! se encuentra con una URL de este tipo, con un parámetro option indicando el nombre de un cierto componente, el engine busca y ejecuta el archivo components/com_nombre/nombre.php si se trata del frontend y administrator/components/com_nombre/nombre.php si vamos a cargar el backend.

Aunque podríamos escribir todo el código del componente en estos dos archivos, es conveniente que nuestro código esté algo más estructurado.

De un tiempo a esta parte, afortunadamente, se está tendiendo a utilizar el patrón MVC a la hora de crear componentes para Joomla, por lo que el contenido de estos dos archivos suele consistir simplemente en la instanciación y ejecución de un controlador.

El patrón MVC en los componentes Joomla

¿Que qué es un controlador, o el patrón MVC, ya que estamos? MVC es un viejo conocido de los desarrolladores web que propone usar una arquitectura dividida en 3 capas diferenciadas, en pos de reducir el acoplamiento. Estas capas, cuyas siglas dan nombre al patrón son:

  • Modelo: los datos que maneja la aplicación y las reglas de negocio que operan sobre ellos
  • Vista: genera la interfaz con la que la aplicación interacciona con el usuario
  • Controlador: comunica la vista y el modelo respondiendo a eventos generados por el usuario en la vista, invocando cambios en el modelo, y proporcionando a la vista la información del modelo necesaria para que pueda generar la respuesta adecuada para el usuario

El patrón MVC se implementa en Joomla utilizando 3 clases distintas, una por cada componente del patrón: JModel para el modelo, JView para la vista y JController para el controlador.

Un controlador en Joomla es una clase que extiende JController, con un método para cada tarea con la que el controlador tenga que tratar: mostrar un elemento, crear un elemento, borrar un elemento, etc. En estos métodos el controlador analiza la entrada del usuario y lleva a cabo los pasos necesarios para generar la respuesta (seleccionar el modelo o modelos necesarios y la vista a utilizar y asociarlos, hacer una redirección, generar un error…)

Un modelo en Joomla es una clase que extiende JModel, con distintos métodos para realizar distintas acciones sobre los datos. No importa la forma que tomen estos datos o la forma en la que trabajemos con ellos: podríamos utilizar JTable, JDatabase, mysqli, las funciones para trabajar con ficheros…

Una vista en Joomla es una clase que extiende JView, con uno o más métodos para generarar la página HTML, el feed, el PDF, … que mostrar al usuario como respuesta. Cuando la respuesta es una página HTML, la vista suele hacer uso de plantillas.

Punto de entrada al componente

Ahora que ya hemos establecido en qué consiste el patrón MVC, veamos el aspecto que tendrá el archivo que actúa a modo de punto de entrada al componente, y que, como dijimos anteriormente, se ejecuta al cargar la URL http://servidor.com/index.php?option=com_nombre (vamos a centrarnos en este artículo en el frontend)

Recordaréis que este archivo debía instanciar el controlador y ejecutarlo. Eso es lo que hace este fragmento de código:

<?php
defined('_JEXEC') or die('Restricted access');

$controller = JRequest::getWord('controller', 'default');
$path = JPATH_COMPONENT.DS.'controllers'.DS.$controller.'.php';

if(file_exists($path)) {
  require_once($path);
  $classname = 'EjemploController'.$controller;
  $controller = new $classname();

  $controller->execute($task);
  $controller->redirect();
}

Es una práctica común el utilizar un controlador por cada tipo de entidad con el que vayamos a trabajar, y utilizar el parámetro controller para indicar el controlador a usar; ese es el motivo de que usemos JRequest para obtener su valor. En caso de que no se haya encontrado ningún parámetro controller en la petición, la variable $controller obtendrá como valor ‘default‘.

Una vez sabemos qué controlador cargar (uno especificado en la URL, o default) comprobaremos si realmente existe un archivo PHP con ese nombre en la carpeta controllers de nuestro componente.

Si es el caso, cargaremos el código del componente, instanciaremos la clase, llamaremos a su método execute pasándole como argumento el valor del parámetro task de la URL (que se guarda automáticamente en $task), y llamaremos a su método redirect.

El método execute del controlador es el encargado de llamar a uno u otro de los métodos del controlador para tratar la petición. Normalmente se ejecutará el método que tenga el nombre pasado como parámetro a execute, aunque se puede modificar el mapeo utilizando el método registerTask() (por ejemplo para que el mismo método se encargue de la tarea de editar y crear un nuevo elemento). Si la URL no tiene ningún parámetro task, y por lo tanto se le pasa una cadena vacía a execute, o si el valor no se encuentra en el mapeo, se ejecutará por defecto el método de nombre display.

El método redirect sirve para redirigir el navegador en caso de que en el método ejecutado en el controlador se estableciera una redirección (mediante el método setRedirect).

Controlador

Un controlador muy sencillo, que no hace más que ejecutar la vista asociada podría tener este aspecto:

<?php
defined('_JEXEC') or die('Restricted access');
 
jimport('joomla.application.component.controller');
 
class EjemploController extends JController {
  function display() {
    parent::display();
  }
}

De hecho, como nuestro método display, que, como ya hemos comentado, es el que se ejecuta si no se pasa ningún argumento a execute en el punto de entrada, sólo llama al método display del objeto padre, no tendríamos si quiera por qué sobre escribirlo:

<?php
defined('_JEXEC') or die('Restricted access');
 
jimport('joomla.application.component.controller');
 
class EjemploController extends JController {}

Pero normalmente nuestros controladores no serán tan sencillos. Lo más habitual es encontrarse con 2 tipos de métodos: aquellos en los que sólo queremos mostrar una cierta información al usuario, y otros en los que realizaremos una acción sobre el modelo, y redirigiremos el navegador a otra URL para mostrar el resultado.

En el primer caso sólo tenemos que establecer la vista y la plantilla a utilizar, y ejecutarla.

function display() { 
  JRequest::setVar('view', 'persona');
  JRequest::setVar('layout', 'default');

  parent::display();
}

o bien

function display() { 
  JRequest::setVar('view', 'persona');

  parent::display('default');
}

dado que default es la plantilla que se carga por defecto, si sólo vamos a usar una plantilla, o bien, si vamos a utilizar la plantilla default, no será necesario indicarlo

function display() { 
  JRequest::setVar('view', 'persona');

  parent::display();
}

En el segundo caso tendríamos algo así

function guardar() {
  $modelo = $this->getModel('persona');
  if($modelo->guardarPersona())
    $this->setRedirect('index.php?option=com_nombre', 'Persona guardada con exito');
  else
    $this->setRedirect('index.php?option=com_nombre', 'Error al guardar', 'error');
}

Vista

Como dijimos, las vistas consisten en clases que extienden JView. En estas clases nos interesará sobreescribir el método display, donde asignaremos las variables que la plantilla pueda necesitar con assign o assignRef (el primero asigna una copia del dato y el segundo una referencia) y llamaremos al método display de la clase padre para que renderice la plantilla.

class EjemploViewDefault extends JView {
  function display($tpl=null) {
    $this->assignRef('mensaje', 'Hola mundo');
 
    parent::display($tpl);
  }
}

Para obtener datos del modelo en la vista se puede hacer lo siguiente

class EjemploViewDefault extends JView {
  function display($tpl=null) {
    $modelo =& $this->getModel('MiModelo');
    $mensaje = $modelo->getMensaje();
    $this->assignRef('mensaje', $mensaje);
 
    parent::display($tpl);
  }
}

Si el modelo tiene el mismo nombre que la vista, lo cuál suele ser habitual, porque es práctica común usar una vista y un modelo por entidad, de la misma forma que hacíamos con los controladores, el modelo estará asociado automaticamente con la vista, y bastará con hacer algo así:

class EjemploViewDefault extends JView {
  function display($tpl=null) {
    $mensaje =& $this->get('Mensaje');
    $this->assignRef('mensaje', $mensaje);
 
    parent::display($tpl);
  }
}

Al llamar al método get la vista buscará en el modelo asociado un método con nombre get seguido de la cadena pasada como parámetro (getMensaje en el ejemplo) y lo ejecutará.

Por último, como dijimos, si vamos a usar la plantilla por defecto, default.php, no necesitaremos pasar a display ningún parámetro:

class EjemploViewDefault extends JView {
  function display($tpl=null) {
    $mensaje =& $this->get('Mensaje');
    $this->assignRef('mensaje', $mensaje);
 
    parent::display();
  }
}

Las plantillas son archivos PHP en los que casi todo es HTML, y se usan pequeños snipets PHP para imprimir los valores necesarios en las posiciones adecuadas. Se podría crear el código HTML de la respuesta en la clase de la vista utilizando echo, por ejemplo, pero el uso de plantillas facilitará la vida a los diseñadores, o, si no hay diseñadores, a nosotros, cuando tengamos que reutilizar código o mantener el componente.

En la plantilla se accede a los datos que se han asignado con assign y assignRef usando $this->dato

<h1><?php echo $this->dato; ?></h1>

En la plantilla también se puede usar $this->loadTemplate('plantilla'); para cargar otra plantilla y tener así un diseño más modular. En el siguiente código se cargaría una plantilla default_cabecera.php, por ejemplo:

<?php $this->loadTemplate('cabecera'); ?<

<h1><?php echo $this->dato; ?></h1>

Modelo

Por último tenemos el modelo. Estas son las clases más sencillas. Basta extender JModel y crear tantos métodos como queramos, que realizarán las operaciones sobre los datos que necesitemos. Un ejemplo podría ser

<?php
defined('_JEXEC') or die('Restricted access');
jimport('joomla.application.component.model');

class ModelEjemplo extends JModel {
  function getMensaje() {
    $db =& JFactory::getDBO();
    $query = 'SELECT mensaje FROM #__mensajes ORDER BY RAND() LIMIT 1';
    $db->setQuery($query);
    return $db->loadResult();
  }
}

Crear un componente de ejemplo

Para continuar, vamos a crear un pequeño componente de ejemplo, basado en el típico hola mundo, que mostrará un mensaje aleatorio de entre los almacenados en una tabla de la base de datos.

Lo primero que tenemos que hacer es crear una carpeta en nuestra máquina, com_ejemplo, digamos, en la que almacenaremos los archivos de nuestro nuevo componente. Dentro de esta carpeta crearemos un archivo ejemplo.xml con la información del componente e información de la instalación (puede tener un nombre cualquiera, pero lo habitual es utilizar el nombre del componente, o install.xml):

<?xml version="1.0" encoding="utf-8"?>  
<install type="component" version="1.5">
  <name>Ejemplo</name>
  <author>Raul Gonzalez</author>
  <creationDate>Febrero 2010</creationDate>
  <copyright>(C) Raul Gonzalez</copyright>  
  <license>GPL</license>
  <authorUrl>http://mundogeek.net/</authorUrl>
  <authorEmail>zootropo en gmail</authorEmail>
  <version>0.1</version>
  <description>Componente de ejemplo que muestra mensajes aleatorios escritos por los lectores</description>
  <install>
    <queries>
      <query>CREATE TABLE IF NOT EXISTS jos_mensajes(
              id int NOT NULL auto_increment,
              mensaje varchar(300) NOT NULL, PRIMARY KEY(id));</query>
      <query>INSERT INTO jos_mensajes(mensaje) VALUES
              ('At your command'),
              ('Hay 10 tipos de personas en el mundo: los que entienden binario y los que no'),
              ('Es mio, solo mio. Miii.... tessssssooooroo'),
              ('Hasta luego, y gracias por el pescado');</query>
    </queries>
  </install>
  <files>
    <file>ejemplo.php</file>
    <file>ejemplo.xml</file>
    <folder>controllers</folder>
    <folder>models</folder>
    <folder>views</folder>
  </files>
  <administration/>
</install>

como véis no es muy distinto del archivo de instalación que utilizamos al crear nuestro primer módulo, a excepción de la sección administration, que en este ejemplo está vacía, pero normalmente listará los archivos de la parte de administración, y la sección install, que utilizamos en este caso para crear la tabla que usaremos para almacenar los mensajes, e introducir algunos mensajes iniciales.

El siguiente paso es crear el archivo que sirve de punto de entrada al componente, que, como ya comentamos, tendrá como nombre el mismo del componente sin el com_; es decir, en este caso, ejemplo.php. El contenido del mismo ya lo explicamos anteriormente:

<?php
defined('_JEXEC') or die('Restricted access');

$controller = JRequest::getWord('controller', 'mensaje');
$path = JPATH_COMPONENT.DS.'controllers'.DS.$controller.'.php';

if(file_exists($path)) {
  require_once($path);
  $classname = 'EjemploController'.$controller;
  $controller = new $classname();

  $controller->execute($task);
  $controller->redirect();
}

En este ejemplo, que es tan sencillo, no tiene mucho sentido tener más de un controlador, pero utilizaremos este código igualmente para que nuestro componente sea más fácil de extender y para que el ejemplo sea más instructivo.

Ahora tenemos que crear una carpeta controllers (fíjate en el valor de $path en el código anterior) en la que crearemos el archivo de nuestro controlador por defecto, que en este caso, como habréis supuesto por el segundo argumento de JRequest::getWord, será mensaje.php. Como dijimos, es habitual utilizar un controlador por entidad con la que vayamos a tratar, y el nombre del archivo suele ser el de la entidad. El nombre de la clase suele ser el nombre del componente, seguido de ‘Controller‘ y el nombre de la entidad (EjemploControllerMensaje en este caso).

En este ejemplo sólo necesitamos un método display (mostrar), que, como comentamos, es el que se ejecuta por defecto de no pasarse ningún otro valor al método execute.

<?php
defined('_JEXEC') or die('Restricted access');
 
jimport('joomla.application.component.controller');
 
class EjemploControllerMensaje extends JController {
  function display() {
    JRequest::setVar('view', 'mensaje');
    parent::display();
  }
}

Listo. Con algo tan simple ya tenemos nuestro primer controlador. Vayamos con la vista.

Creamos una carpeta views en el directorio del componente. En esta carpeta, para cada vista que vayamos a utilizar tendremos un directorio con el nombre de la vista, que contendrá a su vez un archivo view.html.php si vamos a generar una página HTML, view.feed.php si vamos a generar un feed, view.pdf.php si la salida será un PDF, o view.raw.php para cualquier otra cosa (el CMS sabe qué tipo de salida se debe mostrar al usuario gracias al parámetro format de la URL).

En nuestro ejemplo utilizaremos una vista para la única entidad con la que vamos a trabajar, aunque hay personas que prefieren tener una vista por cada página que vayamos a utilizar en el componente.

Crearemos, por lo tanto, una carpeta ‘mensaje’ en views, y un archivo view.html.php en mensaje. El archivo view.html.php contendrá, como dijimos, una clase que extiende JView, y cuyo nombre estará compuesto por el nombre del componente, la palabra View, y el nombre de la vista (el nombre de la entidad). Como vamos a seguir las convenciones de nombres habituales, la vista tendrá asociado el modelo correspondiente, y sólo tenemos que llamar a $this->get('Mensaje') para que se busque y ejecute el método getMensaje en el modelo, y obtener de esta forma el mensaje a mostrar. Una vez hecho esto basta asignar este valor para que esté disponible para la plantilla.

<?php
defined('_JEXEC') or die('Restricted access');

jimport('joomla.application.component.view');

class EjemploViewMensaje extends JView {
  function display($tpl=null) {
    $mensaje =& $this->get('Mensaje');
    $this->assign('mensaje', $mensaje);

    parent::display();
  }
}

Sigamos con la plantilla. En el mismo directorio en que se encuentra view.html.php crearemos una nueva carpeta tmpl para contener las plantillas o templates. Como sólo necesitaremos una plantilla, vamos a llamar a este archivo default.php, que es la plantilla que se carga por defecto de no indicarse otra cosa. Este archivo sólo tiene que hacer una cosa, y es mostrar el mensaje que se ha asignado en la clase de la vista.

<h1 style="text-align:center;"><?php echo $this->mensaje; ?></h1>

Por último veamos el modelo. Crearemos una nueva carpeta models en el directorio del componente, con un archivo mensaje.php que contendrá una clase cuyo nombre estará formado por el nombre del componente, la palabra ‘Model‘ y el nombre de la entidad. En este ejemplo sólo utilizamos un método getMensaje para obtener un mensaje aleatorio de la base de datos.

<?php
defined('_JEXEC') or die('Restricted access');
jimport('joomla.application.component.model');

class EjemploModelMensaje extends JModel {
  function getMensaje() {
    $db =& JFactory::getDBO();
    $query = 'SELECT mensaje FROM #__mensajes ORDER BY RAND() LIMIT 1';
    $db->setQuery($query);
    return $db->loadResult();
  }
}

Con esto ya tendríamos preparado nuestro componente. Sólo resta comprimir los archivos que lo componen e instalarlo desde Extensiones -> Instalar/Desinstalar. Para ver el resultado, tendremos que introducir en el navegador la URL http://servidor.com/index.php?option=com_ejemplo

Complicando el componente

Como puede que el ejemplo anterior os haya sabido a poco, vamos a añadir también la posibilidad de que los usuarios puedan introducir sus propios mensajes, para afianzar conceptos.

Lo primero que tenemos que hacer es editar el controlador, y crear un par de nuevos métodos que traten las nuevas tareas ‘anyadir‘, que mostará un formulario con el que introducir el mensaje, y ‘anyadido‘, que intentará guardar el mensaje y mostrará un texto u otro dependiendo del resultado.

<?php
defined('_JEXEC') or die('Restricted access');
 
jimport('joomla.application.component.controller');
 
class EjemploControllerMensaje extends JController {
  function display() {
    JRequest::setVar('view', 'mensaje');
    parent::display();
  }
    
  function anyadir() {
    $vista = $this->getView('mensaje', 'html');

    $vista->anyadir('anyadir');
  }
    
  function anyadido() {
    $mensaje = JRequest::getVar('mensaje');
    $modelo = $this->getModel('mensaje');

    if($modelo->anyadirMensaje($mensaje))
      $this->setRedirect('index.php?option=com_ejemplo', 'Mensaje añadido con éxito');
    else
      $this->setRedirect('index.php?option=com_ejemplo', 'Se produjo un error al guardar el mensaje', 'error');
  }
}

Lo único destacable respecto de la versión anterior es que ahora necesitamos obtener una instancia de la vista, con el método getView(vista, formato) del controlador, para poder ejecutar un método distinto de display en la vista. Otra alternativa habría sido tener una vista distinta por página.

Un apunte interesante es que con JRequest::get('post') podemos obtener todos los datos de una petición POST, de forma que podríamos haber hecho algo así para guardar todos los datos de un formulario en la base de datos usando JTable:

$persona =& JTable::getInstance('persona', 'Table');
if ($persona->save(JRequest::get('post'))
  $mensaje = 'Guardado';  
else
  $mensaje = 'Error: ', $empleado->getError();  

$this->setRedirect('index.php?option=com_componente', $mensaje);

La nueva versión de la vista, con el nuevo método anyadir, tendrá el siguiente aspecto:

<?php
defined('_JEXEC') or die('Restricted access');

jimport('joomla.application.component.view');

class EjemploViewMensaje extends JView {
  function display($tpl=null) {
    $mensaje =& $this->get('Mensaje');
    $this->assign('mensaje', $mensaje);

    parent::display();
  }

  function anyadir($tpl) {
    parent::display($tpl);
  }
}

Como vemos lo único que hace es mostrar la plantilla que indicó el controlador como parámetro. En este caso no necesitamos ningún dato del modelo, por lo que no se utiliza assign ni assignRef.

La nueva plantilla, default_anyadir.php, también es muy sencilla. Sólo muestra el formulario que el usuario utilizará para añadir el mensaje.

<form action="index.php" method="post">
  <input type="text" id="mensaje" name="mensaje"/>

  <input type="hidden" name="option" value="com_ejemplo" />
  <input type="hidden" name="task" value="anyadido" />

  <input type="submit" value="Registrar mensaje"/>
</form>

Fíjate en que hacemos uso de un par de campos ocultos para establecer el valor del parámetro option y el parámetro task, y que la petición va a ser tratada, como siempre, por index.php

Por último sólo nos queda ver la nueva versión del modelo, con el método anyadirMensaje que guardará el mensaje introducido por el usuario

<?php
defined('_JEXEC') or die('Restricted access');
jimport('joomla.application.component.model');

class EjemploModelMensaje extends JModel {
  function getMensaje() {
    $db =& JFactory::getDBO();
    $query = 'SELECT mensaje FROM #__mensajes ORDER BY RAND() LIMIT 1';
    $db->setQuery($query);
    return $db->loadResult();
  }

  function anyadirMensaje($mensaje) {
    $db =& JFactory::getDBO();
    $query = "INSERT INTO #__mensajes(mensaje) VALUES('{$mensaje}')";
    $db->setQuery($query);
    $db->query();

    if ($db->getErrorNum())
      return false;

      return true;
  }
}

Desinstalamos la versión anterior del componente, comprimimos los archivos, e instalamos la nueva versión desde Extensiones -> Instalar/Desinstalar. Y listo, hemos terminado de crear nuestro primer componente. En artículos posteriores veremos cómo añadir una interfaz de administración a nuestro componente.

Comentarios
  1. ¡Excelente! Ahora si estoy más preparado para modificar un proyecto que me encargaron :).

    Responder

  2. Miguel

    Muy buen artículo 🙂

    Responder

  3. Muy bueno!, me quito el sombrero..

    Responder

  4. […] te gusta la programación y usas Joomla, puede que estés interesado en esta completa guía que se ha publicado en Mundo Geek en la que se nos explica cómo poder crear componentes para este […]

    Responder

  5. […] te gusta la programación y usas Joomla, puede que estés interesado en esta completa guía que se ha publicado en Mundo Geek en la que se nos explica cómo poder crear componentes para este […]

    Responder

  6. […] te gusta la programación y usas Joomla, puede que estés interesado en esta completa guía que se ha publicado en Mundo Geek en la que se nos explica cómo poder crear componentes para este […]

    Responder

  7. […] en el artículo anterior vimos cómo desarrollar la interfaz pública de un componente para Joomla, en esta ocasión veremos cómo crear la interfaz de administración, extendiendo nuestro pequeño […]

    Responder

  8. […] por mi océano de feeds di con un fantástico articulo desarrollado por Mundogeek en el cual se detalla y explica de manera extensa el proceso de creación de componentes para […]

    Responder

  9. Indalecio

    Buenísimo Tuto, mi más sincera Enhorabuena!!

    Responder

  10. La verdad es que la simplificación del proceso ayuda mucho a comprender mejor como se genera la estructura del componente.

    Gracias por compartir estos recursos. 🙂

    Responder

  11. […] Para acceder a la entrada, que por lo demás es parte de una serie de artículos relacionados a Joomla y las opciones de desarrollo, solo es cuestión de dirigirse mediante el siguiente enlace:  Componentes Joomla. […]

    Responder

  12. licette

    Superr, me ha servido mucho para un proyecto actual, sin embargo en el ultimo cambio el del formulario, se debe agregar algo mas, en /index.php?option=com_ejemplo,, porque no veo el formulario. de antemano, graciaspor tu ayuda

    Responder

    • Oscar C

      /index.php?option=com_ejemplo&task=anyadir

      Responder

  13. hola : la verdad muy interesantes tus articulos

    Responder

  14. Fresa

    Buen articulo sobre el tema
    Como hago para llamar las opciones /index.php?option=com_ejemplo de anyadir. Gracias

    Responder

  15. joomla, interesante no sabia de este lenguaje

    Responder

  16. Moises V.

    Muy buen tutorial, excelente trabajo, felicitaciones!

    Responder

  17. mandri

    Hola, no se si es que soy muy bruto pero hice todo tal y como dice el tutorial pero cuando voy a http://misitio/index.php?option=com_ejemplo, la pagina me sale en blanco y si voy a index.php?option=com_ejemplo&task=anyadir me sale el form pero cuando guardo me sale: Se produjo un error al guardar el mensaje. no se que pueda haber hecho mal.

    Responder

    • Anónimo

      hola , yo tenia el mismo error, pero el prblema era que en la consulta sql de la funcion anyadirMensaje no correspondia a los campos de la tabla de la base de datos, cuando corregi se iserta el msj de manera correcta…

      Responder

  18. Excelente !!!!¡¡¡¡¡

    Responder

  19. segui todo al pie de la letra pero para sorpresa mia copiando el form en el default.php sale todo como debiera ser, poniendo &anyadir no hace mas que tirarme errores

    por esas casualidades testearon antes de hacer el tuto? porque está muy bueno, pero veo que tiene ciertas fallas o yo soy muy bruto todavia…

    si tiene que leer default_anyadir.php ¿por que si pongo el form en default.php aparece todo correctamente y no en el default_anyadir.php?

    es un datito curioso para demostrar que no anda como debiera, a lo mejor haya que corregir algo

    saludos

    Responder

  20. Raúl

    Excelente !!!!!

    Yo me animé y en la view default puse dos botones, uno para llamar a la tarea de añadir y otro para refrescar el mensaje, aquí dejo el código

    mensaje; ?>

    Responder

  21. Raúl

    El código nu me deja añadirlo aquí, asi que se los comento, basicamente cree dos formularios y los dos campos ocultos a uno le puse el valor del task=”anyadir” y el otro formulario deje el valor task en blanco asi coje la vista por defecto.

    Saludos

    Responder

  22. Orlando

    El tuto me ha funcionado en un 100%! es la primera vez que visito este sitio y partir de ahora estará añadido a mis favoritos.

    Responder

  23. Este tutorial es perfecto, felicitaciones y gracias!! Es una ayuda enorme para las personas como yo que estamos conociendo y queriendo al Joomla. He realizado el componente y me funciona de maravilla, pero no puedo insertar mas datos con varios campos que es lo que normalmente tiene un formulario. Me puedes ayudar con esto, por favor??

    gracias anticipadas

    Responder

  24. Javi

    Muy bueno el post! me a ayudado mucho.. espero seguir aprendiendo mas d este frameword!

    Responder

  25. Bruno Macias

    Para los que tengan problemas en hacer funcionar el ejemplo donde ya se ingresan mensajes tener en
    cuenta el lugar donde van los archivos.

    com_ejemplo/
    com_ejemplo/ejemplo.xml
    com_ejemplo/controllers/
    com_ejemplo/controllers/mensaje.php
    com_ejemplo/models/
    com_ejemplo/models/mensaje.php
    com_ejemplo/ejemplo.php
    com_ejemplo/views/
    com_ejemplo/views/mensaje/
    com_ejemplo/views/mensaje/view.html.php
    com_ejemplo/views/mensaje/tmpl/
    com_ejemplo/views/mensaje/tmpl/default.php
    com_ejemplo/views/mensaje/tmpl/default_anyadir.php

    Forma de ejecutarlo es http://ip_server/index.php?option=com_ejemplo&task=anyadir

    Responder

  26. dbh

    Hola buenas, espero me puedas ayudar,

    tengo una página…

    para la vista “fotos” tengo el archivo default.php al cual llamo desde el controlador,

    $view->getView(‘fotos’, ‘html’)

    pero en la misma carpeta tmpl, tengo default_fotosGrandes.php

    la historia es: como llamo a este archivo desde el controlador?

    la estructura sería algo como

    fotos
    > – view.html.php
    > – tmpl
    >>> – default.php
    >>> – default_fotosGrandes.php

    Responder

  27. […] […]

    Responder

  28. La verdad es que la simplificación del proceso ayuda mucho a comprender mejor como se genera la estructura del componente.

    Gracias por compartir estos recursos. 🙂

    Responder

  29. hola, muy bueno el tutotrial, a mi me funciona todo, ecepto que al ejecutarlo me desaparecen los menus laterales, alguien sabe que puede ser???
    gracias
    saludos

    Responder

  30. Como puedo hacer que mi componente tome los datos de otra base y que no tiene prefijo… Ejm: Yo tengo un BBDD llamdada joomla y las tablas usan jos_ y tengo otro BBDD llamada pqr y las tablas no usan extencion… deseo que el componente lea la info en pqr… gracias por tu respuesta.

    Responder

  31. Dolf

    como puedo hacer que ese componente sea compatible con mi proyecto que esta creado en JOOMLA 2.5

    Responder

  32. Excelente, muy bien explicado, gracias a estos post pude crear un modulo y estoy motibado a crear un componente.

    Responder

  33. Muchas gracias era justo lo que estaba buscando

    Responder

  34. Muy buen articulo lo voy a usar para desarrollar un proyecto que tengo en mente muchas gracias

    Responder

Deja un comentario