reporte de prÁcticas de los tres parciales en asp.net 2005 y sql server 2005 de la materia,...
Post on 09-Aug-2015
187 Views
Preview:
TRANSCRIPT
Materia: Programación Visual.
Catedrático: Mtro. Iram Yován Sánchez Gómez
“REPORTE DE PRÁCTICAS DE LOS TRES PARCIALES EN ASP.NET 2005 Y SQL SERVER 2005”
Elaborado por: Matricula:
FELICIANO ZARAGOZA TOLEDO GONZÁLEZ 0907100508
CUATRIMESTRE: 4°.
GRUPO: “B”.
CARRERA: TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN ÁREA SISTEMAS INFORMÁTICOS.
FECHA DE ENTREGA: 08 de Diciembre de 2008
ÍNDICE
De un clic a algún tema en especifico para ver su contenido
INTRODUCCIÓN
INGRESAR A MICROSOFT VISUAL STUDIO 2005
ALGUNAS COSAS QUE DEBEMOS SABER
CREAR UN NUEVO PROYECTO O SITIO WEB
EXPLORADOR DE SOLUCIONES
CUADRO DE HERRAMIENTAS
VENTANA DE PROPIEDADES
LISTA DE ERRORES
EDITOR DE CÓDIGO
INSERTAR OBJETOS EN EL ÁREA DE TRABAJO
ESCRIBIR CÓDIGO
EJECUCIÓN DEL COMPILADOR
REPORTE DE PRÁCTICAS DEL PRIMER PARCIAL
PRÁCTICA #1
PRÁCTICA #2
PRÁCTICA #3
PRÁCTICA #4
PRÁCTICA #5
PRÁCTICA #6
PRÁCTICA #7
PRÁCTICA #8
REPORTE DE PRÁCTICAS DEL SEGUNDO PARCIAL
PRÁCTICA #1
PRÁCTICA #2
PRÁCTICA #3
PRÁCTICA #4
PRÁCTICA #5
PRÁCTICA #6
REPORTE DE PRÁCTICAS DEL TERCER PARCIAL
PRÁCTICA #1
PRÁCTICA #2
PRÁCTICA #3
PRÁCTICA #4
CONCLUSIÓN
Reporte de prácticas de ASP.NET 2005:Estos reportes de prácticas fueron desarrollados con la finalidad de mantener un material fácil y entendible que permita al alumno aprender y realizar ejercicios prácticos en este lenguaje de programación web. En concreto, los reportes de prácticas pretenden entonces proporcionar elementos necesarios para un aprendizaje rápido sobre ASP.NET 2005.
Ir al Índice Ir al Índice
INGRESAR A MICROSOFT VISUAL STUDIO 2005
Para ingresar a Microsoft Visual Studio 2005 es necesario aplicar los siguientes pasos:
Clic en Menú inicio, y clic en Todos los programas
Clic en Menú inicio, y clic en Todos los programas
Aparecerá la siguiente pantalla
Buscamos en donde encuentra la carpeta Microsoft Visual Studio 2005, nos posicionamos y luego damos un clic en Visual Studio 2005
Buscamos en donde encuentra la carpeta Microsoft Visual Studio 2005, nos posicionamos y luego damos un clic en Visual Studio 2005
Ir al Índice Ir al Índice
Nuevo proyecto: En este apartado nosotros podemos crear nuevos proyectos, ya sean proyectos de escritorio, proyectos web o incluso proyectos móviles (programación de celulares), en diferentes lenguajes el cual nos proporciona Visual Studio 2005 como son:
Nuevo proyecto
Barra de menús Barra de
Esta la Pantalla inicial de Visual Studio 2005Área
de Trabajo
Ir al Índice Ir al Índice
Barra de Menús: En este apartado nosotros podemos configurar nuestros proyectos web o de escritorio, así como habilitar nuevas barras de herramientas para nuestro entorno de trabajo.
Barra de herramientas: En este apartado nosotros podemos activar varias herramientas en Visual Studio para nuestro en torno de trabajo, como ver el explorador de soluciones para nuestros proyectos, activar el cuadro de herramientas para insertar nuevos objetos a nuestra área de trabajo, compilar nuestros proyectos, lista de errores, etc.
Área de trabajo : En este apartado es donde nosotros insertamos objetos, programamos códigos, compilamos, depuramos los programas, en pocas palabras en esta área es donde nosotros desarrollamos nuestros proyectos.
ALGUNAS COSAS QUE DEBEMOS SABER:
Asp: Es la abreviatura de Active Server Pages, es una plataforma creada por Microsoft, destinada a servir como soporte para la creación de paginas web de contenido dinámico Asp.Net es la última versión del sistema de desarrollo Asp el cual Asp.Net se incorpora a la plataforma de desarrollo .Net. Visual Studio.Net: Es un entorno de desarrollo integrado que nos ayuda a diseñar, desarrollar, depurar e implantar con rapidez soluciones basadas en el .Net Framework. Podemos acceder a un conjunto común de herramientas, diseñadores y editores desde cualquier de los lenguajes de programación de Visual Studio.Net. Podemos crear aplicaciones Windows Forms y Web Forms que integren datos y lógica de negocio. .Net: Es la plataforma que proporciona la base de la siguiente generación de software que permite conectar sistemas, información, dispositivos y usuarios distintos de un modo más unificado y personalizado. Incorpora servicios Web XML, como el medio para permitir la interoperabilidad entre tecnologías diferentes. Proporciona a los desarrolladores de software las herramientas y la tecnología para crear rápida y eficazmente soluciones de negocio que abarcan múltiples aplicaciones y múltiples dispositivos cliente entre diversas organizaciones. Permite a los usuarios controlar qué información y cómo y cuándo se les entrega.
IMPORTANTE: En Asp.Net nosotros podemos programar en tres lenguajes el cuales son: Visual Basic, C#, J#.
Por lo tanto las prácticas que se mostrarán en este reporte, están programados en Visual Basic, así que si nosotros sabemos programar en este lenguaje nos será más fácil comprender el uso y la programación de Asp.Net.
Ir al Índice Ir al Índice
CREAR UN NUEVO PROYECTO WEB O SITIO WEB
Ya que ingresamos a Microsoft Visual Studio.net 2005 vamos a crear un nuevo proyecto web en donde se realizará un ejercicio de ejemplo.
- A continuación realice los siguientes pasos:
Damos un clic en el menú archivo y nos posicionamos en la opción Nuevo
Damos un clic en el menú archivo y nos posicionamos en la opción Nuevo
Damos un clic en la opción Sitio Web…
Damos un clic en la opción Sitio Web…
Elegimos la opción de Sitio WEB ASP.NET
Elegimos la opción de Sitio WEB ASP.NET
En la ubicación seleccionamos la opción de Sistema de archivos, para que el proyecto web quede guardado en nuestra computadora, por defecto la ubicación en donde se guardará nuestro proyecto web será en una carpeta llamada websites que se encentra dentro de una carpeta llamada Visual Studio 2005 en la carpeta “Mis documentos”.
En la ubicación seleccionamos la opción de Sistema de archivos, para que el proyecto web quede guardado en nuestra computadora, por defecto la ubicación en donde se guardará nuestro proyecto web será en una carpeta llamada websites que se encentra dentro de una carpeta llamada Visual Studio 2005 en la carpeta “Mis documentos”.
En la parte del Lenguaje, debemos elegir la opción Visual Basic ya que en este lenguaje se desarrollarán las prácticas correspondientes a este reporte; debe tener cuidado de no elegir Visual C# ó Visual J#
En la parte del Lenguaje, debemos elegir la opción Visual Basic ya que en este lenguaje se desarrollarán las prácticas correspondientes a este reporte; debe tener cuidado de no elegir Visual C# ó Visual J#
Clic en Aceptar
Clic en Aceptar
Ir al Índice Ir al Índice
Aparecerá la siguiente pantalla
Esta es la vista de código Asp.
Esta es la vista de código Asp.
Ir a la vista diseño
Ir a la vista diseño
Esta es la vista diseño en el cual nosotros insertar y programas nuestros objetos
Esta es la vista diseño en el cual nosotros insertar y programas nuestros objetos
Explorador de solucionesExplorador de soluciones
PropiedadesPropiedades
Cuadro de herramientas
Cuadro de herramientas
Lista de erroresLista de errores
Ir al Índice Ir al Índice
Posicione el mouse en cualquiera de las barras de herramientas ya señaladas y cuando aparezca dicha herramienta usted encontrará en la parte superior derecha una pestaña así , eso indica que la barra se oculta automáticamente, para dejar fija la barra de herramienta de un clic sobre esa pestaña y aparecerá de la siguiente manera. Dejar fija las siguientes barras de herramientas
- Cuadro de herramientas- Explorador de soluciones- Propiedades- Lista de errores
Dejar estas barras de herramientas visibles para insertar los objetos, detectar los errores y cambiarse de una página a otra, posteriormente usted podrá ocultarlas si desea.
Ir al Índice Ir al Índice
Al dejar visibles las barras de herramientas estas aparecerán de la siguiente manera.
EXPLORADOR DE SOLUCIONES Ir al Índice Ir al Índice
El explorador de soluciones nos permite visualizar archivos y realizar tareas de administración de archivos en una solución o en un proyecto. Una única solución basada en Asp.Net y sus proyectos aparecen en una lista jerárquica que proporciona información actualizada sobre el estado de nuestra solución, proyectos y archivos.
Una solución es un recipiente para proyectos y elementos de solución que pueden incluirse en una aplicación. Normalmente, una solución contiene uno o más proyectos relacionados.
Un proyecto es un recipiente dentro de una solución que se utiliza para administrar, generar y depurar lógicamente los elementos de proyecto que constituyen nuestra aplicación.
Visual Studio.Net soporta numerosos tipos de archivos y sus extensiones de archivo asociadas. La siguiente tabla describe algunos tipos de archivos habitualmente específicos para las soluciones basadas en Asp.Net.
Extensión Nombre Descripción
.sln solución Organiza proyectos, elementos de proyectos y elementos de soluciones en Visual Studio una solución proporcionando al entorno referencias a sus ubicaciones.
.suo Solution User Registra todas las opciones que podemos asociar a nuestra solución de options forma que cada vez que abramos la solución incluya las personalidades que hayamos realizado.
.aspx Elementos de Los elementos de proyecto Web incluyen archivos Web específicos como Proyecto web .aspx para Web Forms, asmx para servicios Web XML, y .asax para clases globales de aplicaciones. Los proyectos Web también utilizan la extensión .vb para clases y módulos.
CUADRO DE HERRAMIENTAS
Para crear los objetos del interfaz de usuario de nuestra aplicación, añadimos controles desde el Cuadro de herramientas a un formulario web. Inicialmente, el Cuadro de herramientas se encuentra ubicado en el lado izquierdo del entorno de desarrollo. Hay varias pestañas para diferentes categorías de controles.
El Cuadro de herramientas contiene diversos controles que podemos utilizar para añadir ilustraciones, etiquetas, botones, cuadros de lista, barras de desplazamiento, menús y formas geométricas a un interfaz de usuario. Cada control que añadimos a un formulario se convierte en un objeto de interfaz de usuario programable en nuestra aplicación. Estos objetos son visibles para los usuarios cuando la aplicación se ejecuta y funcionan como los objetos estándares de cualquier aplicación basada en Windows.
Cerrar y abrir el Cuadro de herramientas
1. Para cerrar el Cuadro de herramientas, haga clic en el botón Cerrar (x) de la esquina superior derecha del Cuadro de herramientas.2. Para abrir el Cuadro de herramientas, en el menú Ver, haga clic en Cuadro de herramientas.3. Para que el Cuadro de herramientas permanezca abierto, haga clic en el pin de la barra de título del Cuadro de herramientas.
Ocultar y reabrir el Cuadro de herramientas
1. Para ocultar el Cuadro de herramientas, haga clic en el pin de la barra de título del Cuadro de herramientas.2. Para reabrir el Cuadro de herramientas cuando está oculto, en el menú Ver, haga clic en Cuadro de herramientas.
Cambiar de lugar el Cuadro de herramientas
1. Haga clic con el botón derecho en la barra de título del Cuadro de herramientas y, a continuación, haga clic en Flotante.2. Arrastre el Cuadro de herramientas a la posición deseada.
Para crear los objetos del interfaz de usuario de nuestra aplicación, añadimos controles desde el Cuadro de herramientas a un formulario web. Inicialmente, el Cuadro de herramientas se encuentra ubicado en el lado izquierdo del entorno de desarrollo. Hay varias pestañas para diferentes categorías de controles.
El Cuadro de herramientas contiene diversos controles que podemos utilizar para añadir ilustraciones, etiquetas, botones, cuadros de lista, barras de desplazamiento, menús y formas geométricas a un interfaz de usuario. Cada control que añadimos a un formulario se convierte en un objeto de interfaz de usuario programable en nuestra aplicación. Estos objetos son visibles para los usuarios cuando la aplicación se ejecuta y funcionan como los objetos estándares de cualquier aplicación basada en Windows.
Cerrar y abrir el Cuadro de herramientas
1. Para cerrar el Cuadro de herramientas, haga clic en el botón Cerrar (x) de la esquina superior derecha del Cuadro de herramientas.2. Para abrir el Cuadro de herramientas, en el menú Ver, haga clic en Cuadro de herramientas.3. Para que el Cuadro de herramientas permanezca abierto, haga clic en el pin de la barra de título del Cuadro de herramientas.
Ocultar y reabrir el Cuadro de herramientas
1. Para ocultar el Cuadro de herramientas, haga clic en el pin de la barra de título del Cuadro de herramientas.2. Para reabrir el Cuadro de herramientas cuando está oculto, en el menú Ver, haga clic en Cuadro de herramientas.
Cambiar de lugar el Cuadro de herramientas
1. Haga clic con el botón derecho en la barra de título del Cuadro de herramientas y, a continuación, haga clic en Flotante.2. Arrastre el Cuadro de herramientas a la posición deseada.
Ir al Índice Ir al Índice
VENTANA PROPIEDADES
La ventana de propiedades (ventana Propiedades) muestra una lista de las propiedades que pueden configurarse para el formulario o control seleccionado y que podemos modificar mientras creamos o editamos la aplicación. Una propiedad describe una característica de un objeto, como el tamaño, título o color.
Abrir la ventana Propiedades
Si la ventana Propiedades no está visible, haga clic en Ventana Propiedades en el menú Ver o pulse la tecla F4.
Algunos controles, documentos y formularios muestran un gran número de propiedades en la ventana Propiedades. Esto puede dificultar la localización de la propiedad que deseamos establecer. La ventana Propiedades nos permite visualizar las propiedades de un formulario o control en una vista ordenada por categorías en lugar de una vista alfabética.
Visualizar las propiedades
1. Para visualizar las propiedades por categorías, haga clic en el botón Por categorías de la ventana Propiedades.Las propiedades para el formulario web o control seleccionado se dividirán en categorías definidas por el control.2. Para visualizar las propiedades de una categoría, expanda el nodo de la misma. Para ocultar las propiedades de una categoría, cierre el nodo de la misma.3. Para visualizar las propiedades alfabéticamente, haga clic en el botón Alfabético de la ventana Propiedades.
La ventana de propiedades (ventana Propiedades) muestra una lista de las propiedades que pueden configurarse para el formulario o control seleccionado y que podemos modificar mientras creamos o editamos la aplicación. Una propiedad describe una característica de un objeto, como el tamaño, título o color.
Abrir la ventana Propiedades
Si la ventana Propiedades no está visible, haga clic en Ventana Propiedades en el menú Ver o pulse la tecla F4.
Algunos controles, documentos y formularios muestran un gran número de propiedades en la ventana Propiedades. Esto puede dificultar la localización de la propiedad que deseamos establecer. La ventana Propiedades nos permite visualizar las propiedades de un formulario o control en una vista ordenada por categorías en lugar de una vista alfabética.
Visualizar las propiedades
1. Para visualizar las propiedades por categorías, haga clic en el botón Por categorías de la ventana Propiedades.Las propiedades para el formulario web o control seleccionado se dividirán en categorías definidas por el control.2. Para visualizar las propiedades de una categoría, expanda el nodo de la misma. Para ocultar las propiedades de una categoría, cierre el nodo de la misma.3. Para visualizar las propiedades alfabéticamente, haga clic en el botón Alfabético de la ventana Propiedades.
Ir al Índice Ir al Índice
LISTA DE ERRORES Ir al Índice Ir al Índice
En esta lista de errores nosotros podemos ver los errores generados durante la compilación de nuestros programas, también podemos las advertencias que se generan y los mensajes, las listas de errores nos indican en donde se origino dicho error para poder corregirlo u/o comentarlo.
Cerrar y abrir las listas de errores
1. Para cerrar las listas de errores, haga clic en el botón Cerrar (x) de la esquina superior derecha de las listas de errores.2. Para abrir las listas de errores, en el menú Ver, haga clic en las listas de errores.3. Para que las listas de errores permanezca abierto, haga clic en el pin de la barra de título de las listas de errores.
Ocultar y reabrir las listas de errores
1. Para ocultar las listas de errores, haga clic en el pin de la barra de título de las listas de errores.2. Para reabrir las listas de errores cuando está oculto, en el menú Ver, haga clic en las listas de errores.
Cambiar de lugar las listas de errores
1. Haga clic con el botón derecho en la barra de título de las listas de errores y, a continuación, haga clic en Flotante.2. Arrastre las listas de errores a la posición deseada.
EDITOR DE CÓDIGO
Ir al Índice Ir al Índice
Visual Studio .NET proporciona un Editor de código en el que escribir y mantener el código de nuestro proyecto. Podemos asociar código directamente a un formulario web de nuestro proyecto o ubicarlo en otro módulo de código distinto. Se muestra un Editor de código distinto para cada formulario o módulo de nuestro proyecto, facilitando la organización, visualización y desplazamiento por el código.
El Editor de código contiene dos listas desplegables en la parte superior de la ventana: la lista Nombre de Clase a la izquierda y la lista Nombre de método a la derecha. La lista Nombre de Clase muestra todos los controles del formulario web asociado. Si hacemos clic en el nombre de un control de la lista, la lista Nombre de método muestra todos los eventos de dicho control (los eventos son acciones que el control puede realizar y que nuestra aplicación puede interpretar). Utilizando las listas Nombre de Clase y Nombre de método conjuntamente, podemos localizar rápidamente y editar el código de nuestra aplicación.
Abrir el Editor de código de un formulario
1. En Explorador de soluciones, haga clic en el formulario del que desea visualizar el código.
2. En la barra de herramientas de Explorador de soluciones, haga clic en el botón Ver código.
– O – En el menú Ver, haga clic en Código.
INSERTAR OBJETOS EN EL ÁREA DE TRABAJO
Lista de nombres de clases
Lista de nombres de clases
Lista de nombres de métodos
Lista de nombres de métodos
Ir al Índice Ir al Índice
Antes de entrar de lleno a la programación de objetos en Asp.Net, realizaremos algunos ejercicios sencillos para asegurarnos de que es lo que haremos a la hora de revisar las prácticas.
Para insertar un objeto en el área de trabajo simplemente seleccionamos un objeto (botón, etiqueta, cuadro de texto, etc.) en el cuadro de herramientas y lo arrastramos hasta nuestra área de trabajo y soltamos el objeto arrastrado.
Insertaremos un objeto Label, un objeto Button y un objeto TextBox.
Label: Es una etiqueta que nos permite agregar textos en cualquier parte de nuestro formulario web.
Button: Es un botón en el cual nosotros podemos programar la acción que este puede generar
TextBoxt: Es una caja de texto en el cual nosotros podemos ingresar valga la redundancia textos, para así poder procesarlos o hacer con ello lo que queramos.
ESCRIBIR CÓDIGO
Objetos insertados en el área de trabajo
Objetos insertados en el área de trabajo
Ir al Índice Ir al Índice
Ya que insertamos estos objetos nosotros podemos programar sus acciones (eventos), para ello haremos un pequeño programa que el cual nos permita que al dar clic en el Botón aparezca en la Label (etiqueta) el texto escrito en el TextBox.
Ordenar los objetos de la siguiente manera:
Doble clic en el Button1 para ir a su editor de código y escribir las siguientes líneas (instrucciones) de código.
EJECUCIÓN DEL COMPILADOR
TextBox1TextBox1
Button1Button1
Label1Label1
Esta línea de código indica que lo que se encuentre en el TextBoxt1 se muestre en el Label1
Esta línea de código indica que lo que se encuentre en el TextBoxt1 se muestre en el Label1
Evento Click del Button1
Evento Click del Button1
Permite ver todos los objetos y propiedades del web form
Permite ver todos los objetos y propiedades del web form
Objeto TextBox1 en su propiedad Text
Objeto TextBox1 en su propiedad Text
Objeto Label1 en su propiedad Text
Objeto Label1 en su propiedad Text
Ir al Índice Ir al Índice
Para compilar nuestros programas, presionar la tecla control más F5, o solamente F5; si nos aparece la siguiente imagen, clic en aceptar.
Hasta aquí llegamos con lo referente a una explicación sencilla de cómo se trabaja en Asp.Net de Microsoft Visual Studio 2005, posteriormente pasaremos a la revisión de las practicas realizadas durante el cuatrimestre de la materia de Programación Visual.
REPORTE DE PRÁCTICAS DEL PRIMER PARCIAL
Clic en Aceptar
Clic en Aceptar
Depurando nuestro programa
Depurando nuestro programa
Como estamos trabajando sobre un proyecto web, al compilar el código este carga todo el proyecto al Internet Explorer
Como estamos trabajando sobre un proyecto web, al compilar el código este carga todo el proyecto al Internet Explorer
Al dar clic en el botón todo lo que se haya escrito en la caja de texto se mostrará en la etiqueta.
Al dar clic en el botón todo lo que se haya escrito en la caja de texto se mostrará en la etiqueta.
Ir al Índice Ir al Índice
PRACTICA # 1
ELABORACIÓN DE UN EXAMEN EN ASP.NET CON VISUAL BASIC
OBJETIVO DE LA PRÁCTICA:
Desarrollar una aplicación web que tendrá como finalidad la creación de un examen de la materia de informática 1, la cual cuenta con 10 preguntas, algunas será de opción múltiple.
Esto es con la finalidad de que el alumno entre en materia acerca de la programación de aplicaciones web con ASP.Net y visual Basic.
DESARROLLO DE LA PRÁCTICA:
- Primeramente abrimos Visual Studio 2005- En el menú Archivo elegimos la opción Nuevo - Elegimos Sitio web, aparecerá un cuadro como este:
Asegúrese que el lenguaje sea Visual Basic y la plantilla Sitio Web ASP.NET, luego clic en aceptar.
- Enseguida insertamos las etiquetas (Label), los checkbox, cuadros de texto y botones necesarios para el diseño del examen.
Ir al Índice Ir al Índice
- En este caso coloque un color de fondo y algunas imágenes, así como el color de las etiquetas (estos pasos no se explican porque el alumno ya ha trabajado con las propiedades de las etiquetas y formularios en cuestiones de diseño).
Posteriormente pasamos a la parte de codificación:
Ir al Índice Ir al Índice
Botton 1 botton 2 botton 3 promedio
“nombre de los objetos los cuales ira el código”.
Botton 1:Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click limpiar() End Sub
Botton 2:Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click If CheckBox3.Checked = True And CheckBox4.Checked = True And CheckBox8.Checked = True And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 10 End If If CheckBox3.Checked = False And CheckBox4.Checked = True And CheckBox8.Checked = True And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If If CheckBox3.Checked = True And CheckBox4.Checked = False And CheckBox8.Checked = True And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If If CheckBox3.Checked = True And CheckBox4.Checked = True And CheckBox8.Checked = False And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If If CheckBox3.Checked = True And CheckBox4.Checked = True And CheckBox8.Checked = True And CheckBox10.Checked = False And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If
Ir al Índice Ir al Índice
Botton 3:Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click respuestas() End Sub
Declaramos dos funciones una llamada respuestas y la otra limpiar:
Sub respuestas() CheckBox3.Checked = True CheckBox4.Checked = True CheckBox8.Checked = True CheckBox10.Checked = True CheckBox15.Checked = True CheckBox16.Checked = True CheckBox19.Checked = True CheckBox22.Checked = True CheckBox26.Checked = True CheckBox27.Checked = True CheckBox30.Checked = True CheckBox31.Checked = True
End Sub Sub limpiar() CheckBox1.Checked = False CheckBox2.Checked = False CheckBox3.Checked = False CheckBox4.Checked = False CheckBox5.Checked = False CheckBox6.Checked = False CheckBox7.Checked = False CheckBox8.Checked = False CheckBox9.Checked = False CheckBox10.Checked = False CheckBox11.Checked = False CheckBox12.Checked = False CheckBox13.Checked = False CheckBox14.Checked = False CheckBox15.Checked = False CheckBox16.Checked = False CheckBox17.Checked = False CheckBox18.Checked = False CheckBox19.Checked = False CheckBox20.Checked = False CheckBox21.Checked = False CheckBox22.Checked = False CheckBox23.Checked = False CheckBox24.Checked = False CheckBox25.Checked = False CheckBox26.Checked = False CheckBox27.Checked = False CheckBox28.Checked = False CheckBox29.Checked = False
Ir al Índice Ir al Índice
CheckBox30.Checked = False CheckBox31.Checked = False CheckBox32.Checked = False promedio.Text = "" End Sub
Ejecutamos y la aplicación carga sin ningún problema, con el Servidor de desarrollo de ASP.NET
CONCLUSIÓN:
Esta es la primera práctica con ASP.NET, como se vio la programación llevo algunas hojas de código, pero conforme mas se trabaje con este lenguaje las siguientes prácticas mostrarán mejoras en cuanto la codificación, diseño y creatividad para realizarlas.
PRACTICA # 2
ELABORACIÓN DE UN MENÚ PRINCIPAL QUE ENLACE A OTRAS PÁGINAS EN ASP.NET CON VISUAL BASIC.
OBJETIVO DE LA PRÁCTICA:
Desarrollar una aplicación web que tendrá como finalidad la creación de un menú principal y de nueve páginas más, la cual estas crearán un enlace a la pagina principal.
Esto es con la finalidad de que el alumno entré en materia acerca de la programación de aplicaciones web con ASP.Net y visual Basic.
Ir al Índice Ir al Índice
DESARROLLO DE LA PRÁCTICA
- Creamos un nuevo proyecto web (ver práctica 1).- El web form le agregamos el nombre de Principal.- Creamos los nueve web form restantes (el nombre de los web form comienza de
uno a nueve en letras).- En web form principal le insertamos una imagen de fondo y los botones necesarios
para enlazar las nueve páginas.
Posteriormente a cada botón tiene su línea de código:
El botón 1 que aparece en la imagen de atrás que tiene como etiqueta Página 1 tiene el siguiente código:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Response.Redirect("uno.aspx")
End Sub
El resto de los botones llevan el mismo código, solamente se le va cambiando el nombre de la pagina.
El botón examen de informática 1 lleva la siguiente línea de código;
Protected Sub Button9_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button9.Click Response.Redirect("http://localhost:1035/WebSite1/")
Ir al Índice Ir al Índice
End Sub
CONCLUSIÓN
EN ESTE SEGUNDO REPORTE REDUCIMOS LAS LÍNEAS DE CÓDIGO Y LA EJECUCIÓN DE LA APLICACIÓN NO PROVOCA ERRORES, ADEMÁS APRENDIMOS COMO ENLAZAR NUESTRO FORMULARIO WEB A OTRAS PAGINAS WEB
PRACTICA # 3
ELABORACIÓN DE UNA TABLA DE MULTIPLICAR EN ASP.NET CON VISUAL BASIC
OBJETIVO DE LA PRÁCTICA:
Desarrollar una aplicación web que tendrá como finalidad la creación de una tabla de multiplicar con el ciclo for. Esto es para que el alumno entre en materia acerca de la programación de aplicaciones web con ASP.Net y visual Basic.
DESARROLLO DE LA PRÁCTICA
Ir al Índice Ir al Índice
- Creamos un nuevo proyecto web (ver práctica 1).- El web form le agregamos el nombre de tabla.- Insertaremos los labels, botones y textbox necesarios para diseñar la pagina de la
siguiente manera:
El código del botón CALCULAR
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim a, b As Integer
For a = 1 To Val(TextBox2.Text) Step 1 b = Val(TextBox1.Text) * a
Label4.Text += Val(TextBox1.Text) & "x" & a & "=" & b & "<br>" Next End Sub
Al cargar la página web queda de la siguiente forma
CONCLUSIÓN
TextBox1.Text
TextBox2.Text
Ir al Índice Ir al Índice
EN ESTE TERCER REPORTE APRENDIMOS A EMPLEAR EL USO DE LA SENTENCIA FOR, APLICÁNDOLA A UNA TABLA DE MULTIPLICAR, EL USO DEL FOR ES PARA REDUCIR CÓDIGO EN NUESTROS PROGRAMAS.
PRACTICA # 4
CREACIÓN DE UN CHECKBOXLIST Y MANEJARLO CON LA SENTENCIA WHILE EN ASP.NET CON VISUAL BASIC
OBJETIVO DE LA PRÁCTICA:
CONOCER EL USO DE LA SENTENCIA WHILE Y VER QUE OBJETOS ESTEN SELECCIONADOS EN UN CHECKBOXLIST.
DESARROLLO DE LA PRÁCTICA
Insertamos un label para el titulo y un checkboxlist y lo editamos (click en la flechita), y agregamos siete elementos quedando de la siguiente manera.
Ir al Índice Ir al Índice
Código del checkboxlist
Damos doble click al checkboxlist y escribimos el siguiente código Protected Sub CheckBoxList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBoxList1.SelectedIndexChanged Dim con As Integer con = 0 While con < Me.CheckBoxList1.Items.Count Me.CheckBoxList1.Items(con).Selected = Me.CheckBoxList1.checked()
con += 1 End WhileEnd Sub
Cargamos la página y no genera ningún error
Conclusión En esta practica observamos el uso de la sentencia while con un checkboxlist.
PRACTICA # 5
CREACIÓN DE UNA SUB RUTINA EN ASP.NET CON VISUAL BASIC
OBJETIVO DE LA PRÁCTICA:
CREAR UNA SUB RUTINA LA CUAL TENDRÁ COMO FINALIDAD LA LIMPIEZA DE VARIOS TEXTBOX, Y ESTA SUB RUTINA PODRÁ SER LLAMADA DESDE CUALQUIER ELEMENTO INSERTADO EN LA PANTALLA DE DISEÑO.
DESARROLLO DE LA PRÁCTICA
Ir al Índice Ir al Índice
Insertamos los textboxs, boton y label para el diseño de la página, la cual queda de la siguiente forma:
Pulsamos doble clic sobre el botón y escribimos el siguiente código (seguir los comentarios):
Partial Class _Default Inherits System.Web.UI.Page '' nos posicionamos aqui y pulsamos enter Sub limpiar() '' el nombre de la sub rutina es limpiar. antes escribimos la palabra sub despues el nombre y al final paréntesis ()
'' despues escribimos que hara la sub rutina
Me.TextBox1.Text = "" '' se limpian cada uno de los textbox Me.TextBox2.Text = "" Me.TextBox3.Text = "" Me.TextBox4.Text = "" Me.TextBox5.Text = "" Me.TextBox6.Text = "" Me.TextBox1.Focus() '' se establece el cursor en el textbox uno
End Sub '' fin de la sub rutina
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click limpiar() '' en el boton uno se manda a llamar la sub rutina de nombre limpiar seguido de paréntesis () End Sub
End Class
Ir al Índice Ir al Índice
CONCLUSIÓN
Con la creación de sub rutinas nosotros podemos reducir y no repetir secciones de código que son utilizadas en varias partes del programa, con esto aseguramos que nuestras líneas código sean menos.
PRACTICA # 6
CREACIÓN DE UNA SUB RUTINA UTILIZANDO LA SENTENCIA FOR EN ASP.NET CON VISUAL BASIC
OBJETIVO DE LA PRÁCTICA:
Crear una sub rutina la cual tendrá como finalidad la limpieza de varios TextBox y Checkboxs, esta subrutina podrá ser llamada desde cualquier elemento insertado en la pantalla de diseño.
DESARROLLO DE LA PRÁCTICA:
Insertar 25 CheckBoxs
Ir al Índice Ir al Índice
Insertar 5 TextBoxInsertar 2 botones (Limpiar, seleccionar)
Ir al editor de código de la página y hacer lo siguiente:
Protected Sub Button1_limpiar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1_limpiar.Click
limpiar()
End Sub
Public Sub limpiar()
Dim a As Integer For a = 1 To 25
Dim check As CheckBox check = CType(Me.FindControl("CheckBox" & a), CheckBox) check.Checked = False Next
End Sub
Para seleccionar más elementos a limpiar de los mismos controles solo basta con cambiar la cantidad de vueltas que dará el ciclo.
Public Sub seleccionar() Dim a As Integer For a = 1 To 25 Dim check As CheckBox check = CType(Me.FindControl("CheckBox" & a), CheckBox) check.Checked = True
Next
Ir al Índice Ir al Índice
End Sub
Protected Sub Button2_seleccionar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2_seleccionar.Click seleccionar() End Sub
Así también se puede realizar dicha acción con TextBox en el cual se cambiaría las propiedades correspondientes.
Quedando de la siguiente manera y todo desde un botón:
Ir al Índice Ir al Índice
Protected Sub Button1_borrar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1_borrar.Click
borrar() End Sub
Public Sub borrar() Dim i As Integer
For i = 1 To 5 Dim mitext As TextBox mitext = CType(Me.FindControl("TextBox" & i), TextBox) mitext.Text = ""
mitext.BackColor = Drawing.Color.Black mitext.ForeColor = Drawing.Color.Red Next
End Sub
CONCLUSIÓN
Con el uso de los ciclos se puede ahorrar el trabajo de codificar cada uno de los controles y se puede tener mas controles y la función sería la misma.
PRACTICA # 7
USO DE LOS CONTROLES DE VALIDACIÓN
OBJETIVO DE LA PRÁCTICA:
Aprender a hacer uso de los controles de validación para garantizar la corrección y precisión de todos los valores de datos de la aplicación.
Este conjunto de controles permiten validar un control de servidor de entrada asociado, como un control TextBox, y mostrar un mensaje personalizado cuando se produce un error en la validación.
Estos controles de Validación los encontramos en el cuadro de herramientas.
Ir al Índice Ir al Índice
DESARROLLO DE LA PRÁCTICA:
Ahora bien estos son los controles que se manejaran para hacer un simulacro de cómo funcionan estos controles:
Se utilizó el control RequiredFieldValidator para convertir un control de entrada en un campo obligatorio. El control de entrada no supera la validación si el valor que contiene no cambia con respecto al valor inicial cuando se realizó la validación. Esto impide que el usuario deje el control de entrada asociado sin modificar. De manera predeterminada, el valor inicial es una cadena vacía (""), que indica que se ha de especificar un valor en el control de entrada para que éste supere la validación.
Ir al Índice Ir al Índice
Ahora para validar que en el TextBox donde se introducirá un correo electrónico es necesario hacer uso del control:
RegularExpressionValidator que se utiliza para determinar si el valor de un control de entrada coincide con un modelo definido por una expresión regular. Este tipo de validación permite comprobar secuencias de caracteres previsibles, como las de los números de la seguridad social, las direcciones de correo electrónico, los números de teléfono y los códigos postales, entre otras.
Así también se utilizará un control para validar la edad el cual se basa en poner un límite en la edad de la persona que este ingresando sus datos.
En las propiedades de este control tenemos dos muy importantes que nos ayudará a convertir estos campos en obligatorio, los cuales son: ControlToValidate y ErrorMessage.
Para realizar dicha validación es necesario ir a sus propiedades y seleccionar:
ControlToValidate y seleccionar el TextBox correspondiente en el cual se realizara la validación, así como también el ErrorMessage para escribir el mensaje que se mostrara al no escribir bien una dirección de email, y posteriormente una de las propiedades mas importantes es el ValidationExpression en el cual se verificará y validará que tipo de dato se escribirá.
En este caso se hará uso del control RangeValidator el cual permite comprobar si la entrada de un usuario se encuentra entre un límite inferior y un límite superior especificados. Se pueden comprobar los intervalos entre pares de números, caracteres alfabéticos y fechas. Los límites se expresan como constantes.
Se ase uso de la propiedad ControlToValidate para especificar el control de entrada que se va a validar. Las propiedades MinimumValue y MaximumValue especifican los valores mínimo y máximo del intervalo válido, respectivamente.
La propiedad Type se utiliza para especificar el tipo de datos de los valores que se van a comparar. Los valores que se van a comparar se convierten a este tipo de datos antes de realizarse cualquier comparación.
Ir al Índice Ir al Índice
Uno de los controles de igual importancia que los anteriores es el CompareValidator
La forma de colocar cada una de sus propiedades para aplicar este control es el siguiente:
Este control permite comparar el valor especificado por el usuario en un control de entrada, como un control TextBox, con el valor especificado en otro control de entrada o con un valor constante. También se puede usar para determinar si el valor especificado en un control de entrada se puede convertir al tipo de datos especificado por la propiedad Type.
Especifique el control de entrada que desee validar estableciendo la propiedad ControlToValidate. Si desea comparar un control de entrada específico con otro control de entrada, establezca la propiedad ControlToCompare en el nombre del control que desee comparar.
En lugar de comparar el valor de un control de entrada con otro control de entrada, se puede comparar el valor de un control de entrada con un valor constante. Especifique el valor constante con el que desee comparar estableciendo la propiedad ValueToCompare.
Ir al Índice Ir al Índice
Al final de todo los procedimientos anteriores solo basta con hacer uso de las propiedades de los botones ya que si se dejan tal y como están,; por ejemplo el botón regresar que tiene esa función especifica, pero no realizara dicha operación ya que en su propiedad esta activado por defecto el CausesValidation lo cual debemos ponerlo en False para que no se ejecute su AutoPostBack el cual devuelve datos de forma automática al servidor cuando se hace clic en el control ya que es una propiedad que solo los botones poseen.
Ir al Índice Ir al Índice
En el botón Enviar solo tiene la función de mostrar lo escrito en cada uno de los TextBox lo cual se tuvo que realizar una concatenación de los datos puestos en cada uno de ellos, para que se mostraran en la Label8 que se agregó.La forma fácil de realizarlo es de la siguiente manera:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Label8.Text = "Nombre: " & Me.TextBox1.Text & " Apat: " & Me.TextBox2.Text & "Amat: " & Me.TextBox3.Text & "email: " & Me.TextBox4.Text & "edad: " & Me.TextBox5.Text
End Sub
CONCLUSIÓN
Dicha practica será de mucha importancia ya que cuando se quiera registrar por ejemplo un cliente o un usuario par tener acceso a alguna pagina es necesario que llene todos los datos que se le este pidiendo, además que cumplan con los requisitos que se le estén pidiendo, por si se comete algún error.
Ir al Índice Ir al Índice
PRACTICA # 8
USO DE LAS VISTAS (VIEWS) Y MULTIVISTAS (MULTIVIEWS)
OBJETIVO DE LA PRÁCTICA:
Aprender a usar los controles Multiview y menu.
DESARROLLO DE LA PRÁCTICA:
Con el uso del Multiview se pueden tener a la vez muchas vistas en una sola pagina, ademas de contener ciertas aplicaciones.
En estra practica se agrego un multiview en donde se coloco cinco view las cuales son las vistas que se seleccionaran para que se muestren en el instante indicado al hacer clic en el menu o en un botón independientemente cualquierade estas.
Quedando de esta forma las vistas que que se agregaron:
Primeramente se tuvo que agregar el Multiview, en el cual se agregarán las vistas:
Ir al Índice Ir al Índice
Para poder hacer uso de las vistas y hacer la condición para mostrarla, según cuando se seleccione el menú es necesario cambiar el -1 para que inicie en cero, en la propiedad ActiveViewIndex.
Primeramente se debe editar los elementos con que contará el menú en el cual se agregaran los elementos o subelementos de los mismos, de las cuales tienen dos propiedades muy importantes tal como es el text y el valúe.
Para hacer referencia que vista se mostrara se codificara de la siguiente manera:
Protected Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Menu1.MenuItemClick
'If (e.Item.Value = 0) Then
' Me.MultiView1.ActiveViewIndex = 0
'End If
'If (e.Item.Value = 1) Then
' Me.MultiView1.ActiveViewIndex = 1
'End If
'If (e.Item.Value = 2) Then
' Me.MultiView1.ActiveViewIndex = 2
'End If
'If (e.Item.Value = 3) Then
' Me.MultiView1.ActiveViewIndex = 3
'End If
'If (e.Item.Value = 4) Then
' Me.MultiView1.ActiveViewIndex = 4
'End If
Ir al Índice Ir al Índice
Así también para realizar la misma operación pero ahora con botones es necesario agregar los botones necesarios según el número de vista por ejemplo para ver dos vistas se tienen los siguientes, con su respectivo código:
Como se pudo observar en los botones solo se especifican las vistas que se activaran para ser vistas. Al contrario que en el menú, ya que es de opción múltiple es necesario realizar una condición para comprobar que colección del menú fue seleccionado. Así también se ingreso un botón para regresar al menú de inicio de todas las direcciones, en el cual es muy fácil de codificar tal como se muestra a continuación:
Protected Sub Regresar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Response.Redirect("Inicio.ASPX") End Sub
CONCLUSIÓNCon el uso del Multiview y las View se facilita el trabajo de agregar elementos al proyecto a demás nos ayuda a no crear varias paginas en nuestro proyecto.
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Button1.Click
Me.MultiView1.ActiveViewIndex = 0
End sub
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Button1.Click
Me.MultiView1.ActiveViewIndex = 1
End sub
Ir al Índice Ir al Índice
REPORTE DE PRÁCTICAS DEL SEGUNDO PARCIAL
PRACTICA # 1
USO DE LAS VARIABLES DE SESIÓN
OBJETIVO DE LA PRÁCTICA:
Conocer el uso de las variables de sesión en el desarrollo de aplicaciones.
DESARROLLO DE LA PRÁCTICA:
Primeramente tendremos una vista de nuestro Web Form como a continuación se muestra: donde agregaremos un TextBox, un Botón para activar la sesión; uno de los controles importantes es el HyperLink1 que tiene una propiedad que nos manda a otra página, de acuerdo a la que queramos hacer referencia. Este es código de la primera sesión:
Posteriormente se agregaran diez TextBox y un botón para hacer referencia a la sesión de cada uno de estos siendo diferentes entre si; quedando de la siguiente manera:
Se agregará un DropDownList1 del cual es necesario activar el AutoPostBack para que se seleccione un elemento de la lista desplegable y se guarde en la sesión que posteriormente se recuperará en la otra página.
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
'session es un arreglo por eso va entre parentesisis
Session("user") = TextBox1.Text
End Sub
Session("user1") = TextBox1.TextSession("user2") = TextBox2.TextSession("user3") = TextBox3.TextSession("user4") = TextBox4.TextSession("user5") = TextBox5.TextSession("user6") = TextBox6.TextSession("user7") = TextBox7.TextSession("user8") = TextBox8.TextSession("user9") = TextBox9.TextSession("user10") = TextBox10.Text
Ir al Índice Ir al Índice
Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged Select Case (Me.DropDownList1.SelectedIndex) Case 1 Session("selec") = Me.DropDownList1.SelectedItem.Text.ToString Case 2 Session("selec") = Me.DropDownList1.SelectedItem.Text.ToString End Select End Sub
Se agregará un calendar:
Al seleccionar una fecha en calendar es necesario codificar en el selectionChanged: quedando de la siguiente forma:
Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.SelectionChanged Dim x As Date x = Me.Calendar1.SelectedDate Session("date") = x End Sub
Para recuperar las sesiones almacenadas en la pagina se codificara en otra pagina en el cual se mostrara las sesiónes. El control a utilizar sera una label para mostrar los datos ya que el codigo a utilizar se colocara en el Load para que se carge la pagina y se muestren los datos de las sessiones.
Ir al Índice Ir al Índice
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'se recupera la variable de session ' se recupera de los textbox
Label1.Text = Session("user") ///Corresponde a la primera variable en hacer la consulta.
Label2.Text = Session("user1") Label3.Text = Session("user2") Label4.Text = Session("user3") Label5.Text = Session("user4") Label6.Text = Session("user5") Label7.Text = Session("user6") Label8.Text = Session("user7") Label9.Text = Session("user8") Label10.Text = Session("user9") Label11.Text = Session("user10") Label12.Text = Session("selec") Label13.Text = Session("date")
End Sub
CONCLUSION
Con esta practica se aprendio como recuperar las variables de las sesiónes que se guardan para su posterior uso, ya que será de gran utilidad en el manejo de cuentas de usuaorios y garantizar la privasidad y confidencialidad de datos de cada usuario.
Ir al Índice Ir al Índice
PRACTICA # 2
USO DE LAS VARIABLES DEL MÉTODO GET
OBJETIVO DE LA PRÁCTICA:
Implementar el uso de las variables del método get y sustituirlas por las variables de sesión.
DESARROLLO DE LA PRÁCTICA:
Realizar los siguientes pasos:
1. Crear un nuevo proyecto web2. Insertar un botón y dos textboxs (en la pagina Default vista diseño)3. En la parte de arriba escribir “enviar datos con las variables get”
El diseño quedara de la siguiente manera:
Agregar un nuevo formulario web:
Situarse en el explorador de soluciones y clic secundario en la siguiente opción, y clic en la opción Agregar nuevo elemento
Situarse en el explorador de soluciones y clic secundario en la siguiente opción, y clic en la opción Agregar nuevo elemento
Seleccionar la opción de Web Form y le llamaremos mostrardatos y clic en aceptar
Seleccionar la opción de Web Form y le llamaremos mostrardatos y clic en aceptar
Ir al Índice Ir al Índice
Posteriormente en el nuevo formulario web llamado mostrardatos insertaremos los siguientes elementos (dentro de la vista diseño):
1. Un botón2. Dos labels3. En la parte de arriba escribir “mostrar los datos recibidos” El diseño quedara de la siguiente manera:
Ya que tenemos el diseño de las dos páginas procederemos a la codificación de las mismas
En la página Default daremos doble clic al botón que hemos insertado y agregaremos el siguiente código:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim link As String link = "mostrardatos.aspx?x=" + Me.TextBox1.Text link = link + "&&y=" + Me.TextBox2.Text Response.Redirect(link) End Sub
Creamos una variable de tipo String llamada link
Posteriormente la variable link la enlazamos con la página mostrardatos.aspx y abrimos un signo de interrogación y escribimos una variable de nombre “x” la cual tendrá almacenado lo que se ingrese en el textbox1.
Dim link As String link = "mostrardatos.aspx?x=" + Me.TextBox1.Text
Enseguida la variable link la igualamos a la misma variable link y le concatenamos la variable” y” la cual tendrá almacenado lo que se ingrese en el textbox2
Ir al Índice Ir al Índice
link = link + "&&y=" + Me.TextBox2.Text
Y finalmente re direccionamos la variable link Response.Redirect(link)En la página mostrardatos daremos doble clic al botón que hemos insertado y agregaremos el siguiente código:
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Label1.Text = Request.QueryString("x") Label2.Text = Request.QueryString("y") End Sub
En la label1 en su propiedad text ingresamos el signo igual y escribimos la palabra Request.QueryString(“x”).
Label1.Text = Request.QueryString("x")
El Request (“Pedido” en ingles) y en su propiedad QueryString obtiene la colección de variables de tipo cadena de consulta HTTP, seguido de un paréntesis con la variable “x “, la cual mostrara los datos escritos en el textbox1 de la página Default.
Es lo mismo para la label2, solamente que se cambia la variable “x”, por la “y”. Label2.Text = Request.QueryString("y")
Al ejecutar nuestra aplicación web, quedara de la siguiente forma:
Ingresamos los datos en los cuadros de texto (en el textbox1 ingresamos la palabra “hola” y en el textbox2 ingresamos la palabra “mundo”) y clic en aceptar.
Ingresamos los datos en los cuadros de texto (en el textbox1 ingresamos la palabra “hola” y en el textbox2 ingresamos la palabra “mundo”) y clic en aceptar.
Ir al Índice Ir al Índice
CONCLUSIÓN:
Con el uso de las variables del método get podemos recuperar la información de dichas variables y mostrarlas en páginas en donde nosotros queramos y esto sustituye el uso de las variables de sesión.
En la barra de direcciones aparecen las variables “x” y “y” con los respectivos datos ingresados en la página Default
En la barra de direcciones aparecen las variables “x” y “y” con los respectivos datos ingresados en la página Default
Y al darle clic al botón mostrara en las labels los datos almacenados en las variables “x” y “y” respectivamente
Y al darle clic al botón mostrara en las labels los datos almacenados en las variables “x” y “y” respectivamente
Ir al Índice Ir al Índice
PRACTICA # 3
GUARDAR ARCHIVOS EN EL SERVIDOR
OBJETIVO DE LA PRÁCTICA:
Implementar el uso del objeto FileUpload, ya que este nos permite cargar las rutas de los archivos y permite guardar estos archivos en el servidor.
DESARROLLO DE LA PRÁCTICA:
Realizar los siguientes pasos:
1- Crear un nuevo proyecto web, crear una carpeta llamada archivos.2- Insertar dos labels, un botón, un objeto image, un listbox y un FileUpload.
3- Ordenar los objetos como se muestra en el siguiente diseño:
Insertar dos Labels
Insertar dos Labels
Insertar un botónInsertar un botón
Insertar un ImageInsertar un Image
Insertar un FileUpload
Insertar un FileUpload
Insertar un ListBox
Insertar un ListBox
Label2, en este objeto iremos a su propiedad Text y escribiremos: guardar archivos al servidor.
Label2, en este objeto iremos a su propiedad Text y escribiremos: guardar archivos al servidor.
FileUploadFileUpload
Label1Label1
ImageImage
ListBoxListBox
BottonBotton
Clic secundario en nuestro proyecto y seleccionar la opción de nueva carpeta, asignarle el nombre de archivos.
Clic secundario en nuestro proyecto y seleccionar la opción de nueva carpeta, asignarle el nombre de archivos.
Ir al Índice Ir al Índice
4- Pulse doble clic en el Botton1 y escriba el siguiente código:
If Me.FileUpload1.HasFile Then “Verificamos que el objeto FileUpload tenga almacenado la ruta del archivo Dim ex As String “creamos una variable de nombre ex de tipo String (tipo cadena) ex = Mid(Me.FileUpload1.FileName, Me.FileUpload1.FileName.Length - 2) If ex.Equals("jpg") Or ex.Equals("gif") Or ex.Equals("JPG") Or ex.Equals("GIF")Then Label1.Text = ex “lo obtenido en la variable “ex” lo almacenamos en el Label1 para verlo en pantalla If Me.FileUpload1.HasFile Then “Verificamos que el objeto FileUpload tenga almacenado la ruta del archivo Dim ruta As String “creamos una variable de nombre ruta de tipo string (tipo cadena) ruta = MapPath("~/archivos/") “la variable ruta le asignamos la direccion de la carpeta de nombre archivos Me.FileUpload1.SaveAs(ruta + Me.FileUpload1.FileName) “guardamos el archivo en la carpeta archivos” Me.Image1.ImageUrl = "~/archivos/" + Me.FileUpload1.FileName “con el objeto Image mostramos la imagen guardada en la carpeta archivos” Me.ListBox1.Items.Add(Me.Image1.ImageUrl) “guardamos la ruta del archivo en un listobox para seleccionar las imágenes guardadas en la carpeta” End If Else Label1.Text = "archivo no guardado" “este mensaje en el label1 es por si el archivo no es de tipo jpg o gif ” End If End If
5- Pulse doble clic en el ListBox1 y escriba el siguiente código:
“mostramos la imagen seleccionada mediante la url almacenada en el ListBox Me.Image1.ImageUrl = Me.ListBox1.SelectedItem.ToString “creamos una variable de nombre ex de tipo string (tipo cadena) Dim ex As String “buscamos las 3 ultimas letras de la url del archivo (la extencion) y la almacenamos en la variable ex para despues mostrarlo en pantalla ex = Mid(Me.Image1.ImageUrl, Me.Image1.ImageUrl.Length - 2) Label1.Text = ex
6- Ejecutamos la página web y estos son los resultados en pantalla
“en esta linea podemos ver las ultimas 3 letras de la ruta del archivo y asi poder saber su extencion y guardarlo en la variable ex”, comparamos su extencion y si corresponde a jpg y gif sera guardado y mostrado en pantalla.
C:\ima\casa.jpg Extencion “jpg”
Ir al Índice Ir al Índice
CONCLUSIÓN:
En esta práctica nosotros hemos visto en como subir o guardar archivos en el servidor y poderlos visualizar dentro de la misma página en donde se buscaron y almacenaron. En este caso la práctica consistió en buscar archivos con extensión jpg o gif (imágenes), para almacenarlos en una carpeta llamada archivos dentro del servidor y visualizarlos.
Imágenes guardadas en el servidor y visualizadas en la página web
Ir al Índice Ir al Índice
PRACTICA # 4
UTILIZACIÓN DE LA MASTERPAGE
OBJETIVO DE LA PRÁCTICA:
IMPLEMENTAR EL USO DE LA HERRAMIENTA MASTERPAGE PARA LA CREACIÓN DE PLANTILLAS EN NUESTRAS PÁGINAS WEB (ASP), YA QUE CON ESTA HERRAMIENTA DEJAMOS DE PREOCUPARNOS EN EL DISEÑO DE CADA UNA DE NUESTRAS PAGINAS Y ASÍ TENER UN DISEÑO PREDETERMINADO DE DICHAS PÁGINAS.
DESARROLLO DE LA PRÁCTICA:
REALICE LOS SIGUIENTES PASOS:
1- CREAR UN NUEVO PROYECTO WEB2- INSERTAR UN MASTERPAGE
PASOS PARA INSERTAR UNA MASTERPAGE
Clic secundario en nuestro proyecto y elegimos la opción Agregar nuevo elemento, clic en esta opción.
Clic secundario en nuestro proyecto y elegimos la opción Agregar nuevo elemento, clic en esta opción.
Nos aparecerá la siguiente pantalla y elegimos la opción Página principal
Nos aparecerá la siguiente pantalla y elegimos la opción Página principal
Clic en Agregar Clic en Agregar El nombre lo dejaremos tal y como esta
El nombre lo dejaremos tal y como esta
Ir al Índice Ir al Índice
A la hora insertar el MasterPage nos posicionamos en esta parte del código script
A la hora insertar el MasterPage nos posicionamos en esta parte del código script
<table style="width: 662px; height: 334px" > <tr> <td colspan ="2" style="height: 90px" > </td> </tr> <tr > <td colspan ="2" style="height: 19px"> </td> </tr> <tr> <td style="height: 145px"> </td> <td style="height: 145px"> </td> </tr> <tr> <td colspan ="2" style="height: 22px"> </td> </tr></table>
Escribimos el siguiente código:
Escribimos el siguiente código:
Borramos este cuadro
Borramos este cuadro
Ir al Índice Ir al Índice
Ajustamos el diseño de la tabla, tal y como se muestra en la imagen
Ajustamos el diseño de la tabla, tal y como se muestra en la imagen
Insertar color de fondo para cada una de las columnas.
Insertar color de fondo para cada una de las columnas.
Ir al Índice Ir al Índice
Regresaremos al formulario Default y daremos clic en la vista código:
Insertar un ContentPlaceHolder para cada una de las columnas
Insertar un ContentPlaceHolder para cada una de las columnas
De esta manera debe quedar el diseño.
De esta manera debe quedar el diseño.
Clic en la vista código. Clic en la vista código.
Ir al Índice Ir al Índice
Borraremos todo el código seleccionado
Borraremos todo el código seleccionado
Nos posicionaremos en esta parte del código escribiendo la siguiente línea:
MasterPageFile ="~/MasterPage.master"
Nos posicionaremos en esta parte del código escribiendo la siguiente línea:
MasterPageFile ="~/MasterPage.master"
Quedando de la siguiente manera:
Quedando de la siguiente manera:
Ir al Índice Ir al Índice
Regresamos a la vista Diseño y el formulario Default quedará de la siguiente manera:
Insertar 4 WebForm y respetar los nombres que aparecen por default.
Cada WebForm insertado realizara los pasos que fueron hechos en el formulario Default.
A la hora de crear los 4 WebForm restantes estos deberán de aparecer de la siguiente manera
A la hora de crear los 4 WebForm restantes estos deberán de aparecer de la siguiente manera
Formulario DefaultFormulario Default
Clic en esta pestañaClic en esta pestañaClic en esta opción para activar esta columna para insertar letras, imágenes, etc.
Clic en esta opción para activar esta columna para insertar letras, imágenes, etc.
De principal cambia a modo personalizado (ver arriba)
De principal cambia a modo personalizado (ver arriba)
Ir al Índice Ir al Índice
Realizar estos pasos con los demás WebForms en el modo Diseño a excepción del MasterPage:
Quedando de la siguiente manera
Al ejecutar las páginas estas deben mostrar lo siguiente:
Ingresar este texto como ejemplo
Ingresar este texto como ejemplo
Default2Default2
Default3Default3
Default4Default4
Default5Default5
Ir al Índice Ir al Índice
CONCLUSIÓN
EN ESTA PRÁCTICA HEMOS VISTO COMO NOS FACILITARÍA LA CREACIÓN DE UNA PLANTILLA DE DISEÑO PARA TODAS NUESTRAS PÁGINAS QUE PODAMOS DESARROLLAR ESTO CON EL FIN DE QUE NO NOS PREOCUPEMOS EN EL DISEÑO A PARTE DE LA CODIFICACIÓN DE NUESTRAS PÁGINAS YA QUE EXISTE LA HERRAMIENTA DE MASTERPAGE EN ASP.NET 2005
DefaultDefault Default2Default2
Default3Default3
Default4Default4
Default5Default5
Para no estar ejecutando página por página, se podría crear un menú en el MasterPage, pero ya es opcional para el alumno.
Para no estar ejecutando página por página, se podría crear un menú en el MasterPage, pero ya es opcional para el alumno.
Ir al Índice Ir al Índice
PRACTICA # 5
CONEXIÓN DE UNA BASE DE DATOS EN SQL SERVER A ASP.NET
OBJETIVO DE LA PRÁCTICA:
Conocer y realizar los procedimientos para la conexión de una base de datos elaborado en SQL Server a ASP.net.
NOTA: En las prácticas anteriores, hemos trabajado con ASP.net 2005, y en esta práctica emplearemos el uso de otro programa llamado SQL Server 2005 para la creación de nuestras bases de datos.
DESARROLLO DE LA PRÁCTICA:
Realizar los siguientes pasos:
1.- Abrir el programa de SQL Server 2005
- Clic en menú inicio- Todos los programas- Microsoft SQL Server 2005
- Clic en menú inicio- Todos los programas- Microsoft SQL Server 2005
- Clic en SQL Server Management Studio - Clic en SQL Server Management Studio
Ir al Índice Ir al Índice
2.- Accesar al servidor SQL Server:
- Inicio de sesión: sa- Contraseña: uts - Inicio de sesión: sa- Contraseña: uts
Clic en aceptarClic en aceptar
En autentificación seleccionar la opción de:
Autentificación de SQL Server
En autentificación seleccionar la opción de:
Autentificación de SQL Server
Clic secundario en la carpeta Bases de DatosClic secundario en la carpeta Bases de Datos Clic en esta opciónClic en esta opción
El nombre de la base de datos será 4bEl nombre de la base de datos será 4b
Clic en aceptarClic en aceptar
Ir al Índice Ir al Índice
Clic en las pestañas, hasta llegar a la carpeta Tablas
Clic en las pestañas, hasta llegar a la carpeta Tablas Clic en secundario en la
carpeta Tablas y elegir Nueva Tabla
Clic en secundario en la carpeta Tablas y elegir Nueva Tabla
En nombre de columna se ingresarán las cuatro entidades con sus respectivos tipos de datos
En nombre de columna se ingresarán las cuatro entidades con sus respectivos tipos de datosEstablecer el campo idProd como llave
primariaEstablecer el campo idProd como llave primaria
Clic para establecer un campo como llave primaria
Clic para establecer un campo como llave primaria
Clic en el botón guardarClic en el botón guardar
El nombre de la tabla le llamaremos producto, clic en aceptar
El nombre de la tabla le llamaremos producto, clic en aceptar
Ir al Índice Ir al Índice
Esto es todo en lo referente a la creación de la base de datos con SQL Server 2005Sin salir del programa de SQL Server 2005, abrimos el programa de Visual Studio 2005
3.- Crear un nuevo proyecto web4.- Insertar un objeto llamado SqlDataSource, y un objeto llamado GridView.
En la vista diseño nos quedará de esta forma
Clic secundario en la tabla producto
Clic secundario en la tabla producto
Clic en esta opción
Clic en esta opción
Insertamos 6 registros en nuestra tabla producto, tal y como se refleja en la imagen
Insertamos 6 registros en nuestra tabla producto, tal y como se refleja en la imagen
Clic en cerrarClic en cerrar
Arrastrar este objeto a la página o doble clic sobre el
Arrastrar este objeto a la página o doble clic sobre el
Arrastrar este objeto a la página o doble clic sobre el
Arrastrar este objeto a la página o doble clic sobre el
Ir al Índice Ir al Índice
Seleccionamos el objeto SqlDataSource y damos clic derecho, propiedades e ir a su propiedad connection string
Aparecerá la siguiente venta
Clic segundario en el objeto SqlDataSource
Clic segundario en el objeto SqlDataSource
Clic en la opción Propiedades
Clic en la opción Propiedades
seleccionamos su propiedad connectionString
seleccionamos su propiedad connectionString
Clic en esta pestañaClic en esta pestaña
Clic en la opción de Nueva conexión
Clic en la opción de Nueva conexión
Ir al Índice Ir al Índice
Clic en esta opción para cambiar el origen de datos y seleccionar Microsoft SQL Server, clic en aceptar (hacer esta acción siempre y cuando el origen de datos no se encuentra como Microsoft SQL Server (SqlClient)).
Clic en esta opción para cambiar el origen de datos y seleccionar Microsoft SQL Server, clic en aceptar (hacer esta acción siempre y cuando el origen de datos no se encuentra como Microsoft SQL Server (SqlClient)).
El origen de datos debe estar como Microsoft SQL Server (SqlClient).
El origen de datos debe estar como Microsoft SQL Server (SqlClient).
En el nombre del servidor debemos escribir local entre paréntesis: (local)
En el nombre del servidor debemos escribir local entre paréntesis: (local)
Clic en esta opción Clic en esta opción
En el nombre del usuario escribir sa
En el nombre del usuario escribir sa En la contraseña escribir
uts y clic en la opción de Guardar mi contraseña
En la contraseña escribir uts y clic en la opción de Guardar mi contraseña
Clic en la pestaña y seleccionar la base de dados llamada 4b
Clic en la pestaña y seleccionar la base de dados llamada 4b
Clic en aceptarClic en aceptar
En las propiedades del objeto SqlDataSource seleccionar la opción de DeleteQuery
En las propiedades del objeto SqlDataSource seleccionar la opción de DeleteQuery
Clic en esta opciónClic en esta opción
Escribir el siguiente comando para la eliminación DELETE FROM producto WHERE (idProd = @idProd)
Escribir el siguiente comando para la eliminación DELETE FROM producto WHERE (idProd = @idProd)
Clic en generador de consultas
Clic en generador de consultas
Ir al Índice Ir al Índice
Clic el la pestaña del GridView
Ejecutamos la página y damos clic en cualquier dato a eliminar
Clic en ejecutar consulta
Clic en ejecutar consulta
Escribir la clave un producto en este caso es el 1 la cual le pertenece a jabón y clic en aceptar
Escribir la clave un producto en este caso es el 1 la cual le pertenece a jabón y clic en aceptar
Si aparece este mensaje es que se ha eliminado los datos del producto jabón, clic en aceptar
Si aparece este mensaje es que se ha eliminado los datos del producto jabón, clic en aceptar
En la propiedad del objeto GridView seccionar su propiedad DataSourceID
En la propiedad del objeto GridView seccionar su propiedad DataSourceID
Seccionar este objeto para enlazar a la eliminación de los datos
Seccionar este objeto para enlazar a la eliminación de los datos
Clic en actualizar esquema y clic en habilitar eliminación
Clic en actualizar esquema y clic en habilitar eliminación
Ir al Índice Ir al Índice
CONCLUSIÓN
En esta práctica nosotros realizamos la conexión a la base de datos en SQL Server y eliminamos los registro insertados en la tabla producto mediante el comando de DeteleQuery del objeto sqlDataSource.
Ir al Índice Ir al Índice
PRACTICA # 6
CONEXIÓN A UNA BASE DE DATOS E-R
OBJETIVO DE LA PRÁCTICA:
realizar una conexión a una base de datos que contenga entidad relacion, aplicando las llaves primarias y foraneas.
DESARROLLO DE LA PRÁCTICA:
Primeramente debemos crear un nuevo proyecto de la base de datos para que se realice la conexión mediante el uso del sqlDataSource, que nos permite conctarnos a la base de datos posteriormente para visualizar los datos en pantalla agregaremos el GriedViw que nos sera de gran utilidad para eliminar y modificar la tabla de la base de datos, que en particular agregaremos un DetailsView para insertar nuevos registros a los campos.
Par realizar la conexión a la base de datos se puede hacer de la siguiente manera:
Clic en la pestañita del sqlDataSourse del cual aparecera la siguiente opción de Configurar origen de datos y clic sobre este.
Posteriormente aparecera una nueva ventana para elegir origenes de datos y clic sobre Examinar de la cual aparecera una nueva ventana para elegir la base de datos de la cual pondremos el nombre del servidor, nombre de usuario y la contraseña, tal y como se muestra las siguientes imágenes:
Ir al Índice Ir al Índice
Hecha la conexión de esta forma, también se puede realizar de otra manera para que aparezca la ventana de agregar conexión, de la cual es muy fácil, solo se tiene que ir a las propiedades del control y elegir la opción de conecctionString y elegir nueva conexión.
Después se procederá a escribir los comandos para que se muestren en el GriedView. Esto en las propiedades del sqlDataSourse, que son comúnmente el SelectQuary, DeleteQuary, InsertQuary, UpdateQuary, todos como su nombre lo indica, con las sentencias de sql Server.
Para relacionar cada uno de los controles mencionados con el sqlDataSource, dar clic en las propiedades y seleccionar DataSourceID y elegir el sqlDataSource adecuado, según sea el caso ya que se puede agregar varios tipos de este control pero con diferentes aplicaciones.
Pero par realizar la búsqueda según sea la sentencia que se especifico se deberá determinar la llave primaria de tabla seleccionada que en este caso pondremos en las propiedades del GriedView y el DetailsVIew la opción o propiedad de DataKeyNames, de la cual pondremos el nombre de la llave primaria de la tabla consultada.
Ir al Índice Ir al Índice
Pero a diferencia, el DetailsView una de sus propiedades que es el DefaultMode elegiremos la opción Insert y pondremos en true la propiedad de AutoGenerateInsertButtón para que aparezca los botones de insertar y cancelar si así lo deseas.
Para hacer mas dinámico la inserción de las tablas podemos editar la plantilla para que no se muestre las llaves foráneas tal y como se guardan y podamos elegir de que manera se inserta los datos provenientes de otra tabla externa a la que se esta insertando nuevos campos, es decir mostrar los campos y no los números correspondientes a dicha tabla.
Para esto es necesario seguir unos pasos no muy difíciles: Primeramente clic en la pestaña del DetailsView y elegir la opción de Editar campos. De la cual aparecerá
una tabla para agregar el campo a utilizar y convertirlo en TemplateField como se muestra en la ventana.
Posteriormente elegiremos la opcion Editar Plantilla la cual sera de mucho mayor importancia ya que podremos agregar un DonwListBock para elegir cada compo que deseemos. Esto selogra haciendo clic en la pestaña del DetailsView.
De la cual elegiremos la opción EditItem Template y agregaremos un comboBox del cual en la pestaña elegiremos otras opciones:
Ir al Índice Ir al Índice
Teniendo el comboBox elegiremos la opción Elegir origen de datos en el cual aparecerá una nueva ventana par seleccionar el origen de la conexión.
De está ventana pondremos en el primer comboBox el origen de la base de datos y en el segundo lo que queremos que se visualice y en el tercero el identificador de la llave primaria de esa tabla según corresponda y clic en aceptar.
Después clic en la opción EditarDataBindig para seleccionar el valor a evaluar en la tabla externa. Y clic en aceptar.
Ir al Índice Ir al Índice
Estos mismos pasos se realizan para mostrar la frase en lugar de los valores. Con la edición de la plantilla y seleccionar la opción: ItemTemplate como se muestra en la figura:
CONCLUSION
Con este método es posible hacer el enconamiento de datos de una manera rápida y especifica a las tablas de nuestra base de datos en SQL SERVER.
Ir al Índice Ir al Índice
REPORTE DE PRÁCTICAS DEL TERCER PARCIAL
PRACTICA #1
CONEXIÓN A LA BASE DE DATOS CON SQLDATASOURCE, GRIDVIEW Y TEXTBOX
OBJETIVO DE LA PRÁCTICA:
REALIZAR LA CONEXIÓN DE UNA BASE DE DATOS EN SQL SERVER Y CONSULTAR SUS DATOS CREANDO UN COMANDO DE CONSULTA CON EL OBJETO SQLDATASOURCE EN SU PROPIEDAD SELECT QUERY, UTILIZANDO TAMBIÉN CAJAS DE TEXTO, GRID VIEW Y UN BOTON, TODO ESTO EN ASP.NET 2005.
DESARROLLO DE LA PRÁCTICA:
- PRIMERAMENTE CREAREMOS EN SQL SERVER 2005 UNA BASE DE DATOS LLAMADA alumnos
- POSTERIORMENTE CREAREMOS UNA TABLA Y LA LLAMAREMOS alumno, QUE TENDRÁ LOS SIGUIENTES CAMPOS:
- ENSEGUIDA LLENAMOS TABLA alumno CON AL MENOS 3 ALUMNOS
- CREAMOS UN NUEVO PROYECTO WEB Y EN EL APARTADO DE DISEÑO INSERTAMOS CUATRO OBJETOS: TEXTBOX, BOTON, GRIDVIEW Y SQLDATASOURCE.
TABLA LLAMADA alumno TABLA LLAMADA alumno
EL CAMPO idAlumno TIENE LA PROPIEDAD DE LLAVE PRIMARIA
EL CAMPO idAlumno TIENE LA PROPIEDAD DE LLAVE PRIMARIA
Ir al Índice Ir al Índice
EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA
- Clic en el objeto SqlDataSource1 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: alumnosConnectionString.
- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:
@idAlumno
Es un parámetro o filtro, que permitirá al usuario colocar el dato que desee buscar.
@idAlumno
Es un parámetro o filtro, que permitirá al usuario colocar el dato que desee buscar.
Comando de la consulta
Comando de la consulta
Ir al Índice Ir al Índice
- Sin salir de la ventana damos clic en el botón de actualizar parámetros:
Automáticamente se agregara el campo llave de la tabla alumno
Automáticamente se agregara el campo llave de la tabla alumno
En este caso el origen del parámetro será un control porque el textboxt es un control y además es donde se insertara el dato para poder ser consultado
En este caso el origen del parámetro será un control porque el textboxt es un control y además es donde se insertara el dato para poder ser consultado
Seleccionar el textbox1 porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada
Seleccionar el textbox1 porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada
Clic en aceptarClic en aceptar
El textbox1 se agrega automáticamente como valor del parámetro cuando se selecciona el textbox1 como control en el origen del parámetro
El textbox1 se agrega automáticamente como valor del parámetro cuando se selecciona el textbox1 como control en el origen del parámetro
Clic en esta pestaña del GridView
Clic en esta pestaña del GridView
Seleccionar el objeto SqlDataSource ya que esta conectado con la base de datos llamada alumnos
Seleccionar el objeto SqlDataSource ya que esta conectado con la base de datos llamada alumnos
Ir al Índice Ir al Índice
- Se ejecuta la página y se ingresa el Id del alumno para que se realice la búsqueda y se muestren todos sus datos en el GridView.
CONCLUSIÓN
Con esta práctica nosotros hemos podido realizar una consulta de datos en una página web manejando bases de datos en SQL SERVER 2005, así como también el manejo de objetos que nos permiten la conexión de la misma.
Clic en Actualizar esquema
Clic en Actualizar esquema
Como existe un parámetro cuando se actualiza el esquema pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar
Como existe un parámetro cuando se actualiza el esquema pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar
Doble clic en el botón y escribir la siguiente línea de comando: Me.GridView1.DataBind().Esto es para que se carguen los datos en el GridView a la hora de hacer la consulta.
Doble clic en el botón y escribir la siguiente línea de comando: Me.GridView1.DataBind().Esto es para que se carguen los datos en el GridView a la hora de hacer la consulta.
Ir al Índice Ir al Índice
PRACTICA #2
CONTINUACIÓN AL REPORTE DE PRÁCTICA NÚMERO 2OBJETIVO:
REALIZAR LA CONEXIÓN DE UNA BASE DE DATOS EN SQL SERVER Y CONSULTAR SUS DATOS CREANDO UN COMANDO DE CONSULTA CON EL OBJETO SQLDATASOURCE EN SU PROPIEDAD SELECT QUERY, UTILIZANDO TAMBIÉN CAJAS DE TEXTO, GRID VIEW Y UN BOTON, TODO ESTO EN ASP.NET 2005.
DESARROLLO:
- PRIMERAMENTE CREAREMOS EN SQL SERVER 2005 UNA BASE DE DATOS LLAMADA TercerParcial
- POSTERIORMENTE CREAREMOS UNA TABLA Y LA LLAMAREMOS Reservacion, QUE TENDRÁ LOS SIGUIENTES CAMPOS:
- ENSEGUIDA LLENAMOS TABLA Reservacion CON AL MENOS 3 REGISTROS
- CREAMOS UN NUEVO PROYECTO WEB Y EN EL APARTADO DE DISEÑO INSERTAMOS UNA MULTIVIEW, GRIDVIEW, DETAILSVIEW, SQLDATASOURCE, DENTRO DE LA MULTIVIEW INSERTAREMOS TRES VIEWS E INSERTAREMOS UN MENU PARA LAS OPCIONES.
TABLA LLAMADA Reservacion TABLA LLAMADA Reservacion
Ir al Índice Ir al Índice
EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA
- Clic en el objeto SqlDataSource1 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: ConnectionString5 (ESTA CONEXIÓN SERÁ UTILIZADA PARA EL RESTO DE LOS SQLDATASOURCE).
- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:
Ir al Índice Ir al Índice
- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:
Comando de la consulta
Comando de la consulta
INSERT INTO Reservacion(IdRes, FechaRes, Nombre, Email) VALUES (@IdRes, @FechaRes, @Nombre, @Email)
INSERT INTO Reservacion(IdRes, FechaRes, Nombre, Email) VALUES (@IdRes, @FechaRes, @Nombre, @Email)
Ir al Índice Ir al Índice
- Clic en el objeto SqlDataSource2 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: ConnectionString5.
- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:
- En ese mismo objeto seleccionaremos su propiedad UpdateQuery e insertaremos el siguiente comando:
En este caso el origen del parámetro será un control porque el textboxt es un control y además es donde se insertara el dato para poder ser consultado
En este caso el origen del parámetro será un control porque el textboxt es un control y además es donde se insertara el dato para poder ser consultado
Seleccionar el Gridview1, porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada
Seleccionar el Gridview1, porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada
Clic en aceptarClic en aceptar
Automáticamente se agregara el campo llave de la tabla Reservacion
Automáticamente se agregara el campo llave de la tabla Reservacion
El Gridview1 se agrega automáticamente como valor del parámetro cuando se selecciona el Gridview1 como control en el origen del parámetro
El Gridview1 se agrega automáticamente como valor del parámetro cuando se selecciona el Gridview1 como control en el origen del parámetro
SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion WHERE (IdRes = @IdRes)
SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion WHERE (IdRes = @IdRes)
UPDATE Reservacion SET FechaRes = @FechaRes, Nombre = @Nombre, Email = @Email WHERE (IdRes = @IdRes)
UPDATE Reservacion SET FechaRes = @FechaRes, Nombre = @Nombre, Email = @Email WHERE (IdRes = @IdRes)
Ir al Índice Ir al Índice
- Clic en el objeto SqlDataSource3 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: ConnectionString5.
- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:
- En ese mismo objeto seleccionaremos su propiedad InsertQuery e insertaremos el siguiente comando:
- Doble clic en el GridView1 e insertar el siguiente código
Me.GridView1.DataBind()Me.MultiView1.ActiveViewIndex = 1
SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion
SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion
INSERT INTO Reservacion(IdRes, FechaRes, Nombre, Email) VALUES (@IdRes, @FechaRes, @Nombre, @Email)
INSERT INTO Reservacion(IdRes, FechaRes, Nombre, Email) VALUES (@IdRes, @FechaRes, @Nombre, @Email)
Ir al Índice Ir al Índice
- Doble clic en el DetailsView1 e insertar el siguiente código
Me.GridView1.DataBind()Me.MultiView1.ActiveViewIndex = 1
- Doble clic en el DetailsView2 e insertar el siguiente código
Me.GridView1.DataBind()
- En el objeto menú configurarlo para que tenga la siguiente forma
- Doble clic sobre el e insertar el siguiente código
If Me.Menu1.SelectedItem.Value = 0 Then Me.MultiView1.ActiveViewIndex = 2End IfIf Me.Menu1.SelectedItem.Value = 1 Then Me.MultiView1.ActiveViewIndex = 2End IfIf Me.Menu1.SelectedItem.Value = 2 Then Me.MultiView1.ActiveViewIndex = 0End If
- En el GridView en su propiedad DaraKeyNames agregar la llave primaria llamada IdRes
Ir al Índice Ir al Índice
- Quedando de la siguiente forma:
- Se ejecuta la página y se ingresa el Id del alumno para que se realice la búsqueda y se muestren todos sus datos en el GridView.
CONCLUSIÓN
Con esta práctica nosotros hemos podido realizar una consulta de datos en una página web manejando bases de datos en SQL SERVER 2005, así como también el manejo de objetos que nos permiten la conexión de la misma.
Clic en AceptarClic en AceptarClic aquí para ingresar la llave primaria
Clic aquí para ingresar la llave primaria
Ir al Índice Ir al Índice
PRACTICA #3
CREACIÓN DE LOGINOBJETIVO DE LA PRÁCTICA:
CREAR UNA PÁGINA WEB QUE NOS PERMITA RESTRINGIR EL ACCESO A OTRA PÁGINA WEB LLAMADA PRINCIPAL, ESTO ES CON LA FINALIDAD DE TENER UNA PÁGINA WEB QUE NOS PIDA EL NOMBRE DE USUARIO Y SU RESPECTIVA CONTRASEÑA EN POCAS PALABRAS TENER UNA PÁGINA WEB SEGURA Y CON USUARIOS.
DESARROLLO DE LA PRÁCTICA:
- PRIMERAMENTE CREAREMOS EN SQL SERVER 2005 UNA BASE DE DATOS LLAMADA 4b.
- POSTERIORMENTE CREAREMOS UNA TABLA Y LA LLAMAREMOS usuarios, QUE TENDRÁ LOS SIGUIENTES CAMPOS:
- ENSEGUIDA LLENAMOS TABLA usuarios CON AL MENOS 3 REGISTROS
- CREAMOS UN NUEVO PROYECTO WEB Y EN EL APARTADO DE DISEÑO INSERTAMOS UN LOGIN, GRIDVIEW, SQLDATASOURCE.
EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA:
Ir al Índice Ir al Índice
- Clic en el objeto SqlDataSource1 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: ConnectionString5.
- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:
Comando de la consulta
Comando de la consultaClic en actualizar
parámetros
Clic en actualizar parámetros
Automáticamente se agregaran los campos de la tabla usuarios
Automáticamente se agregaran los campos de la tabla usuarios
En este caso no enlazaremos controles con ningún origen de datos
En este caso no enlazaremos controles con ningún origen de datos Clic en aceptarClic en aceptar
@usuario-@pwd: Estos son filtros a utilizar.
@usuario-@pwd: Estos son filtros a utilizar.
Ir al Índice Ir al Índice
- Posicionarnos en el GridView1 y realizar los siguientes pasos:
- El Gridview1 se mostrara de la siguiente manera:
Clic en esta pestaña del GridView1
Clic en esta pestaña del GridView1
Seleccionar el objeto SqlDataSource1 ya que esta conectado con la base de datos llamada 4b
Seleccionar el objeto SqlDataSource1 ya que esta conectado con la base de datos llamada 4b
Clic en Actualizar esquema
Clic en Actualizar esquema
Como existe un parámetro cuando se actualiza el esquema, pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar
Como existe un parámetro cuando se actualiza el esquema, pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar
Ir al Índice Ir al Índice
- Posteriormente crearemos un nuevo formulario web el cual se llamara principal.aspx e insertaremos un Label el cual le asignaremos el un texto así: BIENVENIDOS A PRINCIPAL, esta página se mostrara después de ingresar nuestro nombre de usuario y contraseña, esto será como la página principal de un sistema.
EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA:
- Regresamos a la página del Login y nos posicionamos en el control del Login, en su evento Authenticate haremos doble clic.
ESCRIBIREMOS EL SIGUIENTE CÓDIGO:
SqlDataSource1.SelectParameters(0).DefaultValue = Login1.UserName
SqlDataSource1.SelectParameters(1).DefaultValue = Login1.Password
Ir al Índice Ir al Índice
GridView1.DataBind()
If GridView1.Rows.Count = 1 Then FormsAuthentication.SetAuthCookie("usuario", False) Response.Redirect("principal.aspx")
End If
VOLVEMOS AL APARTADO DE DISEÑO Y COMPILAMOS INGRESAREMOS EL USUARIO Y CONTRASEÑA Y SI SON CORRECTOS NOS ENVIARA A LA PÁGINA PRINCIPAL.
CONCLUSIÓN
Con esta práctica nosotros hemos podido realizar una página que nos permite restringir acceso al sistema con esto podemos poner en práctica el uso de la seguridad en nuestras páginas web.
Ir al Índice Ir al Índice
PRÁCTICA #4
CREACIÓN DE REPORTES CON CRYSTAL REPORTS
OBJETIVO DE LA PRÁCTICA:
Crear informes a partir de datos almacenados en nuestra base de datos
DESARROLLO DE LA PRÁCTICA:
- Creamos un nuevo proyecto web.- Agregamos un nuevo elemento, llamado Dataset- En el mensaje que aparece, damos clic en Si- Realizamos la conexión de la base de datos con el Dataset- Guardamos la cadena de conexión tal y como se llame- Clic en siguiente- Generar la consulta- Agregamos una tabla la que queramos de nuestra base de datos- Ejecutamos la consulta- Clic en aceptar- Clic en siguiente- Nuevamente clic en siguiente- Clic en finalizar
Nos tiene que aparecer la siguiente imagen
Ir al Índice Ir al Índice
Cerramos la pestaña del Dataset y damos clic si para guardar los cambios
- Agregamos un nuevo elemento, llamado crystal reports- Aparecerá un contrato de licencia y le damos aceptar ese contrato de
licencia.- Aparecerá la siguiente pantalla
Por default se activa la opción unoSeleccionamos la opción estándarClic en aceptar
Ir al Índice Ir al Índice
Ir al Índice Ir al Índice
- Agregamos un objeto llamado crystalreports view- En su pestaña daremos clic en nuevo origen de informe
Ir al Índice Ir al Índice
Y clic en aceptar
Ir al Índice Ir al Índice
Listo y por fin generamos nuestro informe de nuestra base de datos, compilamos y veremos los datos en el Internet Explorer, en pocas palabras
hemos creado un informe vía web.
CONCLUSIÓN
Con esto nosotros hemos aprendido a generar informes sobre nuestras bases de datos, esto es con la finalidad de proporcionar un reporte sobre todos nuestros datos, esto se puede aplicar para un mayor control de nuestros
datos. Ir al Índice Ir al Índice
Que el alumno investigue, practique y se interese más sobre esta plataforma de programación web, que el alumno aprenda a programar en esta plataforma con los lenguajes de programación el cual este se puede generar proyectos web (C#, J#, Visual Basic).
Estos reportes de prácticas simplemente fueron para dar una introducción a esta plataforma, aunque se tocaron temas algo avanzados como bases de datos y seguridad de las páginas web con los controles de Login, y como se hizo mención, ya dependerá de él alumno si este se interesé en aprender más.
top related