Validar la información del usuario en Web Forms

Las personas interesadas en la validación de la entrada del usuario a menudo utilizan el mantra: Nunca la entrada del usuario de confianza. Aunque esto puede parecer en un primer momento la paranoia, que es muy importante en cualquier sistema abierto. Incluso si usted piensa que usted sabe quiénes son los usuarios e incluso si usted confía en ellos por completo, a menudo no son los únicos usuarios que pueden acceder a su sistema. Tan pronto como su sitio web es a través de Internet, es un blanco potencial para los usuarios maliciosos y hackers que tratarán de encontrar una forma en su sistema. Además de estos visitantes el mal, incluso a los usuarios de confianza pueden enviar datos incorrectos en el servidor por accidente.
Para ayudarle a superar este problema tanto como sea posible, los buques de ASP.NET con una amplia gama de controles de validación que le ayudan a validar los datos, antes de que se utiliza en su aplicación. En las siguientes secciones, se ve cómo utilizar los controles de validación estándar para asegurar que el usuario envía datos válidos en el sistema.

Vista del portal web al 13 de Febrero de 2012. Formaulario para envio de información por el usuario en la pagina Contact.aspx

INTRODUCCION A CONTROLES DE USUARIO

Los controles de usuario son ideales para el marcado de encapsulación, los controles y el código que usted necesita en repetidas ocasiones a través de su sitio. En cierta medida, se ven un poco como los controles de servidor en el que pueden contener lógica de programación y presentación que se puede reutilizar en sus páginas. Sin embargo, en lugar de arrastrar los ya existentes de la Caja de herramientas de VWD, es necesario para crear sus propios controles de usuario y luego añadirlos a sus páginas ASPX, como aprender a hacer más adelante en este capítulo.
A pesar de las páginas maestras permiten crear contenido que se muestra en todas las páginas del sitio, es común tener el contenido que debe aparecer sólo en algunas pero no todas las páginas. Por ejemplo, es posible que desee mostrar un banner en algunas páginas más populares son, pero no en la página principal u otras páginas comunes.
Sin controles de usuario, debe agregar el código de la bandera (una imagen, un enlace, y así sucesivamente) a cada página que lo requiera. Cuando se desea actualizar la bandera (si desea utilizar una nueva imagen o enlace), es necesario realizar cambios en todas las páginas que lo utilizan. Si se mueve la bandera de un control de usuario y el uso que el control en sus páginas de contenido en su lugar, todo lo que necesita cambiar es el control de usuario y las páginas que lo utilizan recoger el cambio automáticamente. Esto le da una forma flexible para crear contenido reutilizable.
Los controles de usuario tienen las siguientes similitudes con niveles normales de las páginas ASPX:
➤ ➤ Tienen una sección de marcas, donde usted puede agregar marcado estándar y controles de servidor.
➤ ➤ Pueden ser creada y diseñada con Visual Web Developer en el marcado, Diseño y Vista en dos paneles.
➤ ➤ Se puede contener la lógica de programación, ya sea en línea o con un archivo de código subyacente.
➤ ➤ Usted tiene acceso a la página basada en la información como Request.QueryString.
➤ ➤ Plantean algunos (pero no todos) de los eventos que la clase Page plantea, incluyendo Init, Load y PreRender.

TREE VIEW

Utilizar el control TreeView
 
Un TreeView es capaz de mostrar una lista jerárquica de elementos, de forma similar al árbol que se ve en el Explorador de Windows. Los items se pueden expandir y contraer con los pequeños iconos de más y menos delante de los items que contienen elementos secundarios.  Como tal, es una herramienta ideal para visualizar el mapa del sitio de la página web como un medio para navegar por el sitio. Los datos utilizados por el control TreeView no se limita al archivo Web.sitemap, sin embargo. Usted también puede unirse a regular los archivos XML, e incluso crear un TreeView o de sus elementos (llamados nodos) mediante programación.

Uso del control SiteMapPath
 
El control SiteMapPath muestra dónde usted está en la estructura del sitio. Se presenta como una serie de enlaces, a menudo se refiere como una ruta de navegación. Es un control bastante simple pero potente, con más de 50 propiedades públicas se puede establecer a través de la rejilla de propiedades para influir en la forma en que se ve. Al igual que el menú y TreeView tiene una serie de propiedades de estilo que se utiliza para cambiar el aspecto de elementos como el nodo actual, un nodo normal, y el separador de ruta.

DIA 17: URLs ABSOLUTAS Y RELATIVAS

URLs absolutas y relativas
 

Al igual que los seres humanos, al dar instrucciones de localización de un objeto o dirección podemos utilizar distintos métodos para describir su ubicación, podemos hacer lo mismo en las URL y la localización de ficheros y recursos. Generalmente al describir una localización analizamos de donde partimos y donde hay que llegar.
Por ejemplo: No es lo mismo describir la localización de unos importantes papeles que están en la mesa del salón de mi casa a una persona que esta en el salón, que a una persona que tiene que recoger esos papeles, esta en otra ciudad y no conoce donde vivo.
Con este símil de la vida diaria, espero que quede claro los conceptos de URL completa, URL absoluta y URL relativa. Estos tres sistemas de localización ofrecen llegar a un destino describiendo todo o parte de la ruta de ubicación. Sobre todo es de utilidad en la programación web de los vínculos (enlaces a recursos o ficheros).
La URL completa: Siempre permite localizar el recurso independientemente de donde partamos, ya que incluye toda la ruta completa de ubicación. El inconveniente de este sistema, en la programación web, es que si el recurso web cambia de ubicación, debemos revisar toda la programación web de los enlaces con urls completas y cambiarlos. Si se van a crear vínculos con una página Web que no pertenece a mi sitio Web, debe utilizar una URL completa.
Ejemplo: http://www.servidor.com/directorio/recurso
La URL absoluta: Se parte de la base que el recurso al que queremos llegar esta en el mismo servidor del que partimos con lo que podemos ahorrarnos algunos parámetros en la descripción. Además no tendremos tantos problemas en la programación web si cambiamos de servidor ya que los enlaces podrían seguir funcionando.
Ejemplo: /directorio/recurso
La URL relativa: Las URL relativas suelen ser las más fáciles de utilizar para establecer un vínculo con archivos que van a permanecer en la misma carpeta que el documento actual. No les afectan cambios de servidor y en algunos casos ni el cambio de nombres de carpetas.
Ejemplo: ../recurso
 ________________________________________________________________________________

Utilizando el control MENÚ

 
El control del menú es muy fácil de usar y ajustar. Para crear un menú básico, todo lo que necesita hacer es agregar una a su página, conectarlo a un control SiteMapDataSource, y ya está. Pero, al mismo tiempo, el control es bastante flexible y tiene alrededor de 80 propiedades públicas (incluidos los compartidos por todos los controles) que le permiten ajustar cada aspecto visual del control. La siguiente tabla muestra las propiedades más comunes que se utilizan con el menú. Consulte la ayuda en línea de MSDN para obtener una descripción completa de este control.
 ________________________________________________________________________________

Vista de la página al 05 de febrero de 2012

 

DIA 16: MASTER PAGES, PLANTILLAS Y TEMAS

Creación de páginas maestras (Master Pages)

Las páginas maestras (Master Pages) se agregan a la página utilizando el cuadro de diálogo Agregar elemento. Se pueden colocar en cualquier parte del sitio, incluyendo la carpeta raíz, pero desde un punto de vista organizativo, a menudo es más fácil guardarlas en una carpeta separada. Al igual que las páginas ASPX normales, que utilizan el modelo de código en línea, así como el código separado. Las páginas principales utilizadas en el proyecto Portal Web FCFYM utilizan exclusivamente el modelo de código separado. 
  
Creación de plantillas de páginas reutilizables
 
Visual Web Developer incluye una gran herramienta para exportar plantillas para un número de diferentes tipos de archivos, incluyendo las páginas ASPX, archivos de clase, e incluso los archivos CSS. Al crear una nueva plantilla, se define el código o marcado que usted necesita en cada archivo una sola vez y luego crear archivos nuevos basados ​​en esta plantilla, se da un gran salto con el archivo y se reduce al mínimo el código que necesita escribir.

Aplicación de temas

Para aplicar un tema a su sitio web, usted tiene tres opciones diferentes: a nivel de página en la directiva de página, a nivel de sitio mediante la modificación del archivo web.config, y programación. 

• Establecer el tema a nivel de página: Configuración del Tema o propiedad StyleSheetTheme a nivel de página es muy sencillo: basta con establecer el atributo relevante en la directiva Page de la página:

<% @ Page Language = "VB" AutoEventWireup = "false" CodeFile = "Default.aspx.vb" Inherits = "_Default" Theme = "DarkGrey"%> 

Vuelva a colocar Theme con StyleSheetTheme para aplicar un tema cuya configuración puede ser anulado por las páginas individuales. La figura 6-13 muestra que tan pronto como se escribe Theme = " VWD aparece una lista con todos los temas que encuentra en la carpeta App_Themes.

• Establecer el tema a nivel de sitio: Para aplicar un tema a lo largo de todo el sitio web, usted puede establecer el tema en el archivo web.config mediante la adición de un atributo de tema para el elemento <pages> en el interior del elemento <system.web>:

<pages theme="DarkGrey"> ... </ Pages> Asegúrese de escribir theme con todas las letras en minúsculas, porque el código XML en el archivo web.config distingue entre mayúsculas y minúsculas. 

• Configuración de temas mediante programación: La tercera y última para definir un tema mediante programación a través de código. 

Crear un archivo de máscara (Skin)
 
Los archivos de máscara (skin) se debe crear en la carpeta de temas directamente. No se pueden almacenar en una subcarpeta como se hace con las imágenes de los temas.
Cuando empieza a escribir en un archivo skin, te darás cuenta de que el IntelliSense familiar no se produce. Esto hace que sea un poco difícil de definir sus controles y sus atributos. Sin embargo, existe una solución sencilla:
1. Abra el cuadro de diálogo Opciones de VWD eligiendo Herramientas ➪ Opciones.
2. Expanda la categoría Editor de texto y haga clic en la extensión del archivo. Si usted no ve estas categorías,
asegúrese de que Mostrar todas las configuraciones en la parte inferior de la pantalla se selecciona.

Vista del Portal Web al 04 de Febrero de 2012, utilizando una Página Maestra:

  

 Vista del Portal Web al 05 de Febrero de 2012, utilizando el tema Monochrome de PlanetVrox: