WEBFORMS

Gestión de Servicios

•

Maria Auxiliadora

Rosmery Salamanca

6/9/2023

¡Este material tiene más páginas!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Gestión de Servicios

3449 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

WEBFORMS ASP.NET
Juan Carlos Araujo
docenteibp@gmail.com
ASP.NET Web Forms
• ASP.NET es un marco de desarrollo para crear páginas web y 
sitios utilizando HTML, CSS, JavaScript y scripts del servidor.
• ASP.NET admite tres modelo de desarrollo diferente:
• Páginas Web (páginas web), 
•MVC (Modelo Vista Controlador Modelo - Vista -
Controlador),
• WebForms(formulario web)
Componentes de ASP.NET
WebForms
• Los formularios web son páginas web construidas sobre la 
tecnología ASP.NET. 
• Se ejecuta en el servidor y genera una salida para el navegador.
• Es compatible con cualquier navegador y cualquier idioma 
compatible con el tiempo de ejecución de lenguaje común de 
.NET. 
• Es flexible y nos permite crear y agregar controles 
personalizados.
Visual Studio y WebForms
• Con Visual Studio, puede crear formularios web ASP.NET. 
• El entorno de desarrollo integrado (IDE) de Visual Studio le 
permite arrastrar y soltar controles de servidor para diseñar su 
página de formularios web. 
• Luego puede establecer fácilmente propiedades, métodos y 
eventos para los controles en la página o para la página misma. 
Estas propiedades, métodos y eventos se utilizan para definir el 
comportamiento, la apariencia, etc. de la página web.
Controles web
• Los formularios web se componen de dos componentes: la 
parte visual (el archivo ASPX) y el código detrás del formulario, 
que reside en un archivo de clase separado.
• ASP.NET proporciona varios controles como: controles de 
servidor y controles HTML para los formularios web.
Evento Page_Load
• El evento Page_Load se 
desencadena cuando se carga 
la página, ASP.NET llamará 
automáticamente a la subrutina 
Page_Load, y ejecuta el código:
<script runat="server">
Sub Page_Load
lbl1.Text="The date and 
time is " & now()
End Sub
</script>
<html>
<body>
<form runat="server">
<h3><asp:label id="lbl1" 
runat="server" /></h3>
</form>
</body>
</html>
Propiedad Page.IsPostBack
• Load subrutina se ejecuta cuando la página se carga cada vez.
• Si desea realizar código subrutina Page_Load cuando la página se 
carga por primera, se puede utilizar la propiedad Page.IsPostBack. . 
• Si la propiedad Page.IsPostBack se establece en false, la página se 
carga por primera vez Si es verdadero, entonces la página se 
transmite de vuelta al servidor (por ejemplo, haciendo clic en el 
botón en el formulario)
Ejemplo Page.IsPostBack
<script runat="server">
Sub Page_Load
if Not Page.IsPostBack then
lbl1.Text="The date and time is " & now()
end if
End Sub
Sub submit(s As Object, e As EventArgs)
lbl2.Text="Hello World!"
End Sub
</script>
<html>
<body>
<form runat="server">
<h3><asp:label id="lbl1" runat="server" 
/></h3>
<h3><asp:label id="lbl2" runat="server" 
/></h3>
<asp:button text="Submit" onclick="submit" 
runat="server" />
</form>
</body>
</html>
Los controles de servidor ASP.NET
Los controles de servidor son etiquetas especiales entendidas por 
el servidor.
• Hay tres tipos de controles de servidor:
• Los controles de servidor HTML - etiquetas HTML creadas
• Controles de servidor Web ASP.NET - Nuevas etiquetas
• Los controles de validación de servidor - Validación de entrada
Controles de Servidor
Tipos de Controles
Categorías de controles de servidor 
ASP.NET
1. Controles del servidor HTML
• Los controles del servidor HTML son atributos HTML que se 
ordenan procesar en el lado del servidor. Esto significa 
esencialmente que el control tiene la misma salida y 
propiedades que sus correspondientes atributos HTML 
tradicionales, pero con capacidades de cálculo adicionales para 
eventos que se procesarán en el lado del servidor.
• Para resumir, las etiquetas HTML tradicionales mejoradas para 
ser procesadas en el lado del servidor se denominan controles 
de servidor HTML.
2. Controles del servidor web
• Los controles del servidor web son similares a los controles del 
servidor HTML en términos de la salida generada. 
• Sin embargo, los controles del servidor web son etiquetas ASP 
estandarizadas. 
• También se compilan en el lado del servidor y requieren un atributo 
runat = "server" similar.
Los controles del servidor web se 
dividen en cuatro categorías:
a. Controles web básicos
b. Controles de validación
c. Controles de lista
d. Ricos controles
a. Controles web básicos
• Los controles web básicos son similares a los controles de servidor 
HTML. Proporcionan la misma funcionalidad con métodos, eventos y 
propiedades adicionales, que los desarrolladores pueden 
aprovechar para escribir su propio código.
• Ejemplos de controles web básicos
• Control de botones
• HyperLink Control
• Label Control
b. Controles de validación
• Los controles de validación en ASP.Net se utilizan para validar las 
entradas del usuario. 
• Estos controles pueden realizar validaciones predefinidas y 
personalizadas. Dependiendo de la compatibilidad del navegador, 
las validaciones se realizan en el lado del cliente o del servidor. Esta 
decisión es realizada automáticamente por los controles. 
• La validación del lado del cliente se realiza en el navegador del 
cliente, es decir, antes de que se active una llamada de devolución 
al servidor. 
• La validación del lado del servidor se realiza después de que el 
formulario se haya enviado al servidor.
• Ejemplos de controles de validación
• Validador de campo requerido
• Compare Validator
c. Controles de lista
• Los controles de lista son controles especiales que generan 
diseños de lista preformateados. Estos controles se unen a las 
colecciones y muestran los datos recopilados en filas de un 
formato personalizado o con plantilla. 
• Por esta razón, los controles de lista solo se unen a 
colecciones que implementan interfaces IEnumerable, 
ICollection o IListSource. 
• Los datos que se vincularán a los controles de lista están 
definidos por las propiedades DataSource y DataMember.
d. Controles enriquecidos
• Los controles web enriquecidos son controles HTML complejos 
que están destinados a proporcionar una experiencia de 
usuario enriquecida. Estos son controles específicos de la 
tarea. 
• A diferencia de los controles HTML nativos de formularios web 
simples, los controles enriquecidos realizan una tarea compleja. 
Esto puede ser un conjunto de varios controles HTML simples o 
un diseño más mejorado. 
• Ejemplos de controles enriquecidos son Control de calendario, 
Control XML, Control AdRotator, etc.
3. Controles de usuario
• ASP.Net también facilita al desarrollador crear su propio 
paquete de controles integrados que se pueden reutilizar. Esto 
ayuda mucho a los desarrolladores cuando desean reutilizar la 
interfaz de la página web actual en otra. ASP.Net nos permite 
convertir nuestros WebForms en controles de usuario. Para 
lograr esto, ASP.Net guarda los formularios web con la 
extensión .ascx. Estos archivos .ascx se pueden usar varias 
veces dentro de un solo formulario web.
4. Controles personalizados
Además del amplio conjunto de controles integrados, ASP.Net 
también le permite definir su propio control personalizado. Un 
control personalizado es cualquiera de los tres:
•Una combinación de dos o más controles integrados.
•Una extensión a un control incorporado.
•Un código completamente nuevo que funciona como 
un control específico.
Ejemplo WebForm
REFERENCIAS BIBLIOGRÁFICAS
Textos:
• William Penberthy. BEGINNING ASP.NET FOR VISUAL STUDIO® 2015
Copyright © 2016 by John Wiley & Sons, Inc., Indianapolis, Indiana
Referencias electrónicas
• Controles de servidor ASP.NET
https://es.education-wiki.com/9546514-asp.net-server-controls
• ASP.NET Web Forms
https://www.javatpoint.com/asp-net-web-form-introduction
• What is Web Forms
https://docs.microsoft.com/en-us/aspnet/web-forms/what-is-web-forms
https://es.education-wiki.com/9546514-asp.net-server-controls
https://www.javatpoint.com/asp-net-web-form-introduction
El sabio generaliza; el 
artista individualiza.
Jules Renard