Conectar Dreamweaver con MySQLEste sera el 1 tutorial de la serie con los que aprenderemos a manejar dreamweaver con bases de datos mysql. Lo primero que tenemos que conseguir para manejar bien el dreamweaver con datos dinmicos es conocer bien el men aplicaciones, este panel esta compuesto por herramientas a las que se accede por orden jerrquico. Primero, se crea la conexin a la base datos mysql como veremos en este tutorial, despus se crean las consultas mysql (o Juego de registros) a las bases de datos y, finalmente, se aplican comportamientos de servidor a esas consultas (como veremos en los tutoriales siguientes). Veamos cada cosa por su lado Para conectar con MySQL en dreamwaver tan solo debemos de ir a el panel Aplicacin despues de haber creado el sitio en nuestro dreamweaver y pinchar en el + como vemos en la siguiente imagen

Ahora se nos abrir una ventana como en la imagen siguiente, la cual completaremos con los siguientes datos para poder conectar nuestra bd

Nombre de conexin : aqu pondremos el nombre de la conexin para la base de datos Servidor MySQL: aqu se pondra localhost siempre que el servidor mysql este en el mismo servidor que la pagina, de lo contrario pondramos la IP o el nombre del servidor Nombre de usuario: el nombre de usuario de la base de datos Contrasea: la contrasea de la base de datos MySQL

Base de datos: una vez completado todo lo anterior, si el sitio y la contrasea estn correctamente le daremos a Seleccionar.., tras conectar con la bd, nos aparecern las bases de datos que tenemos en el servidor para elegir la que queremos y damos a aceptar. Ahora ya podremos conectar con mysql en dreamweaver

Mostrar contenidos de una base de datosPara hacer este tutorial es necesario saber como conectar con una base de datos mysq desde dreamweaver, si no sabes como hacer esto, puedes aprenderlo en el tutorial como conectar a mysql. Como ya tenemos nuestra conexin mysql realizada en nuestro dreamweaver, comenzaremos ya con las consultas (no olvide que para hacer cualquier consulta a una base de datos, debe cerciorarse de que dispone de contenidos). Dirjase al panel aplicacin, en la pestaa vinculaciones, haga clic en el icono + Esta ventana es la de consulta, donde crear consultas a la base de datos con unas caractersticas especificas.

Lo primero que tiene que hacer es introducir un Nombre a la consulta. Nosotros solemos aadir un prefijo a las consultas para saber que son juegos de registros. Por ejemplo: rs_noticias En Conexin elija la conexin a la base de datos que utilizara para conectar. En Tabla, seleccione la tabla de la base de datos a la que desea hacer la consulta. Para comprobar si a hecho bien la consulta le puede dar a Prueba, con ello dreamweaver ara una consulta real.

Una vez echo esto, haga clic en aceptar.

Automticamente, en la pestaa Vinculaciones aparecer el juego de registros con los nombres de los campos de la base de datos, tal y como muestra la siguiente foto.

Una vez hecha la consulta, es el momento de mostrar los datos en la pgina web. Para ello tan solo tenemos que preparar un sitio donde se van a mostrar, (por ejemplo en una tabla) y con nuestro dreamweaver arrastramos desde el men vinculacin los registros que queramos hacia la zona que queramos. Ahora ya podremos mostrar el contenido de nuestra Bd a nuestra web de una forma facil con Dreamweaver

Filtrar consultas MySQL con DreamweaverEn este tutorial aprenderemos a filtrar consultas a la base de datos, esto sirve para que la base de datos nos muestre los datos filtrados por criterios que nosotros le pongamos. Por ejemplo podemos decirle a la base de datos que nos muestre solo las noticias en las que el texto tenga la palabra Dreamweaver, veamos como hacerlo.

Nos dirigimos de nuevo a la pestaa vinculaciones, el panel aplicacin, haga doble clic sobre el juego de registros que hemos creado en el tutorial anterior. Aparecer de nuevo la ventana de juego de registros. Estableceremos un filtro que forzar a la aplicacin a que nicamente extraiga los artculos que poseen la palabra dreamweaver en el texto. En la opcin Filtro, seleccione la columna que desea filtrar. En nuestro caso es la columna de texto. En la siguiente lista despegable, seleccione la condicin Contiene, con ello le dir a dreamweaver que slo deber filtrar los artculos que contengan un valor determinado. Obviamente podr filtrar los contenidos por un valor determinado, un parmetro URL, una variable de formularia etc etc En nuestro caso, filtraremos los contenidos por un valor determinado. Qu valor?, eso lo determinaremos en el siguiente campo, concretamente la plabra Dreamweaver. Observe la siguiente foto y guese por ella.

Haga una prueba, para comprobar el resultado de la consulta. Ahora ya tenemos nuestros datos filtrados

Como meter una imagen en una base de datos

Nos encontramos ante un dilema para mucho aquellos quienes desean trabajar con contenidos dinmicos. Cmo introducir una imagen en la pgina de manera dinmica, sin tener que rehacer eternamente la pgina web? Teniendo en cuenta que no es muy conveniente introducir elementos grficos directamente desde la BD, ya que nos ocupara mucho y hara difcil su manejo. Como lo podemos hacer entonces?. Muy fcil, subiendo las imgenes por FTP e introducir como contenido de la imagen en la BD, la ruta URL de la Imagen. Crearemos un campo varchar, en la BD, como por ejemplo en nuestro caso, llamado Foto, y en el pondremos las URL de las imgenes que va a contener. por ejemplo el contenido en la BD seria "/Images/Fotos_tutoriales/foto24.jpg". Si tienes introducidas en la BD las direcciones exactas de las imgenes, podrs extraerlas de la siguiente manera: Vamos a nuestro Dreamweaver. Recordamos nuestros anteriores tutoriales de: como hacer un juego de registros, como filtrarlo y ordenarlo. Preparamos una tabla en nuestra pgina web donde queramos que contenga las fotos. Nos situamos ahora en la pestaa Vinculaciones del panel Aplicacin de nuestro dreamweaver.

Ahora arrastramos el campo que contiene la URL de las fotos (en nuestro caso se llama Foto) hacia la tabla donde queramos que se muestre.

Nos dirigimos ahora a la vista Cdigo de nuestro dreamweaver. Ahora, de lo que se trata es de convertir al registro en contenido de la etiqueta HTML referente a imgenes, concretamente es la etiqueta . Agregue la etiqueta tal y como se muestra en la siguiente foto.

Bueno, ya hemos dado un paso importante, pero nos falta especificar nuevas propiedades al registro. Observamos si volvemos a la vista de diseo, que la etiqueta de la imagen ha sido sustituida por una "(x)". La tenemos que seleccionar. Nos dirigimos a la pestaa de vinculaciones de nuevo, concretamente al registro correspondiente a la imagen ( en nuestro caso Foto). Observamos, tal y como se muestra en la siguiente foto que ha aparecido una lista despegable junto a ella. Tendremos que seleccionar img.scr, Con ello, le estamos diciendo al dreamweaver que el contenido de ese registro deber aparecer como una imagen. De hecho, la x ha desaparecido y ha sido sustituida por un icono. (si por defecto nos pone scr pero nos sale la "x", ponemos cualquier otra cosa en el despegable y volvemos a poner img.scr)

si seleccionamos el icono podremos ponerle el tamao que queramos, si queremos que el tamao de la imagen sea el mismo que el de la foto no pondremos nada, pero si queremos que sea de un tamao determinado de alto o de ancho lo ponemos en el panel propiedades, OJO, solo pondremos uno de los 2 valores(ancho o alto), el otro lo creara el dreamweaver en relacin a la foto, ya que si ponemos los 2 valores, por ejemplo 100x100, la foto saldr cuadrada, aun que nuestra foto, puede que sea rectangular, por lo cual nos saldr deformada. Ahora por ultimo, lo nico que tenemos que hacer es subir la imagen a nuestro FTP a la ruta que hemos indicado. :)

Repetir registros en DreamweaverImagine, que tiene un listado ms o menos amplio de noticias, Suponga que lo que quiere hacer es mostrar en una pagina, un bloque de 10 noticias Cmo hacerlo? Repitiendo una regin. Una regin puede contener uno o ms campos de una consulta. Si lo que desea es que aparezcan en ese listado la noticia y una imagen de cada registro, deber incluir en la regin de repeticin, a todos los campos de la consulta (normalmente van incluidos en tablas). Fjese en la foto siguiente. Hemos creado una sencilla tabla para mostrar contenidos. Aqu. Una tabla de 1 comuna y 2 filas de 300 px de ancho Ahora crearemos un juego de registros. Dirjase al panel Aplicacin, y a la pestaa vinculaciones, hacemos clic en el icono + y elegimos Juego de registros. Crearemos la consulta, (no explicaremos como se hace ya que si no sabe como hacer esto, lo puede ver en tutoriales anteriores). Ahora bien, supongamos que tenemos nuestra consulta con 2 campos, uno para la noticia y otro campo foto para las imgenes. Arrastramos cada uno de ellos a una parte de la tabla, como puede ver en la imagen.

Ahora volvemos al panel Aplicacin, pero esta vez a la pestaa Comportamientos del servidor. Desplegamos el men, haciendo clic en el + Seleccionamos la opcin Repetir Regin.

Una ventana similar a la siguiente foto se nos abrir, aqu nos preguntara de que tabla quiere que repita los datos y cuantas veces quieres que se repitan. Obviamente el concepto repeticin no significa en este caso repetir un mismo resultado, significa que una consulta reproducir n resultados de esa base de datos.

En el primer campo elegimos la consulta que queramos que repita. En Mostrar, podemos elegir poner un numero de veces que se va a repetir, o poner mostrar todos, esta opcin mostrara como indica su nombre, todos los resultados que tenga la consulta. (en nuestro caso elegiremos 10 registros de una vez)

Paginacin del juego de registrosUna buena idea, seria poder hacer clic sobre el titulo de una noticia, y que apareciera otra pgina mostrando el texto completo y los dems datos de la noticia, ya que si mostramos directamente las noticias completas nos ocupara mucho espacio y seria algo incomodo. Pues esto mismo es lo que haremos en este tutorial con dreamweaver de una forma muy fcil. Para crear una pagina Maestro-Detalle, necesitaremos 2 pginas, una Maestro y otra de detalle. Supongamos que tenemos una pagina Maestro (es donde vemos una descripcin corta de la noticia y tenemos la paginacin para poder elegir la noticia que queremos ver y al pincharle que se abra la pgina Detalle con la noticia completa). En esta pgina Maestro tenemos un juego de registros cread, en el que mostramos en una tabla el titulo y la descripcin de la noticia, como muestra la siguiente imagen:

Una vez que tengamos la pgina Maestro como deseemos, vamos al panel Insertar/Aplicacin y damos al icono de Maestro-Detalle como muestra en la siguiente imagen:

Una vez hecho se nos abrir una ventana en el que deberemos elegir los campos que queremos que salgan en la pgina maestro y en la pgina de detalle, adems de otras cosas que iremos explicando poco a poco, esta es la ventana en cuestin:

En la primera seleccin elegiremos el Juego de registros con el que deseamos hacer la pagina de detalle. En campos de Pgina Maestro: Pondremos los campos que queremos que salgan en la pgina Maestro. En Vincular con Detalle desde: elegiremos el campo que queremos que vincule a la pagina detalle. En Palabra de clave exclusiva: elegimos la clave exclusiva del juego de registros, normalmente siempre se usa una ID A continuacin, en mostrar ponemos las veces que queramos que se repita el juego de registros (esto ya lo hemos explicado en un tutorial anterior "repetir un juego de registros") En nombre de la pagina de detalle: escribimos el nombre para la pagina detalle En campos de la pagina detalle elegimos los campos que queremos que muestre dicha pgina. Al dar a aceptar, se nos creara la pgina de detalle (si es que no exista) y se nos repetirn y paginaran las noticias en la pgina Maestro. Ahora tan solo debemos colocarlo todo a nuestro gusto para que quede ordenado y vistoso y ya tendremos nuestra propia pagina Maestro-Detalle.

Como crear un Combobox enzalado en DreamweaverMysql (Las Tablas)

Para entender este tutorial debe saber como conectar una base de datos y hacer un juego de registros, si no sabe como hacer esto visite este tutorial Como conectar a una base de datos Descargate aqui la base de datos y el archivo de ejemplo En este ejemplo crearemos 2 tablas. Tabla Paises: Tabla Ciudades: (id_ciudad, ciudad, id_pais) (id_pais, pais)

Podremos observar que la tabla "ciudades" tiene 3 campos, e incluye el campo "id_pais", esto es porque la tabla "Ciudades" depender de la tabla "pais" para poner las ciudades de cada pais. Por ejemplo, tenemos 2 paises, Espaa e Italia. Cada uno de ellos con su id, (1 Espaa, 2 Italia). Para poner una ciudad en uno de estos pases, tendramos que poner en id_pais la misma id que tiene en la tabla paises (por ejemplo Madrid 1, Roma 1) (Enlace para que bajen las tablas) Dreamweaver (El Formulario)

Primero crearemos nuestro sitio y conectaremos con la base de datos que acabamos de crear (si no sabes como hacerlo mira el tutorial de "como crear un sitio" y "conectar con una base de datos mysql") Abrimos una pgina nueva. Insertamos un formulario "Insertar/Formulario/Formulario" y en el insertamos 2 Lista / Men "Insertar/Formulario/Lista/Men" Ahora tenemos que renombrarlos, al primero le llamaremos "id_pais" y al segundo "id_ciudad", para ello, pinchamos sobre el primero, y en el panel de "propiedades" borramos el nombre "select" que viene por defecto y ponemos id_pais. Y as con el segundo

Una vez que ya tenemos echo el formulario, empezaremos con los "Juegos de Registros" Crearemos 2, uno para "paises" y otro para Ciudades" El primero es el mas fcil, ya que solo tenemos que hacer un "SELECT * FROM paises". Ya que no depende de otra tabla como es el caso de ciudades Para ello iremos al panel "aplicacin"/Vinculaciones apretamos en el "+" y a Juego de Registros (consulta) como muestra al siguiente imagen:

Ahora se abrir una nueva ventana (juego de registros) sino lo tenemos como en la siguiente imagen le daremos a "simple.." y la rellenaremos de la siguiente forma, En nombre pondremos un nombre para diferenciarlo. Por ejemplo en el 1 lo llamaremos paises y al 2 Ciudades En conexin, elegimos la conexin de la bd que hemos creado anteriormente En tabla, elegimos la tabla que vamos a usar

El segundo Juego es el de ciudades, lo hacemos de manera diferente. Tenemos que seleccionar solo los campos "id_ciudad" y "ciudad", dejando "id_pais" que solo lo usamos para filtrar. (para elegir los campos damos a "seleccionado" y elegimos los que queremos presionando "ctrl.")

En el campo Filtro, tiene el valor id_pais , en el siguiente tiene "=" , debajo ponemos

Variable de Formulario y al lado "id_pais". Es muy importante que no se seleccionen los 3 campos de la tabla. As nos va a filtrar todas las provincias que pertenezcan al pais que hemos seleccionado Ya hemos acabado con los juegos de Ahora iremos al primer men y en el panel Propiedades y daremos a "Dinamico" registro

Ahora se nos abrir una nueva ventana:

En Men elegimos el men que corresponda. En este caso "id_pais". En opciones estticas, le ponemos pais (por ejemplo (y en value no ponemos nada.

En opciones del juego de registros seleccionamos la tabla (en este caso Pases)

En valores elegimos el campo de la tabla que guardara, (en este caso "id_pais").

En etiquetas "pais" y en Seleccionar "valor igual a pondremos "", para que cuando se actualice el formulario no se borre la opcin seleccionada.

En ciudades hacemos lo mismo, pero cambiamos los valores como corresponda. Por ejemplo en juegos de registro pondramos ciudades ,en "Valores" pondramos "id_ciudad" y en "Etiquetas" pondramos "ciudad". En "seleccionar valor igual a" "Ahora tocada modificar el codigo

Tan solo tenemos que agregar en nuestro script un evento "onChange" para que cuando seleccionemos un pais, ciudad se pasen los valores para completar las consultas. Vamos a Vista de Cdigo, buscamos la siguiente lnea y agregaremos lo que esta en negrita:

Conectar usuarios en DreamweaverPara hacer este tutorial necesitamos saber como conectar con una base de datos, sino sabemos hacer esto, podemos mirarlo en un tutorial anterior que lo explica. Primero, creamos la conexin a la base de datos y un formulario con 2 y un botn de enviar campos de texto uno llamado user y otro password (estos pasos me los saltare ya que a estas alturas doy por supuesto que saben como se hace) El formulario nos quedara algo parecido a la siguiente foto

Ahora nos dirigimos al panel Insertar en la pestaa Aplicacin y seleccionamos el icono de autentificacin de usuarios, (sino sabes cual es lo muestra en la siguiente fotografa)

Se nos abrir una pantalla similar a esta:

En ella tan solo tenemos que rellenar los datos tal y como explico aqu debajo: Obtener entrada de formulario: aqu seleccionamos el formulario en el que tenemos los campos creados Campo nombre y campo contrasea: en cada uno de ellos seleccionamos el campo correspondiente. Validar utilizando conexin: Aqu seleccionamos la base de datos que vamos a utilizar Tabla: seleccionamos la tabla en donde esta el user y el password Columna nombre de usuario y columna contrasea: elegimos el nombre del campo de la base de datos en el que guardamos el login y la contrasea respectivamente. Si la conexin es correcta ir a: aqu ponemos la pagina a la que se dirigiran si hacen un login correctamente Si falla la conexin ir a: aqu pondramos una pagina de error tipo, as escrito mal tu usuario y contrasea Restringir acceso por: dejamos seleccionado nombre de usuario y contrasea

( si quisiramos restringir alguna pgina para determinados usuarios registrados deberamos de elegir la opcin de nombre, contrasea y nivel de acceso y en obtener nivel de seleccionaramos el campo de la base de datos que queramos filtrar, por poner un ejemplo, un panel de modificacin de noticias, solo lo podran ver las personas registradas que sean administradores. Damos a aceptar y listo! Ya tenemos nuestro panel para conectar usuarios :)

Como Insertar Datos en una bd desde una pgina en phpHasta ahora, todo lo que hemos visto con bases de datos, siempre a sido referente a extraer contenidos de la bd, sin embargo, a menos que disponga de una herramienta para introducir datos, no podr actualizar los datos de su sitio. Por eso, este paso que veremos en este tutorial, nos ser bsico para hacer nuestra propia pgina dinmica. Primero crearemos 2 documentos, 1 el documento con el que se van a introducir los datos ( en este caso sern noticias, por lo que le llamaremos introducir_noticias.php) y un documento que ponga que los datos se han insertado con xito, (nosotros lo hemos llamado insertado_ok.php) Ahora vamos al panel Insertar, a la pestaa Propiedades, y al icono Insertar Registro de nuestro dreamweaver. Como muestra en la siguiente fotografa:

Ahora se nos abrir el asistente para insertar registros, aqu tenemos un ejemplo:

En conexin: elegimos la conexin que hemos creado a la base de datos En tabla: elegimos la tabla en la que queremos insertar los datos Tras insertar, ir a: aqu pondremos la pgina a la que va a ir si se han insertado bien los datos. (el otro documento que habamos creado) En Campos del formulario: Aqu saldrn los campos de la tabla que hemos elegido, pondremos todos en los que queramos insertar datos, por defecto aparecen todos. En Etiqueta pondremos la etiqueta que queramos que salga antes de los campos a la hora de rellenar el formulario. En mostrar como y enviar como, seleccionamos como podemos ver en la siguiente foto, la opcin mas adecuada a lo que queremos, por ejemplo si es una id. Elegiramos campo oculto en mostrar como y numerico en enviar como.

En valor Predeterminado podemos poner el valor que aparecera por defecto. Para insertar una foto, de una forma fcil y rpida, podemos ponerlo como campo de texto, y en el escribiramos la url de la imagen, por ejemplo: ../Images/imagen1.gif, la subimos al FTP en esa misma url y listo, sino sabes mostrar imgenes, puedes consultar en un tutorial anterior que explicamos como mostrar imagenes desde la base de datos. Este sera el resultado final desde la vista diseo de nuestro dreamweaver:

Por las zonas en azul, los iconos amarillos etc.. no nos debemos preocupar ya que solo son elementos para ayudarnos visualmente a programar la pgina con dreamweaver, y no se veran al final en la web.

Como editar Datos en una bd desde una pgina en phpHora que ya sabemos hacer nuestra pgina de insercin de datos nos convendra saber como podemos modificarlos y borrarlos, esto es lo que aprenderemos en este tutorial con dreamweaver. Seguiremos con el ejemplo de las noticias. Lo primero que aremos es una pagina maestro-detalle que liste y pagine todas las noticias, en la pagina maestro, le agregaramos 2 columnas como vemos en la siguiente foto, y escribimos editar en una y borrar en la otra. (Con esto estamos creando los botones de editar y borrar para cada noticia, ya que al repetir regin tambin se repetirn estos botones)

Ahora teneos que crear el vnculo para estos botones, para ello seleccionamos Editar y en vinculo escribiremos esto: editarnoticia.php?recordID= y con borrar aremos lo mismo pero cambiando el nombre del archivo, es decir: borrarnoticia.php?recordID=

Como modificar datos de una BD MySQL en PHPPara empezar tenemos que tener el juego de registros que queremos modificar creado y una etiqueta form, una vez este echo, nos dirigimos al panel Insertar, a la pestaa Propiedades, y damos a la flecha del icono actualizar Registro y a asistente de formulario de nuestro dreamweaver. Como muestra en la siguiente fotografa:

Se nos abrir en nuestro dreamweaver una ventana de actualizacin de registros como esta:

Como siempre en conexin elegimos En tabla, elegimos la tabla de la base de datos

la

conexin

que

tengamos

creada.

En seleccionar registro de elegimos el juego de registros que hemos creado En columna de clave exclusiva elegimos el campo de la clave principal de nuestra tabla En tras la actualizacin ir a ponemos la pagina a la que se ira tras modificar una noticia (por lo general seria una pagina que mostrara un mensaje tipo Los datos se han modificado) En campos de formulario elegimos los campos que se van a poder modificar, pincharemos sobre cada uno y nos fijaremos en los apartados: Etiqueta, (en el cual podremos modificar las etiquetas que van a aparecer antes de los campos) Mostrar como (para decirle si va a ser un campo de texto, un campo ocultoetc) Enviar como (si es texto numericoetc). Damos a aceptar y listo!.

Como borrar datos de una BD desde una pagina PHP en Dreamweaver.nos dirigimos de nuevo al panel Insertar, a la pestaa Propiedades, y damos al icono de borrar registro de nuestro dreamweaver.

Ahora se nos abrir una ventana de eliminar registro:

El primer select lo dejamos como esta. En conexin, tabla y columna de clave principal lo rellenamos de la misma forma que hemos hecho para modificar registro. En Valor de clave principal, dejamo seleccionado Parmetro URL y escribiremos en el campo siguiente RecordID (es muy importante escrito de la misma forma que aqu, eso incluye maysculas y minsculas) Y en Despus de borrar ir a: pondremos una pagina que contenga el mensaje se a borrado. Damos a aceptar y listo! Ya tenemos nuestro panel, de editar y modificar registro

Como denegar el acceso a una paginaAntes de empezar con este tutorial, hemos de saber como conectar usuarios, si no sabemos hacer esto, podemos verlo en este tutorial Para restringir el acceso a una pgina de tu sitio web es fcil en Dreamweaver, ya sea a todos los usuarios que no estn registrados, o a un determinado grupo de ellos. Para ellos tan solo tenemos que irnos al panel Insertar/Aplicaciones, dar a la flechita como muestra la siguiente imagen y dar a Restringir acceso a pagina.

Como es lgico, en esa misma pgina no podemos tener un formulario para autentificar usuarios, ya que estos, sin estar logeados no podran verlo, y nuestro dreamweaver sabe esto y no nos permite restringir el acceso a la pagina si esta tiene un formulario para autentificarlos. Ahora si lo hemos hecho bien, se nos abrir una nueva ventana como esta, para restringir el acceso a la pgina.

En Restringir por: podemos elegir nombre de usuario y contrasea si lo que queremos es restringir la pagina a todos los usuarios que no estn logeados. En cambio si tenemos diferentes tipos de usuarios, podemos restringir el acceso a todos ellos menos a los que indiquemos, por ejemplo, en nuestra web podemos tener 2 registros diferentes, uno para

Usuarios, y otro para Administradores, y si lo que queremos es restringir una pagina en la que se pueden insertar/borrar noticias de la web, esta claro que tendramos que restringirlo por nivel de acceso, para ello lo seleccionamos, damos a definir, y escribimos en ese campo el nombre del nivel de acceso que tenemos creado en la base de datos. Por ultimo, en Si se deniega el acceso, ir a: pondremos una pgina en la que ponga un error en caso de que no este logeado y el usuario intente acceder a ella.