Mariuzzo

¿Qué pasa con los artículos de Mariuzzo.com?

Rubens Mariuzzo — Wed, 06 Jan 2010 18:37:21 +0000

Esto sería una interesante interrogante. La respuesta es simple, y pidiendo disculpa, les expreso que estoy trabajando arduamente en la próxima versión de esta página web lo cual la convertirá a una página con artículos mejores elaborados, más detallados y evitando repetir lo que otros sitios web ya han publicado.

Espero que todos me comprendan. Sin embargo pueden seguirme en Twitter para estar al tanto de cosas interesante sobre el desarrollo web: http://twitter.com/rmariuzzo

¡Hasta pronto!

“MT table” un plugin de jQuery para mejorar las tablas

Rubens Mariuzzo — Thu, 26 Nov 2009 21:14:53 +0000

Hace unos días que creé un plugin de jQuery llamado MT table (Mariuzzo Tools Table). El objetivo principal es poder ofrecer funcionalidades y características a las tradicionales tablas HTML.

Hoy en día, existen muchos plugins maduros que hacen muchas cosas interesante como DataTables y Tablesorter. Sin embargo, estoy creando un plugin similar el cual llamo MT table que hará algunas funciones ya existentes, pero, agregaré nuevas funcionalidades que considero útil para muchos como para mi.

El plugin lo tengo sub-dividido en features (características), de las cuales solo hoverable está terminado en fase beta, las demás son propuestas que están desarrollo:

Hoverable. Esta característica nos permite agregar el efecto de hover a cualquier elemento de una tabla como la tabla misma, las filas, las columnas, ambas (formando un cruz), o una simple celda.
Selectable. Esto nos permitirá hacer que cualquier elemento de una tabla sea seleccionable como las filas, columnas o celdas. También nos permitirá configurar la selección para que esta sea múltiple o única.
Sortable. Sí, esta es una rueda que reinventaré. Es la típica funcionalidad de poder ordenar las columnas. Pienso eventualmente permitir el ordenamiento de filas también.
Paginable. Esta es otra rueda a reinventar. Esto hará que tablas con muchas filas sean vistas por páginas. No pasaré por alto agregar la funcionalidad de solicitar las siguientes páginas o anteriores por AJAX.
Decorable. Esta característica la haré por pura diversión. Mi intención es poder agregar coloridos especiales a las tablas como gradientes líneales, gradientes circulares entre otras cosas.

También hay otras características que me han pasado por la mente como: ajaxable, editable y pluggable. Pero hasta ahora me limitaré a las ya mencionadas.

Si quieres, puedes visitar la página del proyecto MT table, leer la documentación y descargar la demo interactivar de hoverable.

Zen Coding para escribir HTML/CSS a la velocidad de la luz

Rubens Mariuzzo — Thu, 26 Nov 2009 10:00:44 +0000

Zen Coding es un conjunto de plugins para programar en HTML o CSS a la velocidad de la luz (casi literalmente). Estas magníficas herramientas te permiten escribir un selector de CSS y expandirlo en su representación del DOM y mucho más.

Un ejemplo básico

Si queremos crear la estructura más básica de un documento XHTML transicional. Solo tenemos que poner lo siguiente.

html:xt

Y al presionar un shortcut o un click tendremos esto:

Y eso es solo el comienzo de la magia de Zen Coding.

Un segundo ejemplo

Si queremos crear un elemento cualquiera, digamos un DIV con un ID header, entonces escribimos lo que sería un selector CSS:

div#header

Y esto se convertiría en:

Sencillo y útil ¿verdad?

Un ejemplo complejo

Supongamos que queremos crear un documento HTML con varios DIVs, un menu de UL con varios LI con IDs diferente. Esto también podemos hacerlos en una sola línea:

html:xt>div#header+div#content>ul#menu>li.opcion-$*10

Esto sería igual a:

De seguro esto nos ahorrará bastante la creación de documentos HTML, les dejo el enlace para que puedan descargarlo y prueben las demás extensiones fabulosas.

Nota, esta extensión está disponible para Aptana, TextMate, NetBeans entre otros IDEs. Espero que lo disfruten y me den su opinión.

Instalando CakePHP

Rubens Mariuzzo — Sun, 22 Nov 2009 20:03:48 +0000

Este artículo es para quien por una razón u otra no ha podido instalar CakePHP o para recomendar a otras personas que necesitan una guía para iniciarse en esta excelente plataforma de desarrollo. Cabe destacar que los pasos descritos son aplicables para usuario de Linux (en mi caso Ubuntu).

Prerequisitos

Asegúrate que tengas…

… una conexión a Internet (para descargar CakePHP).
… y una instalación fresca de XAMPP (LAMPP).

1. Descargar CakePHP

En tu navegador favorito dirígete a http://cakephp.org y descarga el archivo de CakePHP. Es posible que veas una lista de archivos y no sepas cual elegir, entonces busca la última versión estable con la extensión .tar.gz.

Luego de elegir el archivo CakePHP a descargar, es posible que te pregunten por dar alguna donación monetaria a favor del proyecto. Este paso es opcional. Puedes continuar descargando el archivo haciendo click en “No Thanks”.

2. Descomprime el archivo CakePHP

Dependiendo del lugar donde esté el archivo descargado de CakePHP, procederemos a descomprimirlo en el directorio htdocs de nuestra instalación de LAMPP. Para esto, asumiremos que LAMPP está instalado en el directorio /opt. Entonces ejecutamos el siguiente comando.

sudo tar -xvzf cake_1.2.5.tar.gz -C /opt/lampp/htdocs/

3. Probamos la pre-instalación

Hasta este punto podemos ver si lo que hemos hecho esta bien. Tan solo necesitamos subir a LAMPP con un simple sudo /opt/lampp/lampp start. Luego accedemos con nuestro navegador web a la dirección http://localhost/cake_1.2.5/. Si ves algo similar a la imagen de la izquierda todo está bien, no hay mayores complicaciones.

4. Configuracion inicial

Este es el último paso, el cual consiste en configurar las dependencias básicas de CakePHP. Estas configuraciones son mínimas y las podemos realizar siguiendo cada alerta que se nos presentaron al acceder a http://localhost/cake_1.2.5/.

Warning (512): /opt/lampp/htdocs/cake_1.2.5/app/tmp/cache/ is not writable [CORE/cake/libs/cache/file.php, line 262]
Esto es un problema de permisos, para resolverlo daremos todos los permisos al directorio tmp y sus descendientes. Ejecutamos lo siguiente.
```
sudo chmod 777 -R /opt/lampp/htdocs/cake_1.2.5/app/tmp/
```
Notice (1024): Please change the value of 'Security.salt' in app/config/core.php to a salt value specific to your application [CORE/cake/libs/debugger.php, line 557]
Esto es una advertencia de seguridad donde se nos aconseja de cambiar el valor por defecto. Para modificarlo, tan solo necesitamos editar el archivo que se encuentra en /opt/lampp/htdocs/cake_1.2.5/app/config/core.php. En dicho archivo editaremos una línea parecida a esta.
```
Configure::write('Security.salt', 'DYhG93b0qyJfIxfs2guVoUubi');
```
Y cambiamos el valor (garabato) puesto por otro.
Your database configuration file is NOT present. Rename config/database.php.default to config/database.php
Tal como se describe en inglés tenemos que renombrar el archivo config/database.php.default a config/database.php. Al hacer solamente esto tendremos otro problema “Cake is NOT able to connect to the database.” que quiere decir que CakePHP no pudo conectarse a nuestra base de datos. Entonces, aparte de renombrar el archivo database.php, debemos editarlo para que apunte a nuestra base de datos. Pero primero necesitamos crear nuestra base de datos.
No te preocupes, eso es bien sencillo http://localhost/phpmyadmin y crear nuestra base de datos con cualquier que nos pase por la cabeza, para este artículo creamos una con nombre ‘bd_prueba’. Como se muestra en la siguiente imagen y presionamos el botón “Create” y listo.

Entonces, lo restante sería terminar de configurar nuestro archivo database.php. Para esto lo editamos y ponemos lo siguiente.
```
var $default = array(
  'driver' => 'mysql',
  'persistent' => false,
  'host' => 'localhost',
  'login' => 'root', // El usuario por defecto de mysql es root.
  'password' => '', // El usuario root no tiene contraseña.
  'database' => 'bd_prueba',
  'prefix' => '',
);
```

¡Listo a punchar programar!

A este punto verás que no habrán más alertas en http://localhost/phpmyadmin, todo estará verde, indicando que todo anda bien.

Como has visto son tan solo 4 pasos bien sencillo para instalar la plataforma de desarrollo CakePHP. A partir de ahí si sigues teniendo problemas, déjame saberlo en los comentarios. Y si no tienes ningún problemas no dejes de visitar para ver otro artículos similares.

Preguntas frecuentes sobre jQuery y los INPUTs

Rubens Mariuzzo — Thu, 01 Oct 2009 20:02:58 +0000

Me encontré con varias preguntas concernientes a jQuery y los elementos INPUTs. Entonces decidí escribir este artículo para aquellos que les sirva el zapato.

¿Cómo seleccionar elementos INPUTs por tipo?

La primera frase de la pregunta nos dice la mitad de como deberíamos de escribir el selector. Primero, sabemos que nuestra elementos a seleccionar son INPUTs, por lo cual deberíamos de comenzar a escribir algo así:

var elementos = $('input');

Sin embargo, si queremos filtrar nuestros INPUTs por algún tipo tan solo debemos de agregar el siguiente filtro y ¡listo!

var submits = $('input[type="submit"]');
var checkboxes = $('input[type="checkbox"]');
var texts = $('input[type="text"]');

Y así sucesivamente para cada tipo, solo necesitas cambiar el valor de type para cada selector.

¿Cómo saber el tipo de un elemento INPUT?

La respuesta a esta pregunta es muy sencilla por lo cual no se necesita dar muchas explicaciones. Como el tipo de un elemento INPUT se almacena en el atributo TYPE tan solo necesitamos escribir los siguiente:

var tipo = $('#elemento14').attr('type');

Este código seleccionará el elemento con ID elemento14 y devolverá su tipo.

¿Cómo obtengo el valor de un elemento INPUT?

Esta pregunta suele surgir cuando uno aprende a sacar el texto de un elemento con .text() o el html con .html(). Sin embargo, para los INPUTs es diferente, debemos de utilizar el método .val(). Por ejemplo, si queremos sacar el username puesto en un INPUT text podemos hacerlo así:

var username = $('#username').val();

Este código seleccionará el elemento con ID ‘username’ y devolver su valor.

¿Cómo seleccionar ‘todos’ los INPUTs, incluido los SELECTs, BUTTONs, TEXTAREAs…?

Esto es bien sencillo, tan solo necesitas utilizar un filtro prediseñado para esto.

var username = $(':input');

Al ejecutar este selector obtendrás todo los tipos de INPUTs diferentes, y todos los SELECTs, BUTTONs y TEXTAREAs.

¿Has tenido otras dudas o preguntas sobre INPUTs y formularios? ¡Utiliza los comentarios para expresarte!

Sigue el Phishing con nuestros Bancos

Rubens Mariuzzo — Wed, 23 Sep 2009 21:03:37 +0000

Ya hace tres meses que publiqué un artículo que detallaba un ataque de phishing utilizando como anzuelo al Banco Popular Dominicano. Aunque éste no fue el primer de los ataques, el BPD tomó serias medidas de seguridad implementado el uso de una tarjeta de códigos para cada uno de sus clientes, de esta manera aumentarían significativamente la seguridad y la confianza en su empresa.

Pues esta mañana recibí un nuevo correo phishing animándome a “sincronizar mi tarjeta de claves digitales”. Por supuesto, el correo parece sin lugar a dudas del BPD, pero al mirar detenidamenete nos damos cuentas que no proviene de dicho banco, sino, de un mal intencionado y aprovechado de la tecnología para cometer un crimen cibernético.

Puedes ver la imagen del correo electrónico que supuestamente recibí del BPD. Note que al ver los detalles del encabezado del correo se nos aclara diciendo que viene desde HI5, obviamente, quien quieres robar nuestros credenciales, nuestras tarjetas de códigos y por consiguiente nuestro dinero no es HI5, ya que esto es una técnica común y muy fácil de hacerse pasar por otra persona o dirección electrónica.

Leyendo XML desde CakePHP

Rubens Mariuzzo — Mon, 21 Sep 2009 02:02:14 +0000

Si te ves en la necesidad de leer un archivo XML desde CakePHP lo puedes lograr fácilmente a través de una clase provista. Si estás desde un Controlador o Helper puedes utilizar el siguiente código para leer un archivo XML.

toArray(false);
  }
}
?>

Listo, en la variable $xml_content tendrás la representación pura de un archivo XML y en la variable $xml_array tendrás un arreglo legible de tu archivo XML.

Si estuviéramos utilizando el siguiente archivo XML:

Obtendríamos el siguiente contenido para la variable $xml_array:

Array
(
  [menu] => Array
    (
      [item] => Array
        (
          [0] => Array
            (
              [name] => Home
              [url] => pages/home
            )
          [1] => Array
            (
              [name] => Courses
              [url] => pages/courses
            )
          [2] => Array
            (
              [name] => Portfolio
              [url] => pages/portfolio
            )
          [3] => Array
            (
              [name] => Contact
              [url] => pages/contact
            )
         )
      )
)

La representación pura del XML no se la mostraré porque es muy verbosa.

¿Cómo localizar tus archivos XML?

Esa fue mi primera pregunta cuando seguí el ejemplo de la documentación oficial de CakePHP. Los archivos XML se leen a partir del directorio /cake/libs/ esto significa que se debe subir dos niveles de manera relativa para hacer referencias a nuestros archivos. Les presento unos ejemplos.

Ubicación de tu archivo:	Ruta a utilizar:
/app/views/helpers/menu.xml	../../app/views/helpers/menu.xml
/app/models/datasources/db.xml	../../app/models/datasources/db.xml

Esto se debe porque la clase XML de CakePHP está localizada en /cake/libs/ entonces, esta buscará relativamente cualquier archivo.

¿Preguntas? Dejalas en los comentarios.

Creando mi primer Helper para CakePHP

Rubens Mariuzzo — Fri, 18 Sep 2009 21:28:00 +0000

Recientemente, trabajando en un proyecto de un cliente, me vi en la necesidad de crear un Helper. Por eso quiero compartir con ustedes como podemos crear un Helper en CakePHP de manera rápida y comprensible.

Antes que todo, queremos recordar que un Helper no es más que un componente utilizado en la capa de presentación de una aplicación. ¿Cuando hay que crear un Helper? Cuando nos encontramos con secciones repetitivas en nuestras vistas, elementos o layouts. Un ejemplo de secciones así, serían los mensajes de alertas, errores o información.

En este artículo veremos como crear un Helper que nos permita crear mensajes de alertas customizados. El Helper lo llamaremos MessageHelper, procedamos a crearlo.

Partiendo que ya tenemos una instalación de CakePHP nos dirigimos al directorio app/views/helpers y creamos nuestro Helper creando un archivo llamando message.php (esto es siguiendo la convención para archivos y clases en CakePHP). Luego procedemos a editar nuestro Helper recién creado y agregamos el siguiente código.

Con esto tendremos lo básico creado para nuestro primer Helper. Ahora procederemos a crear tres métodos para la creación de nuestros tres tipos de mensajes. Sin embargo, los mensajes de error los quiero mostrar de un DIV el cual quiero darle estilo por CSS. Para esto necesitaría la ayuda de otro Helper ya creado, el HtmlHelper. Tomando el código anterior procedemos a agregar los métodos:

Html->css(array('msg'), null, null, false);
    // Creamos nuestro div con un clase CSS 'msg-info'
    // y le pasamos el mensaje al cuerpo de nuestro DIV.
    $info = $this->Html->div('msg-info', $message);
    // Ahora devolvemos el DIV creado.
    return $info;
  }
  // Creamos el método para mensajes de errores.
  function error($message) {
    // Agregamos nuestro CSS externo de nombre msg.css
    // Solo tenemos que poner msg sin el '.css'
    $this->Html->css(array('msg'), null, null, false);
    // Creamos nuestro div con un clase CSS 'msg-info'
    // y le pasamos el mensaje al cuerpo de nuestro DIV.
    $info = $this->Html->div('msg-error', $message);
    // Ahora devolvemos el DIV creado.
    return $info;
  }
  // Creamos el método para mensajes de alertas.
  function warning($message) {
    // Agregamos nuestro CSS externo de nombre msg.css
    // Solo tenemos que poner msg sin el '.css'
    $this->Html->css(array('msg'), null, null, false);
    // Creamos nuestro div con un clase CSS 'msg-info'
    // y le pasamos el mensaje al cuerpo de nuestro DIV.
    $info = $this->Html->div('msg-warning', $message);
    // Ahora devolvemos el DIV creado.
    return $info;
  }
}
?>

Listo, con eso ya tenemos nuestro primer Helper creado. Para poder probarlo tan solo habrá que incluirlo en nuestro controlador en cuestión.

Una vez esté listo nuestro controlador, tan solo tenemos que llamar los métodos de nuestro MessageHelper desde la vista.

info('Este es un mensaje de alerta.');
echo $message->error('Este es un mensaje de error.');
echo $message->warning('Este es un mensaje de alerta.');
?>

Hasta este punto no veremos nada visualmente diferente aparte de los textos. Esto es porque debemos de crear una hoja de estilo CSS en app/webroot/css llamada msg.css. Para fines de pruebas podemos crear el archivo CSS con las siguientes definiciones de estilo.

/*
 * Estilos para mensajes.
 */
.info {
  border:solid 1px #349534;
  background:#C9FFCA;
  color:#008000;
  font-weight:bold;
  padding:4px;
  text-align:center;
}
.error {
  border:solid 1px #CC0000;
  background:#F7CBCA;
  color:#CC0000;
  font-weight:bold;
  padding:4px;
  text-align:center;
}
.warning {
  border:solid 1px #DEDEDE;
  background:#FFFFCC;
  color:#222222;
  padding:4px;
  text-align:center;
}

Voilà! Este era el toque final. Ahora verás tu Helper funcionando, ahora te toca extenderlo y agregar las funcionalidades que necesites.

Créditos por los CSS: WOORK.

Sobre jQuery 1.4 y futuras versiones

Rubens Mariuzzo — Fri, 18 Sep 2009 14:00:16 +0000

En la conferencia anual de jQuery para este año se presentaron interesantes cambios de esta librería de JavaScript ante una audiencia de 300 personas aproximadamente. Tomando en cuenta el primero discurso presentando por el orador John Resig, miembro de jQuery Core intitulado “Recent Changes to jQuery’s Internals” (Cambios Recientes en jQuery), estaré resaltando los cambios que comenzaremos a ver en la próxima distribución que será la versión 1.3.3 o 1.4 (aún no se ha decidido cual versión estable será la siguiente por la gran cantidad de cambios que veremos). Miren los importantes y nuevos cambios:

No más detección de navegador.
Desde la versión 1.3.2 hemos visto la aparición de jQuery.support que reemplazará lo que algunos de nosotros solemos utilizar: jQuery.browser. jQuery.support es una adición reciente que prueba el soporte de diferentes funcionalidades para el navegador en cuestión.
jQuery será modularizado.
Se anunció que para la versión 1.3.3/1.4 jQuery será dividido en diferentes módulos según sus funcionalidades. Esto significa que el core de jQuery (jquery.js) será dividido en varias archivos como: core.js, attributes.js, css.js, manipulation.js y traversing.js.
jQuery para móviles.
El equipo de desarrollo está experimentando con una versión de jQuery para móviles. Está incluirá la inclusión de módulos remotos, funciones búsqueda entre otras cosas que aún no han revelado.
Soporte para ECMAScript 5.
En la próxima versión de jQuery, ésta aprovechará algunas de las funcionalidades de ECMAScript como el uso del nuevo objeto de expresiones regulares y la conversión nativa de datos JSON a ‘objetos JavaScript’.
Discriminadores de funciones y arreglos.
En la última versión hemos visto el métodos jQuery.isFunction que nos permite determinar si el objeto es una función, de igual manera funcional y de implementación se agregó el método jQuery.isArray para determinar si un objeto es un arreglo.
Unificación de jQuery(…).
Para la próxima versión ya no habrán más discrepancias con jQuery(null), jQuery(false) y jQuery(undefined). Todos serán idénticos a jQuery([]).
Optimizaciones en selectores por TAGs.
En versiones actuales seleccionar un tag, por ejemplo: o jQuery(“div”) recorría la implementación interna de Sizzle (el selector interno de jQuery). En cambio ahora, los selectores de un tag en particular serán optimizados utilizando una alternativa a Sizzle reduciendo así el tiempo de búsqueda. Esto será válido para todos los TAGs salvo BODY, ya que jQuery(“body”) será un atajo para jQuery(document.body).
Nuevos métodos “atajos”.
Ahora veremos que para acceder al primer elemento de un arreglo de jQuery podremos utilizar los métodos first() y last() que corresponde a get(0) y get(-1) respectivamente.
Mejoras en manipulaciones de HTML.
El métodos append() que sirve para agregar código HTML al final del objeto seleccionado, ha sido modificado para que acepte como argumento una función. Eso permitirá ejecutar una función sobre el o los objetos seleccionado por el selector. Por ejemplo, actualmente hacemos:
```
$('li').each(function() {
  $(this).append("My id: " + this.id);
})
```
Ahora obtendremos los mismos resultados de esta manera
```
$('li').append(function() {
  return "My id: " + this.id;
})
```
Nuevas funciones.
.detach() será parecido a .remove() a diferencia que los eventos y la data quedarán intactos.
.closest(tag) chequeará si el selector es igual al tag, de no ser así se buscará el parentezco más cercano igual al tag.
.index() devuelve el índice del objeto seleccionado respecto a sus ‘primos’ (siblings).

Desde mi punto vista, hay muchos nuevas características y optimizaciones para la librería de jQuery. Algunas de éstas que he citado previamente me hacen pensar en algunas cosas que podrían aparecer más adelante (al menos que no hayan empezado ya). Ver que la librería no será ya un solo archivo sino una serie de módulos me hace pensar que pronto veremos como un manejador de dependencias, algo al estilo Dojo con su dojo.require(…). No sé que tan factible sería un manejador de dependencias al estilo Maven, pero implementado para jQuery. Tal vez, tomando a plugins.jquery.com como un repositorio donde estarán todas las ‘dependencias’ (los módulos de jQuery, jQueryUI, plugins etc…).

Y tu, ¿qué opinas de estas novedades?

Mi primer formulario en CakePHP

Rubens Mariuzzo — Sun, 16 Aug 2009 03:12:35 +0000

Siempre me ha gustado crear cosas relativamente rápido y en cortos pasos, es por eso que he creado este artículo para mostrar como crear un formulario simple que populará una tabla de una base de datos MySQL. Veremos la integración por convención de un formulario creado con CakePHP y su conectividad con la base de datos (en este caso MySQL). A lo largo de este artículos estaremos creando un formulario para introducir nuevos productos en un inventario.

Requisitos.

CakePHP 1.2.4xxx
XAMPP 1.7 / WAMP 2

Creación de base de datos y tabla.

Para este formulario crearemos una base de datos llamada: inventory y en ella crearemos nuestra tabla que almacenará los productos, esta última será llamada items.

Accedemos a PHPMyAdmin via http://localhost/phpmyadmin/ (en el caso mio y en el de la mayoría)
Creamos nuestra base de datos inventory.

Creamos nuestra tabla ejecutando el siguiente código SQL:

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

CREATE TABLE IF NOT EXISTS `items` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(100) NOT NULL,
  `description` varchar(300) NOT NULL,
  `price` int(11) NOT NULL,
  `quantity` int(11) NOT NULL,
  PRIMARY KEY (`id`),
  KEY `name` (`name`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

Configuración de conectividad a la base de datos desde CakePHP.

Una vez creada nuestra base de datos, debemos decir a CakePHP que se conecte a ella. Esto lo hacemos editando el archivo: app/config/database.php y ponemos en este lo siguiente:

 'mysql',
		'persistent' => false,
		'host' => 'localhost',
		'login' => 'tu-usuario',
		'password' => 'tu-password',
		'database' => 'inventory',
		'prefix' => '',
	);
}
?>

Creación del formulario.

Para crear nuestro formulario debemos de crear una carpeta ‘items’ en el directorio ‘app/views’. En este directorio (app/views/items) crearemos un archivo con nombre ‘add.ctp’, en este crearemos nuestro formulario con el siguiente código:

agregar un item
create();
		echo $form->label('name', 'nombre');
		echo $form->text('name');
		echo $form->label('description', 'descripción');
		echo $form->textarea('description');
		echo $form->label('price', 'precio');
		echo $form->text('price');
		echo $form->label('quantity', 'cantidad');
		echo $form->text('quantity');
		echo $form->submit('agregar');
	echo $form->end();
?>

Creación de controlador.

Ahora procederemos a crear el controlador que es quien se encargará de recibir la petición del formulario y guardar la información de este en la base de datos. Dentro de la carpeta ‘app/controller’ creamos el archivo ‘items_controller.php’ y ponemos el siguiente código:

data)) {
			$this->Item->save($this->data);
		}
	}
}
?>

¡Listo a probar!

Con esto solo necesitas acceder a la dirección http://localhost/inventory/items/add, donde localhost será tu servidor e inventory el nombre de tu aplicación o la carpeta donde pusiste tu aplicación.

Al mismo tiempo que jueges con tu formulario verifica que los productos se estén guardando en la base de datos.

Cualquier duda al respecto exprésate más abajo en los comentarios.