Mostrar datos de MySQL en ASP.NET

En este tutorial crearemos una conexion a MYSQL desde ASP utilizando el conector/net de mysql  y mostraremos unos datos en pantalla, no se escribira codigo, todo se hara visualmente utilizando las herramientas de Visual estudio o Web developer.

¿Qué necesitamos?

• Visual Estudio o Web Developer
• Gestor de base de datos MySQL
• Conector MySQL y .NET (Connector/Net)

Antes de comenzar debemos tener una base de datos ya creada en MySQL,  para este tutorial se utiliza la base de datos dbBiblioteca o tambien puedes utilizar otra base de datos que tengas en tu PC.

Database: dbBiblioteca

CREATE TABLE autor (
  Autor_id bigint(20) NOT NULL auto_increment,
  Autor_Nombre_Completo varchar(100) default NULL,
  Autor_Pais varchar(40) default NULL,
  PRIMARY KEY  (Autor_id)
);


INSERT INTO autor VALUES (1, 'Augusto Céspedes', 'Bolivia');
INSERT INTO autor VALUES (2, 'Alcides Arguedas', 'Bolivia');
INSERT INTO autor VALUES (3, 'Adolfo Costa du Rels', 'Bolivia');
INSERT INTO autor VALUES (4, 'Nataniel Aguirre', 'Bolivia');

1. Crear un nuevo sitio web en VS o WDP

2. Se debe añadir una referencia al conector de MySQL, para esto clic derecho sobre el nombre del proyecto y buscar la opción "Add Reference..."

En la ventana que aparece buscamos MySql.Data, la seleccionamos y presionamos OK

3. En el escritorio de VS, en vista diseño, en Toolbox despliega la paleta Data y busca el objeto GridView, selecciona y arrastra hacia la pagina de ASP

4.Con el GridView añadido en la pagina, en sus propiedades busca "Choose Data Source" y despliega el combobox, elige

5. En la ventana que aparece elige Database, puedes cambiar tambien el nombre de ese recurso o dejarlo comoesta, presiona ok para continuar

En la siguiente ventana, presiona New Connection, para crear una nueva conexion a MySQL.

En la ventana "Add Connection"  debes ingresar los datos del servidor, usuario, password, ademas de elegir la base de datos con la que se conectara ASP. para este ejemplo, estamos utilizando la base de datos dbBiblioteca

presionando Test Connection, podras ver que la conexion se realizo con exito, sino te avisa en un mensaje, para terminar presiona OK.

Volvemos a la anterior ventana donde se presiono "New Connection", ahora presionamos Next, y de nuevo presionamos Next

Estamos ahora en la ventana "Configure the Select Statement" , aqui escogemos la opcion "Specify a custom SQL statement or stored procedure" y presionamos NEXT

Ahora escribimos la sentencia SQL o tambien podemos hacer uso del asistente grafico de VS presionando el boton Query Builder, cuando ternminamos presionamos NEXT

En esta ventana, presionamos Test Query y podremos ver los datos que lanza la consulta SQL, presionamos FINISH para terminar

Volvemos al escritorio de Visual Estudio y podremos ver que el GridView a cambiado

Solo queda ver el resultado en el navegador, guarda todos los cambios y realiza un clic derecho sobre cualquier parte de la pagina y presionar View in Browser.

Posted in: ASP,MySQL