Diseño de un CRUD de Datos de estudiantes con Visual Studio 2010 y workbench.

Hola, en este tutorial le traemos como hacer un CRUD de Estudiantes en Visual Studio 2010 y workbench, esto nos sirve para agregar alumnos a una base de datos y que nos busque el alumno que necesitemos, y también que nos de un reporte de los estudiantes de dicho colegio... A continuación comenzaremos.

1)En primer lugar abriremos Visual Studio 2010 y crearemos un proyecto nuevo.

2)Se nos abrirá una ventana y seleccionaremos donde dice Windows y también seleccionaremos donde dice Aplicación de Windows Forms.

3) Y le llamaremos CRUDdeEstudiantes y le damos aceptar y listo.

4)Bueno ya creado el proyecto, comenzaremos a editar el diseño del formulario lo seleccionamos y le damos click derecho sobre el formulario y le damos en propiedades.

5)Editaremos el nombre del formulario, le pondremos Información de Estudiantes y quitaremos lo que seria el botón minimizar y el maximizar a los dos le pondremos false.

6)También cambiaremos el AtartPosition lo que seria la posición donde queremos que nos aparezca la ventada y le decimos que sea CenterScreen para que nos aparecesca en el centro de la pantalla.

7)Lo otro que cambiaremos seria el FormBorderStyle esto nos sirve para cambiar los bordes de la ventada y le diremos que sea FixedSingle.

8)Bueno con la otra ventana que trabajaremos seria con el cuadro de herramientas y si no les parece la venta se van a la opciones que están arriba...Bueno se van a la opción ver y buscan donde dice cuadro de herramientas y le dan click y ya les aparecerá la ventada.

9) Anclamos la ventana y con lo primero que trabajaremos serian con las etiquetas label y le cambiaremos el nombre a Identidad.

10)También agregaremos un MaskedTextBox, este nos permitirá agregar una mascara de entrada y para acceder a la mascara primero lo seleccionamos, y nos aparecerá una pestaña y le damos click en la pestaña y le damos click donde dice Establecer Mascara y seleccionamos donde dice Numérico y donde dice Mascara escribimos 9999-9999-99999 asemos esto para que nos permita ingresar el numero de identidad y que nos separe con un guion.

También le iremos a cambiar donde dice TextAlign y le pondremos Right lo que hicimos es que le dijimos que se escriba a la derecha y también le daremos un nombre de donde se estará guardando la información y que sea descriptivo.

11) Bueno colocaremos otra etiqueta label y esta se llamara Sexo.

12) Agregamos también un ComboBox esto nos permite una lista despegable y para hacer la lista, le damos click en la flechita y le damos donde dice editar elemento, y ahí colocaremos la lista que seria Masculino y Femenino, y también le daremos un nombre de donde se estará guardando la información y que sea descriptivo.

Nota:Por lo menos sean preguntado porque ponemos cmb y txt, lo asemos para identificar los objetos que no se parecen, por eso ponemos el prefijo que pertenece al nombre ejemplo: txt = textbox y así sucesivamente.

13)Ahora agregaremos otra etiqueta label y le pondremos Nombres:.

También agregaremos un TextBox y iremos a cambiar el nombre a txtNombres y la otra propiedad que iremos a cambiar seria CharacterCasing y la cambiamos a Upper esto es para que nos muestre las letras todas en mayúsculas.

14)Ahora solo copiaremos y pegaremos lo que seria la etiqueta Nombres: y el TextBox porque casi es lo mismo lo único que cambiaría seria el nombre en vez de Nombres: ira Apellidos y el TextBox en vez de txtNombres ira txtApellidos y alargaremos lo que seria el TextBox de los dos.

15)Bueno agregaremos otra etiqueta label y tendrá el nombre Fecha Nac:.

También agregaremos un dateTimePicker, estos nos mostrara la fecha y nos permitirá editarla, cambiaremos su propiedad format y que sea Short, el nombre que sea dtpFechaNac.

16)Bueno lo que aremos es que copiaremos lo que seria la Fecha Nac: y el Date dateTimePicker y lo pegaremos, lo que cambiaremos seria el nombre de la etiqueta label y ira Fecha de Matricula y también, cambiaremos el nombre del dateTimePicker y le podremos dtpFechadeMatricula y ajustaremos el tamaño de los dos.

17)Agregaremos una etiqueta label y le podremos como nombre Curso:.

También pondremos un ComboBox para que nos desplegué una lista, la lista seria los cursos que hay en su colegio y también le iremos a cambiar el nombre a cmbCurso.

18)Bueno lo que aremos seria que copiaremos el curso y el ComboBox y lo que iremos a editar seria el nombre de la etiqueta label que seria Jornada: y cambiar los elementos del ComboBox y el nombre del ComboBox también.

19)Agregaremos una etiqueta label y la nombraremos Sección:.

Agregaremos un objeto NumericUpDown y le cambiaremos la primera propiedad que seria TextaLign y le pondremos Right que se escriba a la derecha y cambiaremos también el value que sea 1 y que el Minimun sea 1 y el Maximun sea 10 y le cambiaremos el nombre a nudSección.

20) Iremos a copiar la etiqueta label de jornada y lo que cambiaremos seria el nombre que sera Carrera: y el ComboBox lo que editaremos seria los elementos y el nombre del ComboBox.

21)Copiaremos lo que seria la etiqueta label Apellidos, cambiaremos el nombre de la etiqueta a Colegio y del TextBox cambiaremos solo el nombre a txtColegio.

22)Ahora crearemos 5 botones los cuales serian Nuevo=btnNuevo, Guardar=btnGuardar, Eliminar=btnEliminar, Buscar=btnBuscar, Cerrar=btnCerrar, Agregaremos un Button y cambiaríamos las propiedades name y text.

Y así serian los otros sucesivamente. Ya hemos terminado lo que seria el diseño del formulario a continuación crearemos un administrador que nos permita entrar en cada uno de los formularios...

1)Comenzaremos Creando una nueva clase...Le damos click derecho sobre el CRUDdeEstudiantes, le damos click en agregar y seleccionamos donde dice clase y el nombre de la clase seria admConexion.

2)Lo primero que aremos seria llamar una librería llamada using System.Windows.Forms; y luego nos iremos al explorador de soluciones y le damos click derecho y seleccionaremos referencia para poder acceder a las diferentes clases de Mysql y poder conectarnos a la base de datos, ejecutar una instrucción de Mysql, usar un adata form...le damos click a cualquier referencia y buscamos lo que seria Mysql.DATA y lo seleccionamos y le damos aceptar y ya podemos llamar la librería Mysql.

3)Lo siguiente que aremos seria llamar la librería using MySql.Data.MySqlClient;... Lo siguiente que aremos seria aser unos siguientes comandos como para declarar una variable pero en vez de una variable declararemos un objecto, y le diremos que el objecto sea publico...y también crearemos una función y que sea publico también.

4)Declararemos la variable conectado y sera la que nos dirá si estamos conectados con la base de datos y escribimos el código para la finalizacion que seria return Conectado; y dentro de ahí escribiremos el código para la conexión a la base de datos.

5)Declararemos los parámetros para la conexión que serian de tipo string.

6)Iremos a crear un squema en mysql llamada colegio y una tabla llamada estudiantes con los siguientes datos.

Y le damos en aplicar y listo ya abremos creado la tabla.

7)Ahora crearemos la cadena de conexión con Mysql...Y asemos uso de la función Format para no estar asiendo concatenaciones extrañas, para indicar toda la cadena de conexión, y así lo asemos mas comprensible y que no se enrede demasiado.

8)Crearemos un try catch, try ejecuta doto el código que esta escrito aquí y si hay un error pues se ejecutara el código que esta en catch..

En try ase una conexión y abrimos esa conexión, si la conexión esta correcta el valor que aviamos puesto falso se convertirá en verdadero.

9)Y si no le diremos que nos envié un mensaje que tenemos mala la conexión...

10)Ahora iremos a validar la entrada de datos, le damos click derecho al diseño del formulario y seleccionamos donde dice ver código...y escribimos el siguiente código para validarlo, y que sea de tipo privada y que tenga un valor lógico y que sea validar y ponemos return true; para que se quite el error.

11)Ahora nos iremos a traer del cuadro de herramientas el icono errorProvider que esta en todos los formularios de Windows forms y lo voy a colocar en el formulario y iremos a editar las propiedades de name y le pondremos err.

12)Nos iremos al código y aremos uso de las estructuras de control...lo que aremos es que si los datos que emos ingresado son incorrecto nos tirara un error y también un mensaje que nos diga que ingresemos correcta la información.

CRUD DE DATOS

Botón Guardar

Lo primero que hacemos es llamar a la función validar y ver si el resultado que nos retorna es verdadero, sí eso es verdadero entonces procederemos a concatenar lo que es la instrucción SQL, ya sea para un INSERT O UPDATE, ya que el formulario tendrá que saber si se está insertando información o solo se está actualizando.

Para saber si está agregando información nosotros vamos a crear una variable ID y va ser con su valor inicial cero

Entonces nos vamos al if y vamos declara una variable string SQL con cadena vacía, luego creamos otro if (estructura lógica) y le diremos sí que, si es exactamente igual a cero, entonces significa que el registro es nuevo y si no (ELSE) que realizo una búsqueda, luego agregamos la instrucción SQL insert, escribir en el orden los campos tal como los tenemos en el orden de la tabla

Esta sería la instrucción SQL terminada

SQL = string.Format(“Insert into estudiantes (identidad, sexo, nombres, apellidos, fechanac, fechamatricula, curso, jornada, seccion, carrera, colegio)values(‘{1}’),’{2}’, ’{3}’, ’{4}’, ’{5}’, ’{6}’, ’{7}’, {8} , {9},’{10}’)”, identidad, sexo, nombres, apellidos, fechanac, fechamatricula, curso, jornada, carrera, seccion , colegio);

Luego hacemos una serie de declaraciones de variables

Luego creamos una conexión abierta, y crearemos una ventana emergente que nos dirá si estamos guardando la información correctamente

Entonces ya solo nos queda programar el botón nuevo

Ya en el botón nuevo, este nos permitirá si nosotros tenemos información en el formulario este por decirlo así la borrará o reiniciará el formulario

Hasta ahorita toda nuestra pantalla se llevaría así programada

Para el botón cerrar

Seguimos con la parte de la búsqueda o botón buscar

Lo primero que haremos es crear o agregar un elemento nuevo

Luego seleccionamos datos y conjunto de datos

Creamos una tabla el campo en tipo de datos que cambia es ID(INT16) Y las fechas(DATETIME)

Luego agregamos un Windows Form

Le damos el nombre de frmBuscar

En el campo Text cambiar nombre a buscar información de estudiante, luego damos click en el menú dato y después en orígenes de datos

Nos queda esta pantalla, luego damos click en el botón de arriba de sexo, desactivamos las 3 opciones, y luego le damos click en editar columnas.

Luego vamos editando los textos, porque la primera letra la tiene que llevar mayúsculas y el campo Id quedara invisible

Luego damos click derecho y editar elementos en estudiantes.bindingnavigator y eliminamos todas las etiquetas y botones de alli

Luego vamos agregando etiquetas

Luego agregamos un combobox, este tendrá las opciones o ítems identidad, nombres y apellidos y el nombre que tendrá en la declaración de variable será cmbBuscarpor, agregamos un separador y después agregamos un textbox, el nombre que llevara será txtCriterio, agregamos otro separador, y agregamos un botón y a este le llamaremos buscar y cambiamos la propiedad DisplayStyle de image a text, el nombre de variable será btnBuscar, agregamos otro botón con el nombre seleccionar, agregamos otro separador y por ultimo otro botón llamado cerrar.

De esta forma seria el formulario.

Bien entonces comenzamos a programar el botón buscar

Ya habiendo hecho, de cómo hacer búsqueda, hacemos una cadena vacía y vamos hacer unos casos para llamar o que a la hora de buscar llame los registros ya sea por nombres, apellidos o la identidad

Luego crearemos abriremos una conexión

Para que el botón buscar nos lleve a otro formulario

Solo nos queda programar el botón seleccionar y cerrar

Ya con el botón cerrar

Luego damos click en el botón buscar del formulario principal

Luego ya solo me queda mostrar si funciona

Ese es mi registro y ya seleccionado quedaría así

A continuación, seguiremos en la creación de un ReportVewer en el cual mostraremos los resultados de nuestra base de datos para hacerlo necesitamos seguir los pasos que daré a continuación :

1). Lo primero que haremos será dirigirnos a crear un nuevo elemento en nuestro proyecto en el cual lo llamaremos frmReporte.

2). Después de eso nos abrirá un formulario el cual será el frmReporte[Diseño] en el cual insertaremos el siguiente elemento:

· Toolstrip

3). Dentro del Toolstrip daremos clic derecho e Insertaremos los siguientes elementos:

· Un Label que en la propiedad text nos diga Colegio:
· Un comboBox llamado cmbColegio
· Un Label que en la propiedad text nos diga Carrera:
· Un comboBox llamado cmbCarrera
· Un Label que en la propiedad text nos diga Curso:
· Un comboBox llamado cmbCurso
· Un Label que en la propiedad text nos diga Jornada:
· Un comboBox llamado cmbJornada
· Un Label que en la propiedad text nos diga Sección:
· Un comboBox llamado cmbSección
· Un Button Llamado Actualizar (en el cual buscaremos en sus propiedades y buscaremos la opción Diseño y buscaremos (Name) en donde escribiremos btnActualizar y seguidamente buscaremos la otra opción llamada Apariencia y buscaremos (DisplayStile) donde diremos que el botón nos aparezco en forma de Text (o sea texto)).

· Un Button Llamado Cerrar (en el cual buscaremos en sus propiedades y buscaremos la opción Diseño y buscaremos (Name) en donde escribiremos btnCerrar y seguidamente buscaremos la otra opción llamada Apariencia y buscaremos (DisplayStile) donde diremos que el botón nos aparezco en forma de Text (o sea texto)).

Estos serían todos los label, comboBox y Button que agregamos:

Después de ello, nos parecerá de esta forma:

4). Seguidamente editaremos los elementos Carrera, Curso, Sección. En donde en la primera opción nos traeremos lo que nosotros le agregamos a el primer formulario Estudiantes donde en el cmbCarrera copiaremos los mismos elementos al cmbCarrera de nuestro frmReporte. Así mismo se les hará a los otros elementos que están en nuestro Reporte.

Para poder agregarles todo lo que nosotros queremos tendremos que dar clic en el Toolstrip y encima de él nos aparecerá un tipo flecha o icono donde daremos clic y buscaremos la opción de editar elementos.

· En el elemento Carrera Copiaremos las carreras disponibles:

Ciclo Común

BTP Administración de Empresas

BTP Confección Industrial

BTP Informática

Bachillerato en Ciencias y Humanidades

(Para agregarlas cosas buscamos la opción de Ítems y nos abrirá un editor de colección de cadenas donde ingresaremos las cosa que queramos que nos aparezcan ).

Después será el elemento curso donde ingresaremos los cursos disponibles:

Primero

Segundo

Tercero

Cuarto

Quinto

Sexto

Septimo

Octavo

Noveno

Decimo

Undecimo

Duodecimo

Seguidamente haremos el elemento Jornada donde irán :

Matutina

Vespertina

Nocturna

Distancia

Y de ultimo el elemento Sección donde serán de orden numérico :

5). Finalizando eso daremos doble clic en el formulario frmReporte.

Donde empezaremos a crear una conexión SQL para nuestro botón colegio ya que en el no ingresamos nada anteriormente ya que los nombres de los colegios los escribimos y nos guardara mediante la tabla de Base de Datos.

a). El admconexion conexion= new admConexion(); es para crear una nueva conexión.

b). Luego declaramos una variable de tipo String Llamada SQL donde esa variable nos conectara con nuestra base de datos llamada Colegio y nos conectara también a nuestra tabla de estudiantes.

Después hacemos lo que es como un sí o mejor dicho un if en lenguaje informático donde digamos que nuestra conexión sea verdadera.

c). Luego agregamos lo que son los comandos de MySqlCommand donde escribimos cmb sea igual a un nuevo comando de SQL en donde para finalizar tenemos que llamar a la variable SQL y a nuestra conexión.

d). El MySqlDataReader es el que nos da las tablas de nuestra base de datos con un objeto fila.

e). después el cmbColegio.Items.clear(); nos sirve para limpiar nuestro comboBox cuando actualicemos nuestro Reporte

f). el while con objeto fila y read sirve para ver si tenemos un elemento repetido o información y lo repetirá las cantidades que estén.

g). el fila close sirve para cerrar la conexión con el MySqlDataReader.

h). los últimos elementos como el conexión el cierra la nueva conexión creada, y el cmbColegio cuando actualice nos aparezca vacío sin nada en él, lo mismo es en carrera, curso, sección, jornada.

5). Luego damos doble clic en el botón Actualizar

Y escribiremos los códigos que aparecen en la siguiente imagen:

Enumerare alfabéticamente cada línea y les dire para que nos sirven

a). declaramos el string SQL otra vez en donde la variable SQL será igual a string (o sea que nosotros lo hagamos a puro texto) donde el formatosera seleccionado de la tabla estudiantes de la base de datos colegio donde el colegio será string por lo que ira en apostrofes dentro de corchetes y el numero 0 que según algunos es el inicial siempre, la carrera será string también por lo que también ira en apostrofes y corchetes con el 1 dentro de él, curso también ira dentro de los corchetes con apostrofes y el 2 , la jornada también será lo mismo y con el número 3, la sección será de tipo int por lo que ira dentro de corchetes sin apostrofes ya que es un numero no es texto, luego pedimos que sea ordenado por sexo, nombres , después declaramos todos los cmbcolegio.text , y asi hasta llegar al cmb.seccion.text donde cerraremos el paréntesis y al final el punto y come (;).

b). creamos otra nueva conexión para hacer uso de los MySqlDataAdapter que hace una nueva instancia en la clase de objeto que es.

c).luego hacemos uso de los limpiadores de tipo Clear. Que nos servirá para limpiar la tabla estudiantes.

d). luego capturamos lo que es la tabla de nuestra base de datos colegio estudiantes.

e). Cerramos la nueva conexión.

f). Luego pedimos a la base de datos colegio y a la tabla estudiantes que si hay mas de 0 registros.

g). nos pide que actualizemos nuestro reporte.

h)si no hay registros en nuestra tabla insertaremos unos botones de mensaje que nos diga que no hay registros para generar nuestro reporte y otro mensaje con un icono de información que nos diga sin datos.

6). En el Boton de cerrar solo incluiremos un comando dando doble clic en el botón y escribimos close(); y eso nos cerrara si damos clic en el.

7). Cuando Insertemos el reportviewer no se les olvide seleccionar el informe para poder mostrarlo en ejecución y nos muestre nuestros registros.

La parte más importante aquí es crear el INFORME:

Para crear un Informe damos clic sobre el menú "projec"(Proyecto) y seleccionamos "New Item"(Agregar nuevo elemento) seguidamente nos tirará una ventana de notificación, donde en la parte izquierda seleccionaremos la pestalla "Reporting"luego el objeto "Report"(InformeH)La parte más importante aquí es crear el INFORME:

Luego de esto damos clic en "Add"(aceptar).

Con "rptListado", damos clic sobre el objeto que nos aparecerá y notaremos que en el menú de herramientas se una pestaña de "Report"(Informe) damos clic y seleccionamos "Report Propeties"(Propiedades del reporte)

Cambiamos las medidas a "inches"( pulgadas), el tamaño de papel en "Letter"( carta), reduciremos los marjenes a 0.25 y damos clic en "Ok"(Aceptar).

Lo otro de vamos a hacer es trabajar con "Built-in Fields" (conjunto de datos), le damos clic en "new"(nuevo) y luego en "DataSet"(Conjunto de datos), y seleccionamos los orígenes de los datos que ya tenemos

Verificamos que la tabla sea la de Estudiantes y que esten todos los campos que necesitamos y como están disponibles no tenemos problemas con eso. Luego clic en "Ok"(Aceptar).

Agregamos entonces desde la pestalla de "Report"(Informe) agregamos entonces "Add page header"(Encabezado de pagina) y "Add page footer"(Pie de pagina). Quedándonos así:

Nos vamos al cuadro de herramientas "View"(Ver), Seleccionamos "Toolbox"(Cuadro de herramientas), Agarramos un "Text Box"(Cuadro de Texto), La pegamos en el encabezado del pagina, seleccionamos el text box , clic derecho, seleccionamos la opción "Expression"(Expresión) y hacemos lo siguiente: Para el titulo

Seleccionando "DataSets"(Conjunto de datos) y First(Colegio) de modo que nos aprarezca unas lines asi: First(Fields!colegio.Value, "DataSet1") y lo modificaremos a:=Fields!colegio.Value.

Agregamos un último "Text Box"(Cuadro de texto) seleccionamos el text box , clic derecho, seleccionamos la opción "Expression"(Expresión) y escribimos lo siguiente:=Fields!curso.Value &" DE "& Fields!carrera.Value & " "& Fields!jornada.Value &"Sección"& Fields!seccion.Value, Para los datos de la carrera, jornada, seccion, curso, etc...

El encabezado nos debe de quedar así:

Ahora lo que haremos en agregar una tabla en el centro de la página:

Agregaremos un "Table"(Tabla) y vamos seleccionando los campos así:

Para agregar más columnas a la derecha clic derecho sobre la tabla y hacemos lo siguiente:

Y hacemos estos con los campos de:identidad, sexo, nombres, apellidos, fechanac, fechamatricula.

Y podemos cambiar los emcabezados de la tabla.

En el campo fechanac modificamos el formato de "Calendar"(calendario) a "Gregorian"(gregoriano) y el "Format"(formato) a "d" y hacemos lo mismo con el campo fechamatricula.

Listo eso ampliamos un poco mas la tabla, centramos la tabla y nos quedaría así:

Ahora agregaremos los "Text Box"(Cuadro de texto) en en pie de página

Para lo que es el diseño de la página. Seleccionamos el "Text Box"(Cuadro de texto), clic derecho y seleccionamos la opción "Expression"(Expresión), Seleccionamos "Built-in-fiels"(Campos integrados), execution-time y este es para que muestre la hora y la fecha.Le damos, le escribimos lo siguiente:="Impreso el: " &Globals!ExecutionTime y lo agrandamos un poquito.

Agregamos otro "Text Box"(Cuadro de texto), clic derecho y seleccionamos la opción "Expression"(Expresión), clic en:"Built-in-fiels"(Campos integrados) y escribimos lo siguiente:

Clic en "Ok"(Aceptar), arreglamos de modo que nos quede así:

Ahora veremos que tal nos quedo esto, para visualizarlo iremos a ver que tal nos quedo esto en la seccion de reportes, para visualizarlo me voy a "Reporting"(Informe) esto esta ubicado en el "Toolbox"(Cuadro de herramientas), seleccionamos "ReportViewer", lo arreglamos de manera que nos quede así:

Y ahora modificamos para que a la hora de ejecutar estre formulario este aparezca maximizado.

Tambien le cambiaremos el comando WindowState de Normal a Maximized.

Al ejecutarlo nos aparecerá de esta manera:

En el reporte le daremos clic en el boton Actuliazar para escribirles el siguiente codigo.

private void btnActualizar_Click(object sender, EventArgs e)

{

string SQL = string.Format("Select * from estudiantes where colegio ='{0}' and carrera ='{1}' and curso ='{2}' and jornada ='{3}' and seccion={4} order by sexo, nombres", cmbColegio.Text, cmbCarrera.Text, cmbCurso.Text, cmbJornada.Text, cmbSeccion.Text);

admConexion conexion = new admConexion();

if (conexion.CrearConexion() == true)

{

MySqlDataAdapter da = new MySqlDataAdapter(SQL, conexion.oConexion);//Conexion con la base de datos

dscolegio.Estudiantes.Clear();

da.Fill(dscolegio, "Estudiantes");//Llenamos de contenido la tabla estudiantes

conexion.oConexion.Close();//Cerramos la conexión

if (dscolegio.Estudiantes.Count > 0)//Significa que hay registros

reportViewer1.RefreshReport();//Despues que halla llamado la tabla de estudiantes se actualice el reporte

else //Si no

MessageBox.Show("No hay registros para generar el reporte.", "Sin datos", MessageBoxButtons.OK, MessageBoxIcon.Information); //Si no hay registro que le diga al usuario este mensaje No hay registros para generar el reporte

}