Introduccin a ASP.NET 4.

5 Lo que aprender en este captulo: Cmo adquirir e instalar Visual Studio Express 2012 para Web y Visual Studio 2012 Cmo crear tu pgina web rst fi con Visual Studio Express 2012 Cmo una pgina ASP.NET es procesada por el servidor y se envan el navegador Cmo usted puede utilizar y personalizar el entorno de desarrollo Desde el lanzamiento rst del fi . NET Framework 1.0 a principios de 2002 , Microsoft ha puesto mucho de esfuerzo y tiempo de desarrollo en ASP.NET, la parte de la NET . que permite crear aplicaciones web enriquecidas . Este comunicado de primera fi signific un cambio radical con respecto a la anterior La tecnologa de Microsoft para construir sitios web llamados Active Server Pages ( ASP ) , ahora se refiere a menudo como ASP clsico . La introduccin de ASP.NET 1.0 y el asociado de Visual Studio. NET dieron los desarrolladores de la siguiente benefi cios ms de ASP clsico : Una clara separacin entre la presentacin y el cdigo. Con ASP clsico , su programacin lgica a menudo dispersos por todo el cdigo HTML de la pgina, lo que dificulta la realizar cambios en la pgina ms tarde . Un modelo de desarrollo que estaba mucho ms cerca de la forma en que las aplicaciones de escritorio estn programados . Esto hizo que fuera ms fcil para los muchos programadores de escritorio de Visual Basic para hacer el cambio a las aplicaciones web . Una herramienta de desarrollo rico en funciones (llamada Visual Studio. NET ), que permiti a los desarrolladores

crear y codificar sus aplicaciones web visualmente . Una eleccin entre un nmero de la programacin orientada a objetos ( POO ) lenguas , de las cuales . NET Visual Basic y C # (pronunciado como C -Sharp ) son ahora los ms populares. El acceso a todo el . NET Framework, el cual por el momento rst fi significaba que los desarrolladores web tenido un ed unifi una forma fcil de acceder a muchas caractersticas avanzadas para trabajar con bases de datos, fi -les , correo electrnico, herramientas de redes , y mucho ms . A pesar de las muchas ventajas de ASP.NET sobre el modelo antiguo, con ASP.NET tambin signific un aumento de la complejidad y el conocimiento necesario para construir aplicaciones con l, por lo que es ms difcil para muchos de los nuevos programadores para empezar con ASP.NET . Despus del lanzamiento inicial en 2002 , Microsoft lanz otra versin del Framework . (Llamado . NET 1.1 ) y el IDE de desarrollo (llamado Visual Studio. NET 2003 ) . Mucha gente vio esto como una Service Pack para la versin inicial, aunque tambin trajo un montn de nuevas mejoras , tanto en el marco y las herramientas de desarrollo. En noviembre de 2005 , Visual Studio 2005 y ASP.NET 2.0 fueron puestos en libertad . Para la agradable sorpresa de muchos desarrolladores de todo el mundo , Microsoft haba sido una vez ms capaz de mejorar drsticamente y ampliar el producto , aadiendo muchas caractersticas y herramientas que ayudaron a reducir la complejidad que era introducido con ASP.NET 1.0 . Nuevos asistentes y controles inteligentes han permitido reducir el cdigo necesario para construir una aplicacin, la disminucin de la curva de aprendizaje para nuevos desarrolladores y aumentar

su productividad . En noviembre de 2007 , Microsoft lanz el marco ASP.NET 3.5 Visual Studio 2008 y , seguido Visual Studio 2010 y ASP.NET 4 marzo 2010. Ambas versiones aaden una gran cantidad de nuevas funcionalidades , incluyendo LINQ (discutido en el Captulo 14 ) , la integracin del Marco AJAX (que a aprender ms sobre el captulo 10 ) , ADO.NET Entity Framework (que se examinan en el captulo 14 ) , la inclusin de jQuery (que se discute en el captulo 11 ) , y ms. Las versiones actuales , Visual Studio 2012 y ASP.NET 4.5 , se acumulan en la parte superior de la exitosa Visual Studio 2010 y ASP.NET 4 versiones , dejando muchas de las caractersticas queridas en el lugar mientras que la adicin nuevas caractersticas y herramientas disponibles en otras reas. Durante los siguientes 19 captulos , aprender cmo construir sitios web con todas las funciones ASP.NET utilizando Visual Studio Express 2012 para Web , herramienta de desarrollo gratuita de Microsoft para aplicaciones web ASP.NET , que tambin forma parte de la suite completa de Visual Studio 2012 . Este libro le gua a travs del proceso de la creacin de un sitio web completamente funcional , con bases de datos , a partir de un sitio web muy bsicos en el prximo captulo, todo el camino a la implementacin de la misma a un entorno de produccin en el captulo 19 . El sitio de ejemplo que acompaa a este libro y todos los ejemplos que se construyen con Visual Studio Express 2012 para la Web ( VSEW ) , as que es importante que usted tenga instalado en su equipo de desarrollo. la seccin siguiente muestra cmo adquirir e instalar VSEW . Una vez que lo tenga instalado y funcionando , nos vemos cmo crear su pgina web rst fi, seguido de una extensa gira a travs de las muchas caractersticas de VSEW .

MICROSOFT VISUAL STUDIO EXPRESS PARA WEB Aunque tericamente, se podra escribir aplicaciones web ASP.NET con el Bloc de notas u otro texto editor solos , que realmente desea instalar una copia de Microsoft Visual Studio (VS ) . VS alberga una enorme serie de herramientas que le ayudarn en la creacin rpida de aplicaciones web ASP.NET complejos. Visual Studio est disponible en dos avors fl : como un independiente y la versin gratuita llamada Microsoft Visual Studio Express 2012 para Web , y como parte de la suite de desarrollo ms grande llamada Visual Studio 2012 , que tambin est disponible en diferentes ediciones , cada una con su propia etiqueta de precio. Con el comercial ediciones de Visual Studio , los componentes Web se integran plenamente . Usted acaba de iniciar Visual Studio 2012 y luego crear un proyecto de sitio web o de un proyecto de aplicacin web , que a su vez permite que el componentes web de Visual Studio. Aunque la edicin Express de Visual Studio est libre , que contiene todas las caractersticas y herramientas que necesita para crear aplicaciones web complejas y ricas en caractersticas . Todos los ejemplos que usted FI ND en el libro pueden ser Construido con la edicin gratuita Express, as que no hay necesidad de pagar mucho dinero por las versiones comerciales de Visual Studio 2012 para seguir adelante con este libro . Voy a usar el trmino Visual Studio (VS ) para referirse tanto a las versiones comerciales y gratuitas de Visual Studio. Cuando se habla de la edicin gratuita especficamente , usar los trminos Express Edition o Visual Studio Express 2012 ( VSEW ) .

Obtencin de Visual Studio es fcil. Se puede descargar desde el sitio de Microsoft como se explica a continuacin. Obtencin de Visual Studio Usted puede obtener el libre Visual Studio Express 2012 para Web desde el sitio de Microsoft en www.microsoft .com / / express . En la pgina principal Express, siga el enlace Descargas , hasta llegar a la pgina que ofrece las descargas de los productos Express, incluyendo VSEW . Desde esta pgina , usted puede descargar VSEW como Web Instalar , donde se descarga nicamente el instalador, mientras que el restante fi les se descargan durante el proceso de instalacin. Asegrese de elegir Visual Studio Express 2012 para la Web de la pgina, y no uno de los dems productos expresos libres o una de las ediciones anteriores de Visual Studio. No se deje engaar por el tamao de la le- fi de la Web de descarga , que est a slo unos pocos megabytes de instalacin . la fi le de descargar es slo el instalador que descarga el requerido fi -les a travs de Internet . El total descarga depende de su sistema actual y ser en algn lugar entre 180 MB y 270 MB . Si quieres probar la versin completa de Visual Studio 2012 , que tambin contiene la web componentes , que pueden inscribirse para una prueba gratuita en el sitio de Microsoft en http://msdn.microsoft.com/ vstudio . Usted puede optar por descargar una imagen ISO que usted necesita para quemar en un DVD o elegir para descargar el instalador Web. Por ltimo , se puede descargar VSEW con la aplicacin Microsoft Web Platform Installer ( WPI ) disponible para descargar en www.microsoft.com / web / plataforma y en www.asp.net/downloads/ . Adems VSEW , esta herramienta tambin le permite acceder fcilmente a muchas otras herramientas relacionadas con el desarrollo web

y programas . El IPM es una excelente herramienta para conseguir un montn de desarrollo relacionados con la web programas y herramientas de un solo golpe . A menudo lo utilizan para poner en marcha muy rpido sobre una superficie limpia equipo de desarrollo. Instalacin de Visual Studio Express ( VSEW ) Instalacin VSEW es un sencillo, aunque algo largo, proceso. Dependiendo de su mtodo de instalacin , el equipo y la velocidad de conexin a Internet , la instalacin puede tardar VSEW en cualquier lugar entre 20 minutos y una hora - o incluso ms.

TRY IT OUT Instalacin de Visual Studio Express 2012 para Web Este ejercicio Try It Out le gua a travs de la instalacin VSEW en su ordenador. Se supone que usted est utilizando la opcin Web Platform Installer , como se explica anteriormente, aunque el proceso para instalar el Expreso edicin de un DVD es casi idntica . Los pasos que debe realizar para instalar las versiones completas de Visual Studio 2012 son similares , as , a pesar de las pantallas que ver sern algo diferentes . No importa cmo se instala VSEW , es importante que tambin se instala Microsoft SQL Express LocalDB Edicin 11.0 - un componente necesario si quieres seguir junto con muchos de los ejemplos de este libro . Cabe instala automticamente al instalar VSEW , pero en caso de que no est instalado , se le fi nd instrucciones al final de este ejercicio para asegurarse de que est instalado correctamente . 1 . Comience por la navegacin a www.microsoft.com/express/ y siga las instrucciones para descargar VSEW 2012 . Asegrese de instalar Visual Studio Express 2012 para Web , y no una de la otra ediciones Express gratuitas o versiones anteriores . Si este enlace tiene cada vez cambiado o ya no proporciona directamente el acceso a la descarga VSEW , buscar en la web para " instalar Visual Studio Express 2012 para Web "

y usted ser llevado a una pgina de descarga donde se puede iniciar la instalacin. 2 . Dependiendo de cmo haya iniciado el instalador , usted tiene algunas opciones. Si ha iniciado el VSEW descarga , debera ver una pantalla similar a la Figura 1-1.

FIGURA 1-1 Haga clic en Instalar para iniciar la instalacin y los componentes relacionados. Si ha iniciado el Instalador de plataforma web en su lugar, fi nd Visual Studio Express 2012 para Web en el lista de herramientas y seleccione. Por ltimo, iniciar el proceso de instalacin. 3. En ambos casos, se obtiene una pantalla que muestra los componentes que desea instalar. Adems, es necesario de acuerdo a los trminos de licencia del software. Una vez que usted est de acuerdo, debera ver una pantalla similar a Figura 1-2. 4. Despus de un tiempo usted debe ver un mensaje que indica que VSEW se ha instalado correctamente. El instalador puede que tenga que reiniciar el equipo durante o despus de la instalacin. Una vez que el instalador tiene fi nal, VSEW est listo para su uso. Para comprobar si SQL Express LocalDB ha instalado correctamente, inicie el

Web Platform Installer en el men Inicio de Windows o en la pantalla de inicio. A continuacin, con el tema Productos,nd fi Microsoft SQL Express LocalDB Edicin 11.0 e instalarlo si no se ha instalado ya.

Cmo funciona? El proceso de instalacin sencilla que te gua a travs de la configuracin de VSEW utilizando la Web Platform Installer . Durante la instalacin, el IPM tambin instalar una copia de Microsoft SQL Express LocalDB Edicin 11.0 , la versin de Microsoft sin su motor de base de datos SQL Server 2012. SQL Server 2012 se discute y se utiliza mucho en este libro , empezando por el captulo 12 . Apndice B se muestra cmo configuracin de seguridad confi gura para las diferentes versiones de SQL Server 2012 . Ahora que VSEW est instalado, es hora de fi re para arriba y empezar a trabajar con l. La seccin siguiente muestra cmo crear su sitio rst muy fi en VSEW . Usted ve cmo crear un sitio web, agregar contenido a una pgina web, y ver esa pgina en su navegador .

Creacin del primer ASP.NET 4.5 WEBSITE Usted probablemente no puede esperar para empezar a trabajar con su sitio web ASP.NET rst fi, as que en vez de darle una visin terica de los sitios web en VS , la siguiente probarlo inmersiones ejercicio directamente a la accin y le muestra cmo construir su proyecto web rst fi. Luego, en el Cmo funciona explicacin y la siguiente seccin , se obtiene un buen vistazo a lo que sucede detrs de las escenas cuando ve un Pgina ASP.NET en su navegador .. TRY IT OUT La creacin de su sitio web a primera ASP.NET 1 . Comience VS en el men Inicio de Windows o la pantalla de inicio si no lo ha hecho ya . Siga el instrucciones en pantalla para registrar VSEW en lnea y obtener una clave . Introduzca la llave en la VSEW puesta en marcha pantalla y haga clic en Siguiente para continuar . Nota: si est utilizando la versin comercial de Visual Studio, simplemente comenzar a Visual Studio 2012 desde el men Inicio . Todos los componentes relacionados con la web se accede desde el programa principal VS . El tiempo de primera fi empiezas VS , puede haber un retraso antes de poder usarlo porque es ocupado confi gurar s mismo. Aperturas posteriores de la aplicacin ir mucho ms rpido. 2 . Si ests usando una versin comercial de Visual Studio, tambin puede obtener un cuadro de dilogo que le permite elegir entre diferentes colecciones de configuracin del tiempo de primera fi inicia Visual Studio. La eleccin que realice en ese cuadro de dilogo infl uye en el diseo de las ventanas , cajas de herramientas , mens y accesos directos. Elija los ajustes de Desarrollo Web, ya que estos ajustes han sido diseados especficamente para ASP.NET desarrolladores . Siempre puedes elegir un profi diferente le adelante al restablecer la configuracin, como se explica ms adelante en este captulo. 3 . Una vez que VS es totalmente confi gurado , ver aparecer la pantalla principal, como se muestra en la Figura 1-3 .

Figura 1.3

Usted obtiene una descripcin completa de todas las ventanas, barras de herramientas, paneles y mens en la siguiente seccin, por lo que para Ahora, slo se centran en la creacin de un nuevo sitio web. Haga clic en el men Archivo en la esquina superior izquierda y seleccione Nuevo sitio Web. Si ests usando una versin comercial de Visual Studio, en funcin de los ajustes que eligi al iniciar Visual Studio el momento rst fi, es posible que tenga que abrir el submen Nuevo first. Asegrese de que usted no utiliza accidentalmente el men Nuevo proyecto, debido a que se utiliza para crear diferentes tipos de. NET. El cuadro de dilogo Nuevo sitio Web aparece como se muestra en la Figura 1-4

En la seccin Plantillas instaladas a la izquierda se puede elegir una programacinidioma que va a utilizar para su sitio. Este libro muestra todo ejemplos en Visual Basic y Visual C # para que pueda elegir un idioma de su agrado. 5 . En la lista de plantillas en el medio, haga clic en ASP.NET Web Forms del sitio . Verifique que sistema de archivos es la opcin seleccionada en el Lugar Web en la lista desplegable en la parte inferior izquierda. Si lo desea, puede cambiar el ubicacin en el disco donde est almacenado el sitio haciendo clic en el botn Examinar botn y elegir una nueva ubicacin en el disco duro de su ordenador. Por ahora , la ubicacin por defecto - una carpeta en sus documentos carpeta - es ne fi , as que usted puede dejar el lugar como es . 6 . Haga clic en Aceptar . VS crea un nuevo sitio web para usted que incluye un nmero de fi cheros y carpetas ( vea la Figura 1-5 ) para poner en marcha su sitio web. 7 . Abra el fi le Default.aspx haciendo doble clic en l y quitar todo el cdigo dentro del bloque <asp:Content> que tiene su conjunto de ID de BodyContent (comienza con <h3> alrededor de la lnea 19 y termina con

< / ol > ) todo el camino en la parte inferior . Reemplace con el siguiente cdigo en negrita
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent"> <h2>Hello World</h2> <p>Welcome to Beginning ASP.NET 4.5 on <%: DateTime.Now.ToString() %></p> </asp:Content>

Vers cdigo formateado como esto mucho ms en este libro. Cuando se le indique que escriba cdigo con formato como este con algo de cdigo en negrita, slo tendr que introducir el cdigo en negrita. La otro cdigo ya debera estar presente en el fi chero. No te preocupes por el cdigo con los corchetes angulares (<>) y el smbolo de porcentaje en la acogida mensaje, que son denominados etiquetas, y aprender ms sobre ellos ms adelante. Aunque este cdigo no puede parece familiar a usted ahora, que es fcil adivinar lo que hace: Se escribe fuera de fecha y hora de hoy. 8. Presione Ctrl + F5 para abrir la pgina en el navegador web por defecto. Vers una pgina similar a la que se muestra en la Figura 1-6.

Si usted ya tiene alguna experiencia con Visual Studio es posible que se usa para presionar F5 en su lugar. si utiliza esta opcin , el sitio se abre en modo de depuracin y usted puede conseguir un cuadro de dilogo preguntando si desea para habilitar la depuracin (que puede hacerlo con seguridad ) . Depuracin con F5 se discute en el captulo 18 , y le aconsejan utilizar las teclas Ctrl + F5 hasta entonces. Si aparece una barra de informacin de advertencia sobre la configuracin de la intranet en Internet Explorer, haga clic en Activar

Ajustes Intranet . Si no puede ver la fecha y hora en la pgina, o si se produce un error , examinar de nuevo el cdigo en el mensaje de bienvenida . Se inicia con un ngulo soporte ( < ) seguido por un smbolo de porcentaje y dos puntos . cierra con un solo signo de porcentaje y otro corchete angular (>). adems, asegrese de que ha escrito en el cdigo exactamente como se muestra aqu, incluyendo capitalizacin . Esto es especialmente cierto cuando se utiliza C # , ya que el lenguaje es el caso sensible. 9 . Observe cmo ha aparecido un pequeo icono que representa IIS Express en la barra de la bandeja de Windows visible en la Figura 1-7 .

Si ve un icono diferente , haga clic en su sitio en VS y seleccione Usar IIS Express. Si no lo hace ver el icono en la bandeja, haga clic en la flecha cerca de los otros iconos de la bandeja de Windows y haga clic en el Opcin Personalizar . A continuacin, establezca la bandeja del sistema IIS Express para Mostrar icono y cationes notificacin . El icono pertenece al servidor web incorporado llamado IIS Express. Este servidor web ha sido iniciado por VS automticamente para atender la solicitud de la pgina . Se aprende ms acerca de cmo los procesos del servidor web su pgina ms adelante en este captulo. Eso es todo. Acaba de crear su sitio web ASP.NET fi rst muy con Visual Studio. Cmo funciona? Aunque el sitio web que ha creado en este probarlo es muy simple , el proceso que eventualmente resulta en la pgina Default.aspx que se muestra en el navegador no es tan simple. Por s mismo , una pgina ASP.NET

( tambin conocida como una pgina ASPX , debido a su extensin, o un formulario web) no puede hacer mucho . Tiene que procesar y servido por un servidor web antes de que su navegador pueda mostrarlo. Es por eso que VS automticamente puesto en marcha IIS Express para gestionar la solicitud de la pgina. A continuacin, se puso en marcha su web por defecto navegador y dirigido a la direccin del servidor web ( en http://localhost:49474/Default.aspx el Try It Out ejemplo) , aunque el nmero de puerto real en la direccin puede cambiar cada vez que iniciar el servidor web, ya que es escogido al azar por VS . Es importante darse cuenta que el fi le ASPX que modifi carse en VS no es la misma que la que eventualmente consigue mostrada por el navegador . Cuando se crea una pgina en VS , agrega marcado para ello. El marcado en una pgina ASPX es una combinacin de HTML , el cdigo para controles de servidor ASP.NET (que se aprende ms acerca de en este captulo y en Captulo 4 ) , el cdigo escrito en Visual Basic.NET o C # , y ms. Cuando solicita una pgina ASPX en su navegador , el servidor web procesa la pgina , ejecuta cualquier cdigo de servidor que fi nds en el fi chero, y efectivamente transforma el marcado de ASP.NET en la versin HTML que a continuacin, enva al navegador , en el que se muestra . En la anterior probarlo, el HTML resultante hace que el navegador para mostrar la fecha y hora actuales. HTML, o HyperText Markup Language , es el lenguaje que utilizan los navegadores para mostrar una pgina web. Usted aprender cmo luce HTML y cmo usarlo ms adelante en este captulo. Para ver cmo el cdigo HTML fi nal se diferencia de la original de la pgina ASPX , abra la fuente de la pgina en

su navegador . En la mayora de los navegadores , se puede abrir la ventana de cdigo fuente , haga clic en la pgina de la navegador y seleccionando Ver cdigo fuente de la pgina o Vista . Esto nos lleva a su editor de texto predeterminado , mostrando el cdigo HTML de la pgina. Si ya ha cerrado el navegador despus de la anterior Try It Out, pulse Ctrl + F5 en VS para abrir la pgina y seleccione Ver cdigo . Desplcese hacia abajo en la fuente de fi -le- hasta que vea la lnea con el texto de bienvenida . Observe cmo en lugar de la cdigo entre las etiquetas , que ahora ven la fecha y hora actual : <h2> Hello World < / h2 > <p> Bienvenido a partir ASP.NET 4.5 en 8/31/2012 02:13:15 AM < / p> Cuando el servidor web procesa la pgina, se levant de la fecha y la hora actuales del servidor y insertado en el cdigo HTML que lo mand directo al navegador. Dependiendo de la configuracin de idioma de su Instalacin de Windows , puede ver la fecha y la hora con formato diferente para dar cabida a la Configuracin regional de Windows .