Vídeo Vimeo Conferencia PHP Profesional y diapositivas

NOTA: Este tutorial se ha realizado en Ubuntu 11.04 – Natty Narwhal, no se ha comprobado su funcionamiento en otros sistemas operativos. Esto es sólo una especie de chuleta de ejemplo por si se te olvida alguna cosa tras leer la documentación de symfony2, pero evidentemente es imprescindible leérsela antes para saber de qué va todo esto http://symfony.com/doc/2.0/book/index.html

El código fuente utilizado está disponible en: https://github.com/montes/Adictos-Symfony2-Bundle

ACTUALIZACIÓN 23/5/2011: Actualizado para symfony2 beta2

1. Descarga

Descarga Symfony2 Standard Edition (en el momento de escribir esto la BETA2): http://symfony.com/download

Descomprime

tar -zxvf Symfony_Standard_Vendors_2.0.0BETA2.tgz

Y cambia los permisos de app/cache y app/logs para que sean escribibles por php, por ejemplo:

chmod 777 app/cache app/logs

Configura en tu servidor el directorio “web/” como raíz y ya deberías poder cargar la página de bienvenida de symfony2 desde http://127.0.0.1/app_dev.php/

2. Configura la base de datos

Configura app/config/parameters.ini con las opciones de tu base de datos (también lo puedes hacer desde http://127.0.0.1/app_dev.php/_configurator/ ), para mysql sería algo así:

[parameters]
    database_driver=pdo_mysql
    database_host=localhost
    database_name=symfony2
    database_user=symfony2
    database_password=password
    mailer_transport=smtp
    mailer_host=localhost
    mailer_user=
    mailer_password=
    locale=en
    csrf_secret=op234j234j2424jojpfwesdcsdc

3. Crear nuestro primer bundle

Ahora ya podemos crear un bundle:

php app/console init:bundle "Montes\AdictosBundle" src

Ahora toca añadir a app/autoload.php :

$loader->registerNamespaces(array(
    'Montes'                         => __DIR__.'/../src',
    // ...
));

y añadir a app/AppKernel.php :

    $bundles = array(
        // ...
        new Montes\AdictosBundle\MontesAdictosBundle(),
    );

4. Ruta

Para que symfony2 sepa dónde enviar las peticiones, añadimos a app/config/routing_dev.yml :

homepage:
    pattern:  /adictos
    defaults: { _controller: MontesAdictosBundle:Default:index }

En este punto ya podemos cargar nuestro recién creado bundle yendo a: http://127.0.0.1/app_dev.php/adictos

5. Controller

El controller por defecto (Montes/AdictosBundle/Controller/DefaultController.php) ya nos lo ha creado Symfony2, ahora vamos a crear el controller StoreController.php

//Montes/AdictosBundle/Controller/StoreController.php
<?php

namespace Montes\AdictosBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Template;

class StoreController extends Controller
{
    /**
     * @Template()
     */
    public function indexAction($store)
    {
        return array('store' => $store);
    }
}

y añadimos a app/config/routing_dev.yml

store:
    pattern: /adictos/{store}
    defaults: { _controller: MontesAdictosBundle:Store:index }

y una nueva plantilla de twig a Montes/AdictosBundle/Resources/Views/Store/index.html.twig

So you want store "{{ store }}"?

Y ahora cargando http://127.0.0.1/app_dev.php/adictos/mi-tienda obtendremos:

So you want store “mi-tienda”?

6. Modelo

NOTA: Para entrar en detalle sobre Doctrine2 recomiendo el blog de Francisco Belmonte, una maravilla.

Primero añadimos a app/config/config.yml “MontesAdictosBundle: ~“ A partir de la BETA1 por defecto el mapping es automático.

Comenzamos con Doctrine, vamos a definir nuestro modelo para una tienda. Antes de nada, como aún no hemos creado ningún modelo tendremos que crear el directorio Montes/AdictosBundle/Entity que es donde los guardaremos todos.

Y ya podemos empezar, modelo para Store:

<?php
// Montes/AdictosBundle/Entity/Store.php

namespace Montes\AdictosBundle\Entity;

use Doctrine\ORM\Mapping as ORM;

/**
 * @ORM\Entity
 */
class Store
{
    /**
     * @ORM\Id
     * @ORM\Column(type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
     protected $id;

    /**
     * @ORM\ManyToMany(targetEntity="Category")
     * @ORM\JoinTable(name="stores_categories",
     *      joinColumns={@ORM\JoinColumn(name="store_id", referencedColumnName="id")},
     *      inverseJoinColumns={@ORM\JoinColumn(name="category_id", referencedColumnName="id")})
     */
    protected $categories;

    /**
     * @ORM\Column(type="string", length="255")
     */
    protected $url;

    /**
     * @ORM\Column(type="string", length="255")
     */
    protected $name;

    /**
     * @ORM\Column(type="integer")
     */
    protected $clicks = 0;

    /**
     * @ORM\Column(type="boolean")
     */
    protected $validated = false;

    /**
     * @ORM\Column(type="integer")
     */
    protected $pcomments = 0;

    /**
     * @ORM\Column(type="integer")
     */
    protected $ncomments = 0;

    /**
     * @ORM\Column(type="boolean")
     */
    protected $active = false;

    /**
     * @ORM\Column(type="datetime", name="updated_at")
     */
    protected $updatedAt;

    /**
     * @ORM\Column(type="datetime", name="created_at")
     */
    protected $createdAt;

    public function __construct()
    {
        $this->categories = new \Doctrine\Common\Collections\ArrayCollection();
        $this->createdAt = new \DateTime();
        $this->updatedAt = new \DateTime();
    }
}

Modelo para Category:

<?php
// Montes/AdictosBundle/Entity/Category.php

namespace Montes\AdictosBundle\Entity;

use Doctrine\ORM\Mapping as ORM;

/**
 * @ORM\Entity
 */
class Category
{
    /**
     * @ORM\Id
     * @ORM\Column(type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    protected $id;

    /**
     * @ORM\OneToMany(targetEntity="Category", mappedBy="parent")
     */
    protected $children;

    /**
     * @ORM\ManyToOne(targetEntity="Category", inversedBy="children")
     * @ORM\JoinColumn(name="parent_id", referencedColumnName="id")
     * @ORM\Column(nullable="true")
     */
    protected $parent;

    /**
     * @ORM\ManyToMany(targetEntity="Store", mappedBy="categories")
     */
    protected $stores;

    /**
     * @ORM\Column(type="string", length="255")
     */
    protected $name;

    /**
     * @ORM\Column(type="string", length="255", name="url_string", unique="true")
     */
    protected $urlString;

    public function __construct()
    {
        $this->stores = new \Doctrine\Commmon\Collections\ArrayCollection();
    }
}

Y ahora vamos a consola y para generar las tablas en la base de datos ejecutamos:

php app/console doctrine:schema:create

y para completar nuestro modelo con sus getters/setters:

php app/console doctrine:generate:entities MontesAdictosBundle

7. Probando el modelo

Vamos a cambiar la acción que muestra la tienda a su propia acción (storeAction) para hacer hueco al índice del store controller en indexAction, que ahora mostrará el total de tiendas que tenemos almacenadas en la BD.

# app/config/routing_dev.yml
store:
    pattern: /adictos/{store}
    defaults: { _controller: MontesAdictosBundle:Store:store }

store_index:
    pattern: /adictos/
    defaults: { _controller: MontesAdictosBundle:Store:index }

<?php
// Montes/AdictosBundle/Controller/StoreController.php

namespace Montes\AdictosBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Template;

class StoreController extends Controller
{

    /**
     * @Template()
     */
    public function indexAction()
    {
        $em = $this->get('doctrine.orm.entity_manager');
        $stores = $em->createQuery('SELECT count(s.id) AS total FROM Montes\AdictosBundle\Entity\Store s')->getSingleScalarResult();
        return array('stores' => $stores);
    }

    /**
     * @Template()
     */
    public function storeAction($store)
    {
        return array('store' => $store);
    }
}

<!-- Montes/AdictosBundle/Resources/views/Store/index.html.twig -->
We have a total of {{ stores }} stores.

<!-- Montes/AdictosBundle/Resources/views/Store/store.html.twig -->
So you want store "{{ store }}"?

Ahora al cargar http://127.0.0.1/app_dev.php/adictos/ nos saldrá We have a total of 0 stores y al cargar http://127.0.0.1/app_dev.php/adictos/mi-tienda nos saldrá So you want store “mi-tienda”?

1. Días de la semana y meses en castellano
2. Primer día de la semana Lunes
3. Formato de fecha dd-mm-yyyy
4. Posibilidad de darle un id al node (span) que crea
5. Posiblidad de pasarle el path de las imágenes por si queremos que sea distinto al original

Para usar la versión modificada, debéis descargar primero la original de su página y luego sobreescribir “jsDatePick.full.1.0.js” con el modificado “jsDatePick.full.1.0.spain.js” Javascript Calendar Spanish Version

Este sería un ejemplo de uso con las dos nuevas opciones (id y path):

		new JsDatePick({
			useMode:2,
			id:"idCalendarNode",
			path:"/mis-imagenes/",
			target:"beginDate"
		});

Although the Google Maps API V3 is still quite green and much remains to be polished, it is quite usable and if you only need the basic features of Google Maps, then you can use it for your project, the new speed and usability at portable devices is a plus.

This code is an example of the use of various techniques with javascript:

• Map centering at user’s location
• Event capturing
• Reverse Geocoding
• Use of Nianwei’s library scrollwheelzoom (still not officially supported in V3)

Test the code

And here is the code (validated XHTML with Doctype).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
** Created at 2009 July by Montes http://mooontes.com
** Under licence http://creativecommons.org/licenses/by/3.0/es/deed.es
**
** Google Maps API V3 javascript example
**
** Visitor's location map centering, event capturing,
** reverse geocoding & Nianwei's scrollwheelzoom
**
**
** Creado en Julio de 2009 por Montes http://mooontes.com
** Bajo licencia http://creativecommons.org/licenses/by/3.0/es/deed.es
**
** Ejemplo de programación con Google Maps API V3
**
** Centrado del mapa en la ubicación del visitante, captura de eventos,
** reverse geocoding y uso de la libreria para hacer zoom con la rueda del ratón
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>

	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

	<title>Test Google Maps API V3 -mooontes.com-</title>

    <style type="text/css">
	html
	{
		border:0;
		padding:0;
		margin:0;
		width:100%;
		height:100%;
	}
	body
	{
		border:0;
		padding:0;
		margin:0;
		width:100%;
		height:100%;
	}
	#map_canvas
	{
		width:100%;
		height:100%;
	}
	#info
	{
		position:absolute;
		width:250px;
		height:250px;
		left:20px;
		top:300px;
		background-color:white;
		padding:5px;
		overflow:auto;
	}
    </style>

	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>	

	<script type="text/javascript">
	var map;
	var geocoder;

	function initialize() {

		//Geocoder initialization & visitor's location map centering
		geocoder = new google.maps.Geocoder();
		if (google.loader.ClientLocation)
		{
			//Search for visitor's latitude and longitude
			var latt = google.loader.ClientLocation.latitude;
			var longg = google.loader.ClientLocation.longitude;

			//Center the map at visitor's coordinates
			var latlng = new google.maps.LatLng(latt,longg);
		}
		else
		{
			//If we can't get visitor's coordinates, set Madrid as map center
			var latlng = new google.maps.LatLng("40.41153868","-3.70362707");
		}

		//Create the map
		var myOptions = {
		zoom: 5,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

		//Add a listener, it will activate when the map become fully loaded
		google.maps.event.addListener(map, 'bounds_changed',function()
			{
				//First div's update to show actual location details
				actualizaUbicacion();
				//Map fully loaded, clear the listener
				google.maps.event.clearListeners(map, 'bounds_changed');
				//And add two new events, one will update the div's info when user ends dragging the map and the other when map's zoom changes
				google.maps.event.addListener(map, 'dragend',function() { actualizaUbicacion() });
				google.maps.event.addListener(map, 'zoom_changed',function() { actualizaUbicacion() });
			}
		);

	}

	function actualizaUbicacion()
	{

		//Map's center coordinates we'll use for reverse geocoding
		var lattlng = map.getCenter();

		if (geocoder)
		{
			geocoder.geocode({'latLng': lattlng}, function(results, status)
			{
				if (status == google.maps.GeocoderStatus.OK)
				{
					if (results[1])
					{
						var reverse_geo = results[1];

						var text = "<a href='http://mooontes.com/2009/07/30/google-maps-api-v3-javascript-2/'>Back to post at mooontes.com<"+"/a><br /><br />Map center: "
							+ map.getCenter()+ "<br /><br />Reverse Geocoding:<br />";
						if (reverse_geo.address_components[0]) { text = text + "0: " + reverse_geo.address_components[0].long_name + "<br />"; }
						if (reverse_geo.address_components[1]) { text = text + "1: " + reverse_geo.address_components[1].long_name + "<br />"; }
						if (reverse_geo.address_components[2]) { text = text + "2: " + reverse_geo.address_components[2].long_name + "<br />"; }
						if (reverse_geo.address_components[3]) { text = text + "3: " + reverse_geo.address_components[3].long_name + "<br />"; }
						if (reverse_geo.address_components[4]) { text = text + "4: " + reverse_geo.address_components[4].long_name + "<br />"; }

						text = text + "5: " + reverse_geo.formatted_address;

						document.getElementById('info').innerHTML = text;
					}
				}
				else
				{
					document.getElementById('info').innerHTML = "No hay información de Reverse Geocoding.";
				}
			});
		}
	}

	//--></script>

</head>
<body onload="initialize()">
	<div id="map_canvas"></div>
	<div id="info"><a href="http://mooontes.com/2009/07/30/google-maps-api-v3-javascript-2/">Back to post at mooontes.com</a></div>
</body>
</html>

Este código es un ejemplo del uso de varias técnicas con javascript:

• Centrar el mapa en la ubicación del visitante
• Captura de eventos
• Reverse Geocoding
• Uso de la librería de Nianwei para hacer zoom con la rueda del ratón (aún no soportado oficalmente en la V3)

Probar el código

Y aquí dejo el código, XHTML con doctype y validable, a diferencia de lo que nos tiene acostumbrados google

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
** Creado en Julio de 2009 por Montes http://mooontes.com
** Bajo licencia http://creativecommons.org/licenses/by/3.0/es/deed.es
**
** Ejemplo de programación con Google Maps API V3
**
** Centrado del mapa en la ubicación del visitante, captura de eventos,
** reverse geocoding y uso de la libreria para hacer zoom con la rueda del ratón
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>

	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />

	<title>Test Google Maps API V3 -mooontes.com-</title>

    <style type="text/css">
	html
	{
		border:0;
		padding:0;
		margin:0;
		width:100%;
		height:100%;
	}
	body
	{
		border:0;
		padding:0;
		margin:0;
		width:100%;
		height:100%;
	}
	#map_canvas
	{
		width:100%;
		height:100%;
	}
	#info
	{
		position:absolute;
		width:250px;
		height:250px;
		left:20px;
		top:300px;
		background-color:white;
		padding:5px;
		overflow:auto;
	}
    </style>

	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>	

	<script type="text/javascript">
	var map;
	var geocoder;

	function initialize() {

		//Inicializamos geocoder y centramos el mapa en la ubicación del visitante
		geocoder = new google.maps.Geocoder();
		if (google.loader.ClientLocation)
		{
			//Averiguamos latitud/longitud del visitante
			var latt = google.loader.ClientLocation.latitude;
			var longg = google.loader.ClientLocation.longitude;

			//Centramos el mapa en sus coordenadas
			var latlng = new google.maps.LatLng(latt,longg);
		}
		else
		{
			//Si no localizamos la ubicacion del visitante, centramos el mapa en Madrid
			var latlng = new google.maps.LatLng("40.41153868","-3.70362707");
		}

		//Creamos el mapa
		var myOptions = {
		zoom: 5,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

		//Añadimos un listener, se activará cuando el mapa esté totalmente cargado
		google.maps.event.addListener(map, 'bounds_changed',function()
			{
				//Primera actualización del div que muestra los detalles de la ubicacion actual
				actualizaUbicacion();
				//Al haber cargado totalmente el mapa, eliminamos este listener
				google.maps.event.clearListeners(map, 'bounds_changed');
				//Y añadimos dos, uno se activará cuando se termine de arrastrar el mapa y otro cuando se cambie el nivel de zoom
				google.maps.event.addListener(map, 'dragend',function() { actualizaUbicacion() });
				google.maps.event.addListener(map, 'zoom_changed',function() { actualizaUbicacion() });
			}
		);

	}

	function actualizaUbicacion()
	{

		//Coordenadas del centro del mapa que usaremos para el reverse geocoding
		var lattlng = map.getCenter();

		if (geocoder)
		{
			geocoder.geocode({'latLng': lattlng}, function(results, status)
			{
				if (status == google.maps.GeocoderStatus.OK)
				{
					if (results[1])
					{
						var reverse_geo = results[1];

						var text = "<a href='http://mooontes.com'>mooontes.com</a><br /><br />Map center: "
							+ map.getCenter()+ "<br /><br />Reverse Geocoding:<br />";
						if (reverse_geo.address_components[0]) { text = text + "0: " + reverse_geo.address_components[0].long_name + "<br />"; }
						if (reverse_geo.address_components[1]) { text = text + "1: " + reverse_geo.address_components[1].long_name + "<br />"; }
						if (reverse_geo.address_components[2]) { text = text + "2: " + reverse_geo.address_components[2].long_name + "<br />"; }
						if (reverse_geo.address_components[3]) { text = text + "3: " + reverse_geo.address_components[3].long_name + "<br />"; }
						if (reverse_geo.address_components[4]) { text = text + "4: " + reverse_geo.address_components[4].long_name + "<br />"; }

						text = text + "5: " + reverse_geo.formatted_address;

						document.getElementById('info').innerHTML = text;
					}
				}
				else
				{
					document.getElementById('info').innerHTML = "No hay información de Reverse Geocoding.";
				}
			});
		}
	}

	//--></script>

</head>
<body onload="initialize()">
	<div id="map_canvas"></div>
	<div id="info"><a href="http://mooontes.com">mooontes.com</a></div>
</body>
</html>

En nuestro caso tenemos un foro con SMF2 y un movimiento de unos 1.200 mensajes diarios, con lo que realizar esta tarea manualmente (que es la única alternativa que queda) se hace bastante pesado.

La solución que he encontrado es escribir un pequeño programa en PHP que se ejecutará una vez al día gracias a cron y que realizará esta tarea por nosotros.

Lo que hace este script es comprobar el tamaño de las fotos de los mensajes que se han escrito durante las últimas 24 horas y en el caso de que el tamaño exceda los 800 pixels de ancho, sustituirá la etiqueta [IMG] por [IMG width=800], lo que evitará esas fotos gigantes que estropean la normal lectura del foro, además nos enviará un correo con la lista de mensajes que haya modificado.

Este es el script (bajo licencia CC como es habitual por aquí). Sólo ha sido testeado con SMF2, aunque no creo que haya mucho problema para hacerlo funcionar con SMF1.

Para hacerlo funcionar en vuestro servidor sólo tenéis que modificar la primera línea require_once con la ruta de vuestro Settings.php de SMF, la segunda línea asignando la variable $to al correo donde queréis recibir el resumen diario de mensajes modificados y la tercera línea asignando a $url_foro la dirección de vuestro foro. Y luego por supuesto añadir la tarea para que se ejecute diariamente.

	//***
	//Creado Junio 2009 por Montes http://mooontes.com
	//Bajo licencia http://creativecommons.org/licenses/by/3.0/es/deed.es
	//***
	require_once("/ruta/Settings.php");  //la configuracion de la BD la cogemos del archivo de configuracion de SMF
	$to = "correo@mail.com";
	$url_foro = "www.foro.com";

	$mysqli = new mysqli($db_server,$db_user,$db_passwd,$db_name);

	$mail = "Fotos modificadas hoy ".date("d/m/Y")."\n\n";

	//Comprobamos conexion
	if (mysqli_connect_errno())
	{
		printf("Connect failed: %s\n", mysqli_connect_error());
		exit();
	}	

	//Buscamos todos los mensajes con fotos de las ultimas 24 horas
	$sql = "SELECT id_msg,id_topic,body FROM smf_messages WHERE DATE(FROM_UNIXTIME(poster_time))".
			"> DATE_SUB(DATE(NOW()), INTERVAL 1 DAY) AND body LIKE '%[IMG]http%'";
	if ($result = $mysqli->query($sql))
	{
		while($row = $result->fetch_assoc())
		{
			$body = $row["body"];
			echo "\n****msg: ".$row["id_msg"]." topic: ".$row["id_topic"].", buscando imagenes...\n\n";

			//Comprobamos imagen x imagen
			preg_match_all("%\[img\]([^\[]*)\[/img\]%i", $row["body"], $encuentra, PREG_PATTERN_ORDER);
			for ($j = 0; $j < count($encuentra[1]); $j++)
			{
				echo "una foto: ".$encuentra[1][$j]."\n";
				if (list($ancho, $altura, $tipo, $atr) = getimagesize($encuentra[1][$j]))
				{
					echo "ancho: ".$ancho." alto: ".$altura."\n";
					if ($ancho > 800)
					{
						echo "Tamanyo mayor de 800, vamos a reemplazar...\n";
						//Mas ancha de 800 pixels? anyadimos width=800
						$body = str_ireplace("[img]".$encuentra[1][$j]."[/img]", "[img width=800]".$encuentra[1][$j]."[/img]", $body);
						//actualizamos en la bd
						$bodys = addslashes($body);
						$sql = "UPDATE smf_messages SET body = '".$bodys.
							"', modified_time=UNIX_TIMESTAMP(), modified_name='bot' WHERE id_msg = ".$row["id_msg"];
						$mysqli->query($sql);
						echo "Actualizada la BD\n";
						$mail .= "Modificada foto en: http://".$url_foro
						."/index.php?topic=".$row["id_topic"].".msg".
						$row["id_msg"]."#msg".$row["id_msg"]."\n";
					}
				}
				else
				{
					echo "Tamanyo desconocido\n";
				}
			}
		}
	}

    $result->close();
    unset($row);
    unset($sql);
    unset($query);

	if ($mail != "Fotos modificadas hoy ".date("d/m/Y")."\n\n")
	{
		$subject = "Fotos arregladas dimensiones ".date("d/m/Y");
		if (mail($to, $subject, $mail))
		{
			echo("Mensaje enviado\n");
		}
		else
		{
			echo("Fallo al enviar mensaje...\n");
		}
	}