SqlDataSource Tutorial

Un SqlDataSource es una clase la cual nose permite conectarnos y realizar operaciones con bases de datos SQL Server (consultas, inserciones, modificacion y eliminación de datos).

En ASP .NET nos permite hacer uso de la clase SqlDataSource usándola ya sea en las páginas ASP con las etiquetas

<asp:SqlDataSource></asp:SqlDataSource>

O declararlo como clase en el código de backend de VB o C#

SqlDataSource sqlDataSource = new SqlDataSource();

En este tutorial crearemos la conexión a SQL Server para la clase SqlDataSource en ASP y se mostrarán los datos en un GridView.

Paso 1. Crear la cadena de conexión a SQL Server en el archivo Web.Config

  <connectionStrings>
    <add name="TUTORIALESPROGTIConnectionString" 
         connectionString="Data Source=DESKTOP-47VDDLI;Initial Catalog=TUTORIALESPROGTI;User ID=userForSql;Password=passwordForSql"
         providerName="System.Data.SqlClient" />
  </connectionStrings>
Archivo Web.config

Paso 2. Seleccionamos la vista Diseño de Visual Studio y seleccionamos el elemento SqlDataSource y damos clic en la opción “Configurar orígen de datos”.

Selección de SqlDataSource
Clic en “Configurar origen de datos…”

Paso 3. Seleccionamos el nombre de la cadena de conexión que previamente establecimos en el Paso 1 y damos clic en el botón Siguiente.

Paso 4. Elegimos la tabla que queremos hacer la consulta, para este caso yo tengo la tabla tbl_alumnos y damos clic en el botón Siguiente.

Paso 5. Podemos dar clic en el botón “Consulta de prueba” y obtendremos una vista previa de lo que se mostrarán en la página, damos clic al botón Finalizar.

Al finalizar el Asistente para la creación del DataSource obtendremos un código parecido al siguiente

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:TUTORIALESPROGTIConnectionString %>" 
            SelectCommand="SELECT * FROM [tbl_alumnos]"></asp:SqlDataSource>

Paso 6. Para poder visualizar los datos del DataSource recién creado, podemos vincularlos a un Gridview, abajo del datasource vamos a escribir el siguiente código

<asp:GridView runat="server" ID="gridviewAlumnos" DataSourceID="SqlDataSource1"></asp:GridView>

Nota. Es muy importante que en el nodo DataSourceId escribamos el ID correspondiente del SqlDataSource que se generó previamente en el paso 5, por defecto Visual Studio le da el nombre SqlDataSource1 cuando se usa el Asistente

Al finalizar damos clic en F5 o Iniciar IIS Server de Visual Studio.

El resultado debe ser el siguiente, una página web en donde se despliega los datos de SQL Server en ASP

El código final debe ser el siguiente en la página ASP

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Inicio.aspx.cs" Inherits="SySXML.Inicio" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            Listado de alumnos</div>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:TUTORIALESPROGTIConnectionString %>" 
            SelectCommand="SELECT * FROM [tbl_alumnos]"></asp:SqlDataSource>

        <asp:GridView runat="server" ID="gridviewAlumnos" DataSourceID="SqlDataSource1">
        </asp:GridView>
    </form>
</body>
</html>


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *