Dreamweaver: Comprobar nombre de usuario

En el último post vimos cómo insertar registros en una base de datos. Sin embargo, si queremos mantener nuestra base de datos sin duplicados, debemos hacer una consulta previa y en caso de existir el dato a comparar, devolverle un mensaje de error al usuario.

En este ejemplo, vamos utilizar la dirección de email como dato a comparar. Lo primero que haremos, y haciendo uso del formulario que creamos en el post anterior, será comprobar el ‘nombre de usuario’ (en nuestro caso el email).

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 1

Clic en ‘Ventana’ > ‘Comportamientos del servidor’.

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 2

Ahora haz clic en ‘+’ > ‘Autenticación de usuarios’ > ‘Comprobar nuevo nombre de usuario’.

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 3

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 4

Selecciona el campo a comparar, por ejemplo email, y la página a la que será redirigido el usuario en el caso de existir. Como veis en el ejemplo, hemos creado una página llamada error.php, (para este ejemplo hemos duplicado el formulario de registro y le hemos añadido un mensaje avisando al usuario del error).

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 5

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 6

Si por el contrario el registro ha sido satisfactorio, le enviaremos a una página, que al igual que en el caso anterior, se trata del mismo formulario pero en esta ocasión con un mensaje indicándole que el registro se ha completado.

neo 2.0 - Dreamweaver: Comprobar nombre de usuario - 7

Puedes descargar todos los archivos del ejemplo a través de este enlace. No olvides modificar los datos de conexión con la Base de datos.

Si tienes cualquier duda puedes dejarnos un comentario.

Dreamweaver: Insertar registros

A continuación vamos a crear un registro de usuarios. Lo primero que debemos hacer es construir nuestro formulario de registro (podemos aprovechar el que ya creamos en un post anterior ‘Validación de campos de un formulario con SpryAssets’). Lo siguiente que haremos será crear nuestra base de datos donde guardaremos los registros.

Para crear la base de datos, abrimos nuestro phpMyAdmin, escribe un nombre para la nueva base de datos, por ejemplo ‘Usuarios’ y haz clcik en ‘Crear’. Añade los siguientes campos a tu tabla:

  • ID
  • Nombre
  • Apellidos
  • Dirección
  • Localidad
  • Provincia
  • CP
  • Teléfono
  • Email
  • Condiciones generales

Si tienes alguna duda, puedes consultar el siguiente post: ‘phpMyAdmin’.

Una vez creada la base de datos, lo primero que debemos hacer es guardar nuestro formulario HTML como un documento PHP.

Si aún no has creado ningún sitio, deberás crear uno haciendo clic en ‘Sitio’ > ‘Nuevo sitio’.

Rellena los datos solicitados:

1. Datos locales

  • Nombre del sitio
  • Carpeta raíz local
  • Carpeta predeterminada para las imágenes
  • Vínculos relativos
  • Dirección HTTP
  • Vínculos con distinción entre mayúsculas y minúsculas
  • Caché

neo 2.0 - Dreamweaver: Insertar registros - 1

2. Datos remotos:

  • Acceso
  • Carpeta remota
  • Mantener información de sincronización
  • Cargar archivos en el servidor automáticamente al guardar
  • Permitir desproteger y proteger archivo

neo 2.0 - Dreamweaver: Insertar registros - 2

3. Servidor de prueba:

  • Modelo de servidor
  • Acceso
  • Carpeta de servidor de prueba
  • Prefijo de URL

neo 2.0 - Dreamweaver: Insertar registros - 3

En principio con estos datos sería suficiente para tener nuestro sitio configurado de forma local y poder hacer las pruebas correspondientes de nuestro código antes de publicar online en el servidor definitivo.

A continuación vamos a establecer la conexión con la Base de datos. Haz clic en ‘Ventana’ > ‘Bases de datos’ o ‘Ctrl + Mayús + F10’. Ahora haz clic en el icono ‘+’ > ‘Conexión MySQL’.

neo 2.0 - Dreamweaver: Insertar registros - 4

Rellena los datos para establecer la conexión con tu base de datos. Para comprobar si todo es correcto haz clic en ‘Prueba’. Si está todo OK haz clic en ‘Aceptar’.

neo 2.0 - Dreamweaver: Insertar registros - 5

Una vez creada la conexión, aparecerá en la ventana ‘Bases de datos’. También se habrá creado automáticamente un nuevo directorio con el nombre ‘Connections’ en la raíz del sitio, en el cual tendremos los archivos php con todas las conexiones que vayamos creando.

neo 2.0 - Dreamweaver: Insertar registros - 6

Ahora hacemos clic en ‘Ventana’ >’ Comportamientos del servidor’. Haz clic en el icono ‘+’ > ‘Insertar registro’.

neo 2.0 - Dreamweaver: Insertar registros - 7

Se abrirá una nueva ventana. Rellena todos los datos:

  • Enviar valores de: Selecciona el nombre del formulario.
  • Conexión: selecciona el nombre de la conexión.
  • Insertar tabla: Selecciona la tabla donde deben insertarse los datos.
  • Columnas: Selecciona los valores que deben grabarse en cada una de las columnas de la tabla.
  • Por último, si deseas que una vez realizado el registro, el usuario sea redirigido a una página distinta, deberás seleccionarla en ‘Tras insertar, ir a’.

neo 2.0 - Dreamweaver: Insertar registros - 8

Una vez rellenados todos los campos, haz clic en ‘Aceptar’.

Automáticamente se habrá generado el código en tu documento php el cuál se encargará de insertar los datos recogidos a través de tu formulario en la Base de datos.

A través del siguiente enlace puedes descargarte todos los ficheros del ejemplo. No olvides modificar los datos de conexión de la base de datos para que funcione todo correctamente. También encontrarás el archivo usuarios.sql que contiene la tabla del ejemplo.

Si tienes cualquier duda puedes dejarnos un comentario.

Entradas populares

Sobre el autor

Mi foto

Me llamo Juan Ignacio Estévez. Soy técnico publicitario por el Centro Español de Nuevas Profesiones (CENP).

Comencé desarrollando mi carrera profesional en estudios de diseño y agencias de publicidad como director de arte, siempre enfocado al mundo Offline. Sin embargo, pronto sentí curiosidad por el Online. Desde entonces, he intentado formarme en este sector, a través de diferentes cursos de formación y de forma autodidacta.

Puedes ver mi perfil completo en LinkedIn. ¿Hacemos Networking?