XAMPP y Dreamweaver CS3/CS4

Categora: Desarrollo Web, Tips | July 6, 2009

Dreamweaver una de las herramientas ms conocidas, nos ofrece varias caractersticas con las que se puede comparar con cualquier IDE (Aptana, Zend Studio, Netbeans, etc.) y es conocdisimo por su editor WYSIWYG (What you see is what you get, lo que ves es lo que obtienes). Para utilizarlo con XAMPP (o cualquier otra solucin WAMP) debemos crear un sitio dentro de Dreamweaver. Este video resume como configur XAMPP y Dreamweaver (es aplicable a cualquier otra solucin si no se cambiaron los puertos). En este caso utilic una carpeta llamada new_project y todo con New Project, para

ver como se cambia el Document Root pueden verlo ac.

(Acerca del Video: Utilic Dreamweaver CS4 en ingls, vanlo con la opcin FullScreen y por alguna rara razn se para en el segundo 27, asi que adelanten esa parte :S)

Estos son los pasos (con la carpeta y nombre de proyecto Nuevo Proyecto). Tenemos nuestros proyectos en un lugar separado. Creamos la carpeta de nuestro proyecto, en este caso ser llamada nuevo_proyecto

(eviten utilizar caracteres como espacios, tildes, etc).

Crear el sitio
Iniciamos DreamWeaver, Entramos a la opcin Sitio -> Nuevo Sitio (Site -> New Site) y llenamos los datos de nuestro nuevo sitio en la pestaa Avanzadas (Advanced). Llenamos los campos:

Datos locales Nombre del Sitio: Nuevo Proyecto Carpeta raz local: Direccin HTTP: Servidor de Prueba Modelo del servidor: PHP MySQL Acceso: Local/red Carpeta de servidor:

c:\www\nuevo_proyecto

http://localhost/nuevo_proyecto

c:\www\nuevo_proyecto

Prefijo de URL:

http://localhost/nuevo_proyecto

Creamos un nuevo script llamado index.php, en el que colocamos lo siguiente view source print?
1 <?phpphpinfo ( ) ;

Hacemos F12 (shortcut para hacer un preview en el browser). Desplegar la informacin del servidor Apache de XAMPP. Entonces tenemos la siguiente estructura de carpetas (imagen de DreamWeaver CS3):

Configurando MySQL
Primero debemos crear un nuevo Usuario (por seguridad) en MySQL. Ingresamos a http://localhost/phpmyadmin, si no cambiamos nada previamente en el nombre de usuario debemos colocar root y dejar vaco el campo de password. Una vez dentro de PHPMyAdmin vamos al campo Privilegios(se encuentra como opcin debajo de Server: localhost) que es el lugar desde donde podemos crear un nuevo Usuario en MySQL. Dentro de privilegios se encuentra la opcin:

Hacemos click y nos presentar un formulario el cual llenamos de la forma en que se muestra en la imagen. Abajo en Privilegios Globales (Global Privilegies), selecciona las

opciones que podr realizar el nuevo usuario en la base de datos, en este caso marca todas las opciones del primer y segundo bloque (Datos y Estructura (Data, Structure)).

Ahora crearemos una Base de Datos, volvemos a http://localhost/phpmyadmin y en la pgina inicial nos da la opcin de crear una nueva base de datos, en este caso nuestra base de datos se llamar nuevo_proyecto.

Una vez creada, esta base de datos ser seleccionada, ahora debemos crear al menos una tabla, la creamos con la opcin que nos da debajo de No se han encontrado tablas

, colocamos un nombre, en este caso coches y creamos los campos de esta nueva tabla.

Despus podemos llenar con algunos datos esa tabla.

Conexin de MySQL y DreamWeaver

Volvemos a DreamWeaver y creamos una nueva pgina, nuevo_proyecto.php y colocamos la vista de Diseo (Design). Para crear la conexin vamos a Ventana -> Bases de Datos (Window->Databases), lo cual nos abrir un nuevo panel, junto con otros

(Vinculaciones (Bindings),Bases de Datos (Databases), etc.), esos paneles nos ayudan a tener una perspectiva acerca de las conexiones, bases de datos utilizadas,etc, necesarias para desarrollar aplicaciones web.

En el panel de Bases de Datos(Databases) hacemos click en el +, lo cual nos abrir una nueva opcin para crear una nueva conexin MySQL. Hacemos click y nos desplegar una pantalla como la siguiente.

Creando un nuevo RecordSet

Nos dirigimos a Vinculaciones, y creamos un Juego de Registros (recordset)

Nos pedir que escojamos una conexin.

Una vez configurada hacemos la prueba (click en el botn Prueba).

Probando la conexin
Antes que nada debemos aumentar una lnea de cdigo a la conexin, dado que PHPmyAdmin tiene por defectolas bases de datos con UTF8. Para solucionar este problema colocamos esta lnea de cdigo (acerca de conexin mysql_pconnect) view source print?
1 mysql_query( "SET SESSION character_se t_ resu l t s = 'UTF8' " ) ;

Para hacer la prueba colocaremos una Tabla dinmica, la puedes encontrar en Insertar>Objetos de Datos -> Datos Dinmicos -> Tabla Dinmica:

La colocamos:

Y mediante el LiveView vemos los datos guardados: