Insertar Registro a una BD desde un Formulario Web en C#

En este tutorial veremos como insertar un registro desde un formulario web en Asp.Net con C#.

Trabajaremos con una base de datos ejemplo que cree para este tutorial, la base de datos cuenta con una tabla llamada usuarios y contiene los campos cod_usuario (que es la llave primaria y es un campo auto incrementable), nombre, apellido, pais.
Ademas la base de datos cuenta con un procedimiento almacenado que utilizaremos para ingresar el registro
Descargar Base de Datos

Una vez que descargemos la base de datos la adjuntamos a nuestro SQL para continuar.

Lo primero que aremos es crear un nuevo sitio web vació as.pnet en visual estudio.



Una vez creado nuestro proyecto asp.net agregamos un webform el cual nos tiene que quedar con este diseño.



Hecho esto nos vamos al código c# de nuestro formulario web y empezamos a programar nuestro formulario.

Lo primero que aremos sera añadir estas 2 referencias que nos sirven para trabajar con base de datos sql en asp.net

using System.Data.SqlClient;
using System.Data;

Ahora declararemos nuestra cadena de conexión a nivel de la clase con el fin de poder utilizarla en todos los eventos que programaremos.

//cadena de conexion la declaramos a nivel de la clase para utilizarla en todos los eventos.
SqlConnection cn = new SqlConnection("Data Source = .\\SQLEXPRESS; Initial Catalog = ejemplo; Integrated Security = True");

Ahora aremos un método donde cargaremos los datos al griedview de nuestra base de datos, el código va comentado para que entiendan todo.

public void cargardatos()
      {
          //hacemos la consulta a la base de datos
          SqlCommand cmd = new SqlCommand("Select * from usuarios", cn);
          //objeto adapter para hacer el enlace y llenado del dataset
          SqlDataAdapter adapter = new SqlDataAdapter();
          //asignamos la propiedad selectcommand al objeto command para que ejecute consulta
          adapter.SelectCommand = cmd;
          //abrimos la conexion
          cn.Open();
          //creamos objeto dataset
          DataSet objdataset = new DataSet();
          //llenamos el datable del dataset
          //el metodo fill obtiene los datos recuperados del dataadapter y los coloca dentro del dataset
          adapter.Fill(objdataset);
          //cerramos conexion
          cn.Close();
          //enlazamos los datos al griedvied
          GridView1.DataSource = objdataset;
          GridView1.DataBind();
      }

Ahora para que los datos que tenga la base de datos se carguen al momento de iniciar nuestro formulario web crearemos el método Load de nuestra webform y llamaremos al metodo que creamos anteriormente (el método Load sirve para cargar datos al momento que se inicializa el formulario)

protected void Page_Load(object sender, EventArgs e)
  {
      cargardatos();
  }

Por ultimo aremos el evento click de nuestro botón para que cuando el usuario presione el botón insertar los datos se inserten en la base de datos y se muestren en el griedview, aquí es donde aremos uso del procedimiento almacenado insertar usuarios. nuevamente el código esta comentado cada linea para que comprendan.

protected void Button1_Click(object sender, EventArgs e)
  {
          //utilizamos el procedimiento alamacenado insertarusuarios
          SqlCommand cmd = new SqlCommand("insertarusurios", cn);
          //especificamos que el comando es un procedimiento almacenado
          cmd.CommandType = CommandType.StoredProcedure;
          //creamos los parametros que usaremos
          cmd.Parameters.Add("@nombre", SqlDbType.VarChar);
          cmd.Parameters.Add("@apellido", SqlDbType.VarChar);
          cmd.Parameters.Add("@pais", SqlDbType.VarChar);
          //asignamos el valor de los textbox a los parametros
          cmd.Parameters["@nombre"].Value = TextBox1.Text;
          cmd.Parameters["@apellido"].Value = TextBox2.Text;
          cmd.Parameters["@pais"].Value = TextBox3.Text;
          //abrimos conexion
          cn.Open();
          //ejecutamos la instruccion con ExcecuteNonQuerry indicando que no retorna registros.
          cmd.ExecuteNonQuery();
          Label1.Text = "Usuario ingresado...";
          //cerramos conexion
          cn.Close();
          //cargamos los datos nuevamente
          cargardatos();
          //limpiamos los textbox
          TextBox1.Text = "";
          TextBox2.Text = "";
          TextBox3.Text = "";

  }

Para terminar les dejo el código completo así les tiene que quedar al final

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Data;

public partial class _Default : System.Web.UI.Page
{
      //cadena de conexion la declaramos a nivel de la clase para utilizarla en todos los eventos
      SqlConnection cn = new SqlConnection("Data Source = .\\SQLEXPRESS; Initial Catalog = ejemplo; Integrated Security = True");
   
  public void cargardatos()
      {
          //hacemos la consulta a la base de datos
          SqlCommand cmd = new SqlCommand("Select * from usuarios", cn);
          //objeto adapter para hacer el enlace y llenado del dataset
          SqlDataAdapter adapter = new SqlDataAdapter();
          //asignamos la propiedad selectcommand al objeto command para que ejecute consulta
          adapter.SelectCommand = cmd;
          //abrimos la conexion
          cn.Open();
          //creamos objeto dataset
          DataSet objdataset = new DataSet();
          //llenamos el datable del dataset
          //el metodo fill obtiene los datos recuperados del dataadapter y los coloca dentro del dataset
          adapter.Fill(objdataset);
          //cerramos conexion
          cn.Close();
          //enlazamos los datos al griedvied
          GridView1.DataSource = objdataset;
          GridView1.DataBind();
      }
  protected void Page_Load(object sender, EventArgs e)
  {
      cargardatos();
  }
       
  protected void Button1_Click(object sender, EventArgs e)
  {
          //utilizamos el procedimiento alamacenado insertarusuarios
          SqlCommand cmd = new SqlCommand("insertarusurios", cn);
          //especificamos que el comando es un procedimiento almacenado
          cmd.CommandType = CommandType.StoredProcedure;
          //creamos los parametros que usaremos
          cmd.Parameters.Add("@nombre", SqlDbType.VarChar);
          cmd.Parameters.Add("@apellido", SqlDbType.VarChar);
          cmd.Parameters.Add("@pais", SqlDbType.VarChar);
          //asignamos el valor de los textbox a los parametros
          cmd.Parameters["@nombre"].Value = TextBox1.Text;
          cmd.Parameters["@apellido"].Value = TextBox2.Text;
          cmd.Parameters["@pais"].Value = TextBox3.Text;
          //abrimos conexion
          cn.Open();
          //ejecutamos la instruccion con ExcecuteNonQuerry indicando que no retorna registros.
          cmd.ExecuteNonQuery();
          Label1.Text = "Usuario ingresado...";
          //cerramos conexion
          cn.Close();
          //cargamos los datos nuevamente
          cargardatos();
          //limpiamos los textbox
          TextBox1.Text = "";
          TextBox2.Text = "";
          TextBox3.Text = "";

  }
}

Capturas de la aplicación corriendo




Les dejo el proyecto de la aplicación también para que lo descarguen y lo prueben con visual estudio

Descargar Proyecto

Saludos desde El Salvador...

Si quieren donarme para una soda lo pueden hacer aqui.