GUIA DE EJERCICIO

Asignatura: Base de datos II Fecha:27/04/2022 0:33

Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

Sistema de ejemplo Parte 5

• CRUDs de Usuarios

En la CapaPresentacion agregar un
formulario llamado frmUsuario.

Diseñar el formulario frmUsuario con los

siguientes controles:

Un Label con la propiedad Autosize en False,

Dock en Left (para que se ubique al extremo
izquierdo del form) y BackColor con el color
que prefieras.

Agregar los Label que se observan en la

imagen. Agregar también un TextBox con la
propiedad Name en txtDocumento para el
número de documento, un TextBox con la
propiedad Name en txtNombrecompleto
para el Nombre completo, un TextBox con
la propiedad Name en Correo para el
Correo, un TextBox con la propiedad Name
en txtClave para la Contraseña, un TextBox
con la propiedad Name en
txtConfirmarclave para Confirmar
contraseña.

1
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

Agregar los Label que se observan para Rol

y Estado, agregar un ComboBox con el
Name cboRol para el Rol y un ComboBox
con el Name cboEstado para el Estado, en
ambos ComboBox cambiar la propiedad
DropDownStyle a DropDownList para que
en los ComboBox sólo se muestren los
elementos de la lista.

Agregar un Label en la parte superior para

el título Usuarios, aplicar el color y tamaño
que prefiera.

Agregar 3 IconButon, con la propiedad Icon

en Hand (para que el cursor se muestre
como una mano), la propiedad FlatStyle en
Flat, en FlatAppearance el BorderColor en
Black y el BorderSize en 1.

El primer botón con el Name btnGuardar y

el Text Guardar, el Backcolor que prefieras,
el IconChar Save (o el ícono que prefieras) y
el Iconsize 16.

El segundo con el Name btnEditar y el Text

Editar, el Backcolor que prefieras, el
IconChar Edit (o el ícono que prefieras) y el
Iconsize 16.

El tercero con el Name btnEliminar y el Text

Eliminar, el Backcolor que prefieras, el
IconChar Trash (o el ícono que prefieras) y
el Iconsize 16.

En los botones cambia la propiedad

ForeColor para el color de texto (White), la
propiedad IconColor para el color del ícono,
la propiedad TextAlign a MiddleRight y la

2
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

propiedad TextImageRelation a
ImageBeforeText para que el ícono se
ubique antes del texto.

Agregar un Label con el Text Lista de

usuarios, Autosize en False para cambiar el
tamaño del Label, el formato de texto que
prefieras.

Agregar un DataGridView (de herramientas

de Datos) para visualizar los datos de la
tabla Usuarios, hacer clic en el ícono en
forma de flecha del DataGridView y
seleccionar Agregar columnas.

3
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

Configurar la columna para mostrar el

IdUsuario como se observa en la imagen, el
nombre será el de la columna de la BD, el
tipo será DataGridViewTextBoxColumn, el
texto del encabezado será el que se desee
se muestre como encabezado de la
columna y hacer clic en Agregar.

De la misma manera configurar las

columnas para mostrar Documento,
Nombre Completo, Correo, Clave, Id rol,
Rol, EstadoValor, Estado.

4
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

En el ícono de flecha del DataGridView

seleccionar Editar columnas.

Para la columna IdUsuario cambiar Visible a

False, para que no sea un dato visible.

Cambiar Visible a False para Clave,

EstadoValor, IdRol.

5
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

Agregar una columna con el nombre

btnSeleccionar, tipo
DataGridViewButtonColumn, sin texto de
encabezado.

Con la opción Editar columna mover la

columna sin encabezado al principio (con la
herramienta flecha hacia arriba)

Editar las columnas para cambiar el ancho

con la propiedad Width, la primera columna
con un ancho de 30, documento con un
ancho de 100, Nombre completo con ancho
de 200 y Correo con ancho de 150.

6
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

Cambia las propiedades del DataGridView,

Name a dgvDatos, AllowUserToAddRow a
False, MultiSelect a False, ReadOnly a True
para que el usuario no pueda agregar filas,
ni seleccionar varias filas y no pueda editar
el contenido del DataGridView.

Con doble clic ingresar al evento click del

menú Usuario del formulario Inicio.

En el método menuusuarios_click escribir el

siguiente código para mostrar el formulario
frmUsuario en el contenedor.

7
 GUIA DE EJERCICIO
Asignatura: Base de datos II Fecha:27/04/2022 0:33
Lic. Claudia Román F.
Unidad 2 Sistema de ejemplo
Parte 5

Ejecuta la aplicación y verifica que la opción

Usuario del menú muestra el formulario
Usuario.

Guarda todo.