ejemplo login asp y mysql

7/23/2019 Ejemplo Login ASP y MySql

http://slidepdf.com/reader/full/ejemplo-login-asp-y-mysql 1/10

PRACTICA ASP.NET/MySQL

PRACTICA: CONEXIÓN ENTRE ASP.NET Y MySQL USANDO AUTENTIFICACION DE USUARIO

Objetivo: Lograr una conexión entre ASP.NET y una base de datos creada en MySQL, a la cual sepueda acceder solamente utilizando una autentificación mediante formularios.

Requisitos:

Microsoft Visual Studio 2005 o superior

MySQL versión 6.0.4 o superior

MySQL-connector-net-5.0.9

Contar con una base de datos previa en MySQL, la que se ocupa en este ejemplo tiene las

siguientes características:

Nombre: examen

Tablas: alumnos

Características de la tabla.

PRIMERA PARTE

1.-Instalar MySQL-connector-net-5.0.9 utilizando su asistente.

SEGUNDA PARTE

Creación de la conexión utilizando el lenguaje C#.

1.-Abrimos Visual Studio 2005

2.-Archivo ->Nuevo ->Sitio Web.

3.-Le damos el nombre de C:\Documents and Settings\MARTINEZ_BADILLO\Mis

documentos\Visual Studio 2005\WebSites\MiConexionMySQL y ACEPTAR.

Ahora vamos al punto de la seguridad




4.-Vamos a nuestro explorador de soluciones y agregaremos un nuevo WebForm al cual le

daremos el nombre de login.aspx y agregaremos el control login del cuadro de herramientas.

5.-Seleccionamos la opción de Convertir en plantilla.

6.-Compilamos el proyecto y abrimos el archivo Web.Config que se debió haber generado.

7.-Eliminamos la línea que dice <authentication mode=”Windows”/>

8.-Y colocamos las siguientes líneas en su lugar.

<authentication mode="Forms"><forms name=".AuthenticationCookie" loginUrl="login.aspx"

protection="All" timeout="60" path="/"><credentials passwordFormat="Clear"><user name="informatica6851" password="info6851"/><user name="informatica6801" password="info6801"/>

</credentials></forms>

</authentication>

9.-Ahora vamos al WebForm de login en el botón de iniciar sesión en el evento clic y vamos avalidar nuestra contraseña para lo que vamos a eliminar todo excepto las librerías y pondremos el

siguiente código.

public partial class _Default : System.Web.UI.Page {

protected void Page_Load(object sender, EventArgs e){

if(!Page.IsPostBack){

Session["login"]="false";}

}

protected void LoginButton_Click(object sender, EventArgs e){

if (FormsAuthentication.Authenticate(Login1.UserName,Login1.Password))

{Session["login"] = "true";




Login1.FailureText = "Usuario Aceptado";Response.Redirect("Default.aspx");

}else{

Login1.FailureText = "Error al iniciar Seccion";}

}}

10.-Ahora nos vamos a nuestro WebForm Default.aspx y colocaremos un control Label y en el

evento Load de este formulario escribiremos el siguiente código.

protected void Page_Load(object sender, EventArgs e){

if (!Page.IsPostBack){

string sesion = Convert.ToString(Session["login"]);

if (sesion == "true")Label1.Text = "ESTA PAGINA SOLO PUEDE SER ACCEDIDA POR

USUARIOS AUTORIZADOS";}}

11.-Definimos como página de inicio dando clic izquierdo sobre el Web Form de Login.aspx y

seleccionamos la opción de establecer como página de inicio y lo ejecutamos para asegurarnos

que funcione correctamente.

12.-Como siguiente paso nos vamos a nuestro diseño del Web Form Default.aspx en donde se

encuentra nuestra Label.

13.-Ahora nos iremos a nuestra barra de heramientas y seleccionaremos en el area de Datos un

control GridView, el cual arrastraremos a nuestra area de trabajo.

Y nos aparecerá algo así:




14.-En esta parte tenemos que elegir un origen de datos, nos vamos al campo donde dice

(Ninguno), desplegamos la pestaña y seleccionamos Nuevo origen de datos, para lo que se nos

desplegara un asistente como el siguiente y seleccionaremos Base de datos y ACEPTAR.

15.-Y nos aparecerá la siguiente ventana en donde seleccionaremos el botón de nueva conexión

se nos desplegara otra ventana en donde vamos a seleccionar usar cadena de conexión y damos

click en Generar.




16.-Se nos va a desplegar otra ventana en donde vamos a seleccionar la pestaña de origen de

datos del equipo y daremos clic en el botón Nuevo.

17.-Se nos desplegara otra pestaña en donde seleccionaremos origen de datos del usuario y

daremos clic en el botón siguiente.

18.-Seleccionamos el controlador MySQL ODBC 3.51 Driver, damos clic en siguente

19.-Nos aparece la ventana en donde nos indica que controlador elegimos y damos clic en

Finalizar.

20.-Se nos despliega otra ventana en donde nos pedira el nombre de Data Source y podemos darle

cualquier nombre relacionado con el tema, en este ejemplo sera el de Personales.




21.-En el segundo recuadro donde dice MySQL Connection Parameters nos pedira el nombre de la

base de datos con la que deseamos hacer la conexión y pondremos examen.

22.-Despues colocaremos el nombre de Usuario que tiene MySQL asi como su contraseña.

23.-Y realizamos una prueba para ver si esta correcta la conexión pulsando el boton Test Data

Source.

24.-Damos clic en Aceptar y en OK., y nos envia a otra ventana en donde ya esta el origen de datos

y damos otra vez clic en Aceptar.

25.-Y veremos como ya se genero nuestra cadena de conexión, colocamos nuestra contraseña y

damos clic en aceptar.




26.-Teniendo nuestra conexión damos clic en siguente, nos va a enviar a otra pantalla para

guardar la cadena de conexión y daremos clic en siguente otra vez y se desplegara la siguente

pantalla.

27.-En donde vamos a seleccionar la opción que dice:

Especificar una instrucción SQL o un procedimiento almacenado personalizado, y damos Siguiente.

28.-Nos va a enviar a otra pantalla en donde vamos a pulsar el botón que dice Generador de

Consultas y nos aparecerá otra pantalla en donde elegiremos la tabla que deseamos mostrar, le

daremos agregar y mostrar.




29.-Seleccionamos los campos que deseamos mostrar de la tabla y damos clic en Ejecutar

Consulta, y se mostraran todos los datos que tenemos en nuestra tabla y damos clic en Aceptar.

30.-Nos va a enviar a otra pantalla en donde vamos a visualizar la consulta y pulsaremos Siguiente,

en la pantalla que aparecerá daremos clic en Consulta de Prueba

y dar clic en finalizar.

31.-Ahora ya esta nuestra conexión, ejecutamos nuestro proyecto y tendremos el siguienteresultado.




Damos clic en Inicio de sesión y aparece…