Realizando una Aplicación Web con Conexión a Base de Datos SQL Server

En este post, conoceremos la forma de realizar una conexión a nuestra Base de Datos SQL Server a través de una aplicación Web ASPX bajo Framework 4.0

En primer lugar: Creamos un Nuevo Proyecto Web y seleccionamos la plantilla “ASP.NET Empty Web Application” y lo nombraremos “ConexionBD_SQL”.

El segundo paso será agregar el Folder de ASP.NET “App_Data” el cual utilizaremos para almacenar la Base de Datos. Para esto vamos al menú      Project – Add ASP.NET Folder  y seleccionamos "App_Data"

Una vez agregado el folder “App_Data”, deberemos adicionar un Nuevo Item de tipo “Web Form” que llamaremos “Default.aspx” para esto vamos al menú Project y escogemos la opción Add New Item.

Ahora sobre la carpeta App_Data del Explorador de Soluciones pulsaremos click inverso y para agregar un Nuevo Item de tipo “SQL Server Database” que llamaremos “CodigoFuente.mdf”

Ahora ya tenemos creada la Base de Datos. Daremos click inverso sobre la BD y pulsaremos sobre Open para visualizarla en el “Server Explorer” y así proceder a crear una tabla llamada “tbl_Personas” que tendrá los campos “Cedula, Nombres, Apellidos y Correo” como se muestra a continuación.

Después de creada la tabla dentro de la Base de Datos,  abriremos el archivo “Web.config” que se encuentra en el “Solution Explorer” para configurar la conexión con la Base de Datos. Para esto debemos incluir las líneas que están dentro del cuadro rojo como se muestra a continuación.

Abriremos el formulario web que creamos anteriormente “Default.aspx” para diseñar el entorno visual para ingresar la Información en la Base de Datos. Agregaremos una Tabla de 2 columnas x 5 Filas, 4 Textbox y 2 Botones. Siguiendo la siguiente estructura:

Tendrá un aspecto visual como este:

Ahora deberemos crear nuestro código para Insertar registros al invocar el evento Click del botón Guardar y código para Consultar al invocar el evento Click del botón Consultar.

En primer lugar presionaremos Doble Click sobre el botón Guardar e incluiremos el siguiente código:

a)      Se adicionaran los siguientes Espacios de Nombres:

using System.Data; //Utilizado para realizar Operaciones DML con la Base de Datos SQL Server

using System.Data.SqlClient; //Utilizado para realizar Operaciones DML con la Base de Datos SQL Server

using System.Configuration; //Utilizada para extraer la cadena de conexion de nuestro archivo Web.config y poder usarla en nuestra aplicación

b)  Crearemos la variable sqlConn de tipo SqlConnection y a ésta le asignaremos la cadena de conexión que creamos en el archivo Web.config. Esto lo hacemos a través de la instrucción (ConfigurationManager.ConnectionStrings["CF"].ConnectionString) donde “CF” es el nombre que le dimos a la conexión. La instrucción quedaría de la siguiente manera:

var sqlConn = new SqlConnection(ConfigurationManager.ConnectionStrings["CF"].ConnectionString);

c)       Luego creamos la variable strSQL donde ingresaremos la sentencia SQL a ejecutar, en nuestro caso, la sentencia INSERT INTO. Dentro de la sentencia vincularemos los Textbox para insertar la información que el usuario ingrese, de la siguiente manera:

var strSQL = "INSERT INTO tbl_Personas VALUES (‘"+txtCedula.Text+"’,’"+txtNombre.Text+"’,’"+txtApellidos.Text+"’,’"+txtCorreo.Text+"’)";

d)      Seguido a esto se crea la variable cmd de tipo SqlCommand y como argumentos le pasaremos la sentencia a ejecutar (strSQL) y la conexión a utilizar (sqlConn).

var cmd = new SqlCommand(strSQL, sqlConn);

e)  Abrimos la conexion:  sqlConn.Open();

f)  Ejecutamos el comando a través del método ExecuteNonQuery: cmd.ExecuteNonQuery();

g)  Cerramos la conexión: sqlConn.Close();

h)  El código completo quedaría así:

Con esto ya tenemos listo le código para el botón Insertar.

Luego se creará el código para Consultar registros al invocar el evento Click del botón Consultar una vez hallamos digitado la Cedula, para esto presionamos Doble Click sobre el botón Consultar e incluiremos el siguiente código:

a)      Crearemos la variable sqlConn de tipo SqlConnection y a ésta le asignaremos la cadena de conexión que creamos en el archivo Web.config. Esto lo hacemos a través de la instrucción (ConfigurationManager.ConnectionStrings["CF"].ConnectionString) donde “CF” es el nombre que le dimos a la conexión. La instrucción quedaría de la siguiente manera:

var sqlConn = new SqlConnection(ConfigurationManager.ConnectionStrings["CF"].ConnectionString);

b)      Luego creamos la variable strSQL donde ingresaremos la sentencia SQL a ejecutar, en nuestro caso, la sentencia SELECT * FROM. Dentro de la sentencia vincularemos El Textbox la Cedula (txtCedula) para enviárselo como parámetro a la instrucción SQL, de la siguiente manera:

var strSQL = "SELECT * FROM tbl_Personas WHERE Cedula = ‘" + txtCedula.Text + "’";

 

c)       Seguido a esto se crea la variable cmd de tipo SqlCommand y como argumentos le pasaremos la sentencia a ejecutar (strSQL) y la conexión a utilizar (sqlConn).

var cmd = new SqlCommand(strSQL, sqlConn);

d)  Se crea una variable llamada “ds” de tipo DataSet la cual utilizaremos para almacenar el resultado de nuestra consulta.

var ds = new DataSet();

e)      Se crea la variable llamada “da” de tipo SqlDataAdapter la cual se encargará de llenar el DataSet que creamos anteriormente y le enviamos como Argumento el comando a ejecutar.

var da = new SqlDataAdapter(cmd);

f)  Abrimos la conexion:  sqlConn.Open();

g)      A partir de SqlDataAdapter creado “da” hacemos uso de su propiedad Fill para llenar el DataSet con el resultado de la ejecución del comando “cmd”. A esta instrucción le enviamos 2 argumentos (el DataSet a cargar y el nombre de la Tabla que se utilizará)

h)       Cerramos la conexión: sqlConn.Close();

i)        Establecemos una variable de tipo DataTable “dt”, de esta manera podremos extraer la información contenida en el DataSet. Para esto, a través de la propiedad Rows, indicamos la fila y la columna donde se encuentra la información de deseamos extraer. Ejemplo: En la tabla tbl_Personas, el primer campo es la Cedula, para acceder a esta podemos decirle que de la Fila [0] extraiga la columna [0].

 

j)        El código quedaría de la siguiente manera:

 

Antes de ejecutar nuestra aplicación verificaremos que no hallan registros en la tabla “tbl_Personas”, para esto abrimos el “Server Explorer”, desplegamos el contenido de la Base de Datos “CodigoFuente.mdf” , vamos hasta tablas y desplegamos su contenido, Ahora pulsamos click inverso sobre la tabla “tbl_Personas” y elegimos la opción “Show Table Data”.

 

Ya en este punto, procedemos a ejecutar nuestra aplicación. Presionamos F5 para iniciar.

 

Ingresamos Nuestros datos y presionamos Guardar.

Al Guardar el registro, realizamos nuevamente el proceso para ver los datos que están dentro de la tabla “tbl_Personas”. Podemos ver que ya se ha almacenado nuestro registro.

 

Para terminar, realizaremos una consulta sobre el registro ingresado anteriormente. Para esto, en el campo Cedula digitamos el No. De Identificación de la persona que deseamos consultar, en este caso “12345” y pulsamos sobre el botón Consultar para obtener la información correspondiente a la persona (Nombres, Apellidos y Correo).

 

Amigos! Ya con esto hemos terminado este post, si tienen dudas por favor dejen sus comentarios y hasta un próximo Post.

Aquí les dejo el link para Descargar el código fuente en C#.