C# - Aplicación de Escritorio, Sistemas de Ventas Part IV - Creación de la Capa de Presentación

"Si usa algún código del siguiente tutorial, den el icono de ME GUSTA del Facebook que se encuentra en su mano derecha, para que se vuelva Seguidor del Blog y también comentenos que tal les pareció el tutorial"

1. Entorno

• SQL Server 2008
• Visual Studio 2008

2. Introducción

En el tutorial en la Parte II y en la Parte III hemos creado la capa de datos y la capa de negocios respectivamente de nuestra aplicación, ahora solo nos falta crear nuestra capa de presentacion. La capa de presentacion puede ser una aplicacion del tipo escritorio, web, etc. Es por eso que se utiliza la programacion en capas, debido a que no importa que cambiamos hagamos en alguna capa no se sentira en las otras de manera brusca.

3. Desarrollo

3.1. Creando el Proyecto

Ahora debemos de agregar a nuestro proyecto un proyecto del tipo biblioteca de clases que se llamara "CapaPresentacion". No olvidar que debemos de ir a "Archivo-->Agregar-->Nuevo Proyecto"

3.2. Agregando la referencia con la Capa de Negocios

Debemos de establecer la comunicacion entre la Capa de Presentación y la Capa de Negocios. Para eso hacemos clic derecho en nuestro proyecto que se llama "CapaPresentacion" y nos vamos a la opcion de "Agregar Referencia"

Y de ahí seleccionamos que se comunica con la Capa de Negocios

3.3. Formulario frmMantenimientoProducto

En este formulario vamos a realizar un mantenimiento a la tabla Producto de nuestra Base de Datos que se llama BDTutorial y que esta diseñada en SQL Server 2008. A mantenimiento me refiero a los procesos de inserción, actualización y consulta de datos de la tabla Producto. Debemos de diseñar el siguiente formulario

En el cual el componente dgvProducto tiene los siguientes valores de propiedades:

• AllowUserToAddRows = False
• AllowUserToDeleteRows = False
• MultiSelect = False
• ReadOnly = True
• SelectionMode = FullRowSelect

Y como columnas tiene

• codigoProducto
• DataPropertyName = codigoProducto
• HeaderText = codigoProducto
• Visible = False
• Nombre
• DataPropertyName = nombre
• HeaderText = Nombre
• Visible = True
• Precio
• DataPropertyName = precio
• HeaderText = Precio
• Visible = True

En la otra pestaña del tabControl tenemos los siguientes componentes:

Y su código fuente del formulario seria

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
//Comunicarse con la Capa de Negocios
using CapaNegocios;
//Desarollado por Henry Joe Wong Urquiza
namespace CapaPresentacion
{
  public partial class frmMantenimientoProducto : Form
  {
    //Variable que nos indica si vamos a insertar un nuevo producto
    private bool nuevo = false;
    //Variable que nos indica si vamos a modificar un producto
    private bool modificar = false;
    //Constructor del formulario
    public frmMantenimientoProducto()
    {
      InitializeComponent();
    }
    //Evento que se lanza cuando se va a mostrar el formulario
    private void frmMantenimientoProducto_Load(object sender, EventArgs e)
    {
      //Para ubicar al formulario en la parte superior del contenedor
      this.Top = 0;
      this.Left = 0;
      //Le decimos al DataGridView que no auto genere las columnas
      this.dgvProductos.AutoGenerateColumns = false;
      //Llenamos el DataGridView con la informacion de todos nuestros 
      //productos
      this.dgvProductos.DataSource = NegProducto.ObtenerProducto();
      //Deshabilita los controles
      this.habilitar(false);
      //Establece los botones
      this.botones();
    }
    //Para mostrar mensaje de confirmacion
    private void mOK(string men)
    {
      MessageBox.Show(men, "MENSAJE", MessageBoxButtons.OK, MessageBoxIcon.Information);
    }
    //Para mostrar mensaje de error
    private void mError(string men)
    {
      MessageBox.Show(men, "ERROR", MessageBoxButtons.OK, MessageBoxIcon.Error);
    }
    //Limpia los controles del formulario
    private void limpiar()
    {
      this.txtNombre.Text = string.Empty;
      this.nudPrecio.Value = 0;
    }
    //Habilita los controles de los formularios
    private void habilitar(bool valor)
    {
      this.txtNombre.ReadOnly = !valor;
      this.nudPrecio.Enabled = valor; 
    }
    //Habilita los botones
    private void botones()
    {
      if (this.nuevo || this.modificar)
      {
        this.habilitar(true);
        this.btnNuevo.Enabled = false;
        this.btnGuardar.Enabled = true;
        this.btnModificar.Enabled = false;
        this.btnCancelar.Enabled = true;
      }
      else
      {
        this.habilitar(false);
        this.btnNuevo.Enabled = true;
        this.btnGuardar.Enabled = false;
        this.btnModificar.Enabled = true;
        this.btnCancelar.Enabled = false;
      }
    }
    //Evento clic del boton btnNuevo
    private void btnNuevo_Click(object sender, EventArgs e)
    {
      this.nuevo=true;
      this.modificar=false;
      this.botones();
      this.limpiar();
      this.txtCodigo.Text = string.Empty;
      this.txtNombre.Focus();
    }
    //Evento clic del boton btnGuardar
    private void btnGuardar_Click(object sender, EventArgs e)
    {
      //La variable que almacena si se inserto o se modifico la tabla
      string rpta = "";
      if(this.nuevo)
      {
        //Vamos a insertar un producto 
        rpta=NegProducto.Insertar(this.txtNombre.Text.Trim().ToUpper(),
        this.nudPrecio.Value);

      }else
      {
        //Vamos a modificar un producto
        rpta=NegProducto.Actualizar(Convert.ToInt32(this.txtCodigo.Text),
        this.txtNombre.Text.Trim().ToUpper(),
        this.nudPrecio.Value);
      }
      //Si la respuesta fue OK, fue porque se modifico o inserto el Producto
      //de forma correcta
      if (rpta.Equals("OK"))
      {
        if (this.nuevo)
        {
          this.mOK("Se inserto de forma correcta al Producto");
        }
        else 
        {
          this.mOK("Se actualizo de forma correcta al Producto");
        }

      }
      else
      {
        //Mostramos el mensaje de error
        this.mError(rpta);
      }
      this.nuevo=false;
      this.modificar=false;
      this.botones();
      this.limpiar();
      this.dgvProductos.DataSource = NegProducto.ObtenerProducto();
      this.txtCodigo.Text="";
    }
    //Evento clic del boton btnModificar
    private void btnModificar_Click(object sender, EventArgs e)
    {
      //Si no ha seleccionado un producto no puede modificar
      if(!this.txtCodigo.Text.Equals(""))
      {
        this.modificar=true;
        this.botones();
      }
      else
      {
        this.mError("Debe de buscar un producto para Modificar");
      }
    }
    //Evento clic del boton btnCancelar
    private void btnCancelar_Click(object sender, EventArgs e)
    {
      this.nuevo=false;
      this.modificar=false;
      this.botones();
      this.limpiar();
      this.txtCodigo.Text=string.Empty;
    }
    //Evento double clic del DataGridView de Productos
    private void dgvProductos_DoubleClick(object sender, EventArgs e)
    {
      this.txtCodigo.Text = Convert.ToString(this.dgvProductos.CurrentRow.Cells["codigoProducto"].Value);
      this.txtNombre.Text = Convert.ToString(this.dgvProductos.CurrentRow.Cells["nombre"].Value);
      this.nudPrecio.Value = Convert.ToDecimal(this.dgvProductos.CurrentRow.Cells["precio"].Value);
      this.tabControl.SelectedIndex = 1;
    }

  }
}

3.4. Formulario frmSeleccionarProducto

Es un formulario del tipo modal que nos permitirá seleccionar un producto de nuestra base de datos para registrar la venta. Y tiene el siguiente diseño

En el cual el componente dgvProducto tiene los siguientes valores de propiedades:

• AllowUserToAddRows = False
• AllowUserToDeleteRows = False
• MultiSelect = False
• ReadOnly = True
• SelectionMode = FullRowSelect

Y como columnas tiene

• codigoProducto
• DataPropertyName = codigoProducto
• HeaderText = codigoProducto
• Visible = False
• Nombre
• DataPropertyName = nombre
• HeaderText = Nombre
• Visible = True
• Precio
• DataPropertyName = precio
• HeaderText = Precio
• Visible = True

Y como código fuente tiene lo siguiente

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
//Comunicarse con la Capa de Negocios
using CapaNegocios;
//Desarollado por Henry Joe Wong Urquiza
namespace CapaPresentacion
{
  public partial class frmSeleccionarProducto : Form
  {
    //El formulario padre
    private frmRegistrarVenta frame;
    //El constructor del formulario
    public frmSeleccionarProducto()
    {
      InitializeComponent();
    }
    //Establece los valores del formulario padre
    public void estableceFormulario(frmRegistrarVenta frame)
    {
      this.frame = frame;
    }
    //Evento que se ejecuta cuando se muestra el formulario
    private void frmSeleccionarProducto_Load(object sender, EventArgs e)
    {
      //Que no se genere las columnas de forma automatica
      this.dgvProducto.AutoGenerateColumns = false;
      //Obtiene todos los productos y lo asigana al DataGridView
      this.dgvProducto.DataSource = NegProducto.ObtenerProducto();
    }
    //Evento double clic del DataGridView
    private void dgvProducto_DoubleClick(object sender, EventArgs e)
    {
      //Estableciendo los datos a las cajas de texto del formulario padre
      this.frame.codigoProductoSeleccionado = Convert.ToInt32(this.dgvProducto.CurrentRow.Cells["codigoProducto"].Value);
      this.frame.txtProducto.Text = Convert.ToString(this.dgvProducto.CurrentRow.Cells["nombre"].Value);
      this.frame.txtPrecio.Text = Convert.ToString(this.dgvProducto.CurrentRow.Cells["precio"].Value);
      //Cerrando el formulario
      this.Hide();
    }

  }
}

3.5. Formulario frmRegistrarVenta

Este formulario es la parte principal del sistema en cual se registra la venta. Tener en cuenta que si el detalle de la venta es mayor a 50 soles, dolares, euros, etc se le aplica un descuento del 5% del sub total de la venta.  Debemos realizar el siguiente diseño del formulario

En cual la accesibilidad de los controles txtProducto y txtPrecio es del tipo Internal y tiene la propiedad ReadOnly en True.

Y ademas el componente dgvDetalle tiene los siguientes valores de propiedades:

• AllowUserToAddRows = False
• AllowUserToDeleteRows = False
• MultiSelect = False
• ReadOnly = True
• SelectionMode = FullRowSelect

Y como columnas tiene

• codigoProducto
• DataPropertyName = codigoProducto
• HeaderText = codigoProducto
• Visible = False
• Producto
• DataPropertyName = Producto
• HeaderText = Producto
• Visible = True
• Cantidad
• DataPropertyName = cantidad
• HeaderText = Cantidad
• Visible = True
• PU
• DataPropertyName = PU
• HeaderText = PU
• Visible = True
• Descuento
• DataPropertyName = Descuento
• HeaderText = Descuento
• Visible = True
• SubTotal
• DataPropertyName = subTotal
• HeaderText = SubTotal
• Visible = True

Y como código fuente tiene lo siguiente:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
//Comunicarse con la Capa de Negocios
using CapaNegocios;
//Desarollado por Henry Joe Wong Urquiza
namespace CapaPresentacion
{
  public partial class frmRegistrarVenta : Form
  {
    //DataTable que se encargara de guardar el detalle de la venta
    //de forma temporal
    private DataTable dtDetalle;
    //Codigo del producto seleccionado
    internal int codigoProductoSeleccionado = -1;
    //Variable que almacena el total de la venta
    private decimal totalPagar = 0;
    //El constructor de la clase
    public frmRegistrarVenta()
    {
      InitializeComponent();
    }
    //Metodo que se ejecuta al cargar el formulario
    private void frmRegistrarVenta_Load(object sender, EventArgs e)
    {
      this.Top = 0;
      this.Left = 0;
      this.crearTabla();
      this.WindowState = FormWindowState.Maximized;
    }
    //Limpia todos los controles del formulario
    private void limpiarControles()
    {
      this.txtCliente.Text = string.Empty;
      this.codigoProductoSeleccionado = -1;
      this.txtProducto.Text = string.Empty;
      this.txtPrecio.Text = string.Empty;
      this.nudCantidad.Value = 1;
      this.crearTabla();
      this.lblTotalPagar.Text = "Total Pagar: S/. 0.00";

    }
    //Crea la tabla de Detalle 
    private void crearTabla()
    {
      //Crea la tabla con el nombre de Detalle
      this.dtDetalle = new DataTable("Detalle");
      //Agrega las columnas que tendra la tabla
      this.dtDetalle.Columns.Add("codigoProducto", System.Type.GetType("System.Int32"));
      this.dtDetalle.Columns.Add("Producto", System.Type.GetType("System.String"));
      this.dtDetalle.Columns.Add("cantidad", System.Type.GetType("System.Decimal"));
      this.dtDetalle.Columns.Add("PU", System.Type.GetType("System.Decimal"));
      this.dtDetalle.Columns.Add("Descuento", System.Type.GetType("System.Decimal"));
      this.dtDetalle.Columns.Add("subTotal", System.Type.GetType("System.Decimal"));
      //Relacionamos nuestro datagridview con nuestro datatable
      this.dgvDetalle.DataSource = this.dtDetalle;

    }
    //Para mostrar mensaje de error
    private void mError(string mensaje)
    {
      MessageBox.Show(this, mensaje, "ERROR", MessageBoxButtons.OK, MessageBoxIcon.Warning);
    }
    //Para mostrar mensaje de confirmación
    private void mOk(string mensaje)
    {
      MessageBox.Show(this, mensaje, "MENSAJE", MessageBoxButtons.OK, MessageBoxIcon.Information);
    }
    //Evento del clic del boton btnBuscar
    private void btnBuscar_Click(object sender, EventArgs e)
    {
      //Creamos una variable del tipo del formulario que deseamos abrir
      frmSeleccionarProducto frame = new frmSeleccionarProducto();
      //Le pasamos como datos la información de nuestro formulario
      frame.estableceFormulario(this);
      //Mostrar el formulario que tiene los productos que hemos seleccionado
      frame.ShowDialog();
    }
    //Evento clic del boton agregar
    private void btnAgregar_Click(object sender, EventArgs e)
    {
      //Valida que hemos seleccionado algun producto
      if (this.codigoProductoSeleccionado == -1)
      {
        this.mError("No ha seleccionado aun ningun producto");
      }
      else
      {
        //Variable que va a indicar si podemos registrar el detalle
        bool registrar = true;
        foreach (DataRow row in dtDetalle.Rows)
        {
          if (Convert.ToInt32(row["codigoProducto"]) == this.codigoProductoSeleccionado)
          {
            registrar = false;
            this.mError("Ya se encuentra el producto en el detalle");
          }
        }
        //Si podemos registrar el producto en el detalle
        if (registrar)
        {
          //Calculamos el sub total del detalle sin descuento
          decimal subTotal = Convert.ToDecimal(this.txtPrecio.Text) * nudCantidad.Value;
          //Obtenemos el descuento
          decimal descuento = NegDetalleVenta.ObtenerDescuento(
          nudCantidad.Value,
          Convert.ToDecimal(this.txtPrecio.Text));
          //Actualizamos el sub total con el descuento correspondiente
          subTotal = subTotal - descuento;
          //Aumentamos el total a pagar
          this.totalPagar += subTotal;
          this.lblTotalPagar.Text = "Total Pagar: S/." + totalPagar.ToString("#0.00#");
          //Agregamos al fila a nuestro datatable
          DataRow row = this.dtDetalle.NewRow();
          row["codigoProducto"] = this.codigoProductoSeleccionado;
          row["Producto"] = this.txtProducto.Text;
          row["cantidad"] = this.nudCantidad.Value;
          row["PU"] = this.txtPrecio.Text ;
          row["Descuento"] = descuento;
          row["subTotal"] = subTotal;
          this.dtDetalle.Rows.Add(row);
        }
      }
    }
    //Evento click del boton quitar
    private void btnQuitar_Click(object sender, EventArgs e)
    {
      try
      {
        //Indice dila actualmente seleccionado y que vamos a eliminar
        int indiceFila = this.dgvDetalle.CurrentCell.RowIndex;
        //Fila que vamos a eliminar
        DataRow row = this.dtDetalle.Rows[indiceFila];
        //Disminuimos el total a pagar
        this.totalPagar = this.totalPagar - Convert.ToDecimal(row["subTotal"].ToString());
        this.lblTotalPagar.Text = "Total Pagar: S/." + totalPagar.ToString("#0.00#"); 
        //Removemos la fila
        this.dtDetalle.Rows.Remove(row);
      }
      catch (Exception ex)
      {
        mError("No hay fila para remover");
      }
    }

    private void btnGuardar_Click(object sender, EventArgs e)
    {
      //Debe de tener por almenos un detalle para poder registrar
      if (this.dtDetalle.Rows.Count > 0)
      {
        string rpta = NegVenta.Insertar(this.txtCliente.Text, this.dtDetalle);
        if (rpta.Equals("OK"))
        {
          mOk("Se inserto de manera correcta la venta");
          this.limpiarControles();
        }
        else
        {
          mError(rpta);
        }
      }
      else
      {
        mError("No agregado ningun detalle");
      }
    }


  }
}

4. Ejemplo de la Aplicación

Publicado en: c#,c# con procedimientos almacenados,c# sistema de ventas,c# sql server 2008,capa de presentacion c#,henry wong,hwongu,upao,upao sistemas