Asp.net

Parte 1:
Crear el sitio y crear nuevos usuarios, comprobando si ya existen para no repetirlos Publicado el 03/Feb/2007
Actualizado el 03/Feb/2007
Autor: Guillermo 'guille' Som   |

  IntroducciónEn esta primera parte del tutorial de cómo utilizar bases de datos en un sitio Web usando Visual Web Developer 2005 Express, vas a ver cómo crear un proyecto Web, crear una base de datos de SQLServer 2005 desde el IDE del Visual Web Developer (VWD), añadir controles a una página Web ASPX, añadir controles de validación, comprobar si un usuario ya está en la base de datos, y en caso de que no esté, añadirlo. -------------------------------------------------
Nota:
El código mostrado aquí es para Visual Basic 2005, pero más abajo tienes los links para el código completo, tanto para VisualBasic como para C#. Ejemplo paso a paso * 0- Abre el Visual Studio 2005 (o el Visual Web Developer 2005 Express) * 1- Crea un nuevo proyecto ASP.NET (vwdTut01) * 1.a- Elege el lenguaje a usar para el código de forma predeterminada
  * 2- Añade un nuevo elemento * 2.a- Elige Base de datos de SQL Server y dale el nombre vwdTut01.mdf * 2.b- Nos avisa de que la base de datos debe estar enla carpeta App_Data, acepta
  * 3- Crea una tabla (debes mostrar la ficha Explorador de bases de datos) * 3.a- Usa estos campos: * 3.b- ID, int, Identidad * 3.c- Correo, nvarchar(64) * 3.d- Clave, nvarchar(40) * 3.e- Nombre, nvarchar(50) * 3.f- Fecha, datetime * 3.g- Comentarios, nvarchar(300) * 3.h- Dale a guardar y ponle el nombre Usuarios
  * 4- Ahora teexplico cómo crear el formulario de introducción de datos. * 4.a- En el menú Sitio Web selecciona Agregar nuevo elemento * 4.b- Selecciona WebForms y dale el nombre AgregarUsuario.aspx * 4.c- El lenguaje será el indicado al principio, pero lo puedes cambiar (yo dejo Visual Basic) * 4.d- Marca la casilla Colocar el código en un archivo independiente para que se separe el diseño delformulario del código que vamos a escribir.
  * 5- Ahora vamos a añadir una tabla, para que queden alineado los textos y las cajas de textos * 5.a- En el menú Diseño seleccionar Insertar tabla * 5.b- En el cuadro de diálogo de insertar tabla, selecciona:
3 filas y 2 columnas, ancho 90%, Alinear: center, Atributos: borde: 1, Espaciado celdas: 4
  * 6- En la tabla recién creada, añade unaetiqueta en la primera columna, un textBox en la segunda columna
  * 7- Queremos que estén alineadas a la izquierda y arriba * 7.a- Selecciona la celda (pulsando en la flecha que sale al pasar el ratón) * 7.b- En la ventana de propiedades, en align selecciona left y en VAlign selecciona top
  * 8- Selecciona esa fila y pulsa en Copiar de la barra de herramientas * 8.a- Ahora, al pulsar en elbotón Pegar y se añadirá una nueva fila con los controles * 8.b- Selecciona la siguiente fila (la vacía) y pulsa en pegar * 8.c- Repite los pasos anteriores hasta que tengas 4 filas con los controles
  * 9- Añade un botón en la siguiente fila * 9.a- Selecciona la fila del botón * 9.b- En el menú Diseño selecciona Combinar celda * 9.c- De esa forma, esa columna ocupará toda la fila
 * 10- En la última fila, añade una etiqueta * 10.a- Selecciona esa última fila para que ocupe las dos columnas, ya sabes: * 10.b- En el menú Diseño, selecciona Combinar celda
  * 11- Selecciona esa etiqueta y en la ventana de propiedades busca la propiedad Width y escribe 100% para que ocupe todo el ancho.
  * 12- Cambia el texto de las 4 primeras etiquetas para que muestre: Correo,Clave, Nombre y Comentarios
  * 13- Como puede ser que no interese que se vea la clave escrita, selecciona la segunda caja de textos * 13.a- En la ventana de propiedades, en la propiedad TextMode selecciona Password
  * 14- Selecciona la última caja de textos, te digo lo que hay que hacer para que tenga más espacio para escribir * 14.a- En la ventana de propiedades, en la propiedad...