PersonalizarPublicarCrear

Servidor Web (IIS Express 7.5) Base de datos (SQL Compact) Herramienta de desarrollo

PlantillasPlantillas Galería de aplicaciones web Entorno de programación: Server-side: ASP.net MVC3 “Razor” o PHPServer-side: ASP.net MVC3 “Razor” o PHP Client-side: JS, JQuery, frameworks del lado del cliente (Flash, Silverlight, etc.)Client-side: JS, JQuery, frameworks del lado del cliente (Flash, Silverlight, etc.) Entorno de programación: Server-side: ASP.net MVC3 “Razor” o PHPServer-side: ASP.net MVC3 “Razor” o PHP Client-side: JS, JQuery, frameworks del lado del cliente (Flash, Silverlight, etc.)Client-side: JS, JQuery, frameworks del lado del cliente (Flash, Silverlight, etc.)

Mayor control y potencia. Intellisense de código ASP.net. Características avanzadas de IDE (Refactorización, modelado, etc.). Descarga pequeña (20mb). Frameworks PHP y ASP.Net. Incluye IIS Express, y se pueden descargar Frameworks y aplicaciones vía WebPI.

Descarga muy grande (700mb+). Solo tecnologías Microsoft. No incluye IIS Express. Elevada complejidad para el principiante. Intellisense limitado a HTML. Herramientas orientadas al desarrollo de aplicaciones básicas. Editor simplificado de texto (sin refactorización, etc.).

@{ var name = “John Doe”; Your var name = “John Doe”; Your var name = “John Your var name = “John Your } Opción 3: Salida directa (no HTML) Opción 1: En un Bloque HTML (por ejemplo un var name = “John Doe”; Your var name = “John Doe”; Your } Opción 2: Salida directa (no HTML) con el tag especial Opción 2: Salida directa (no HTML) con el tag especial

var db = Database.Open("ArtGallery"); var product = db.Query("SELECT * FROM PRODUCTS); var db = Database.Open("ArtGallery"); var product = db.Query("SELECT * FROM PRODUCTS); } Codificación

@{ var db = Database.Open("ArtGallery"); var data = db.Query("SELECT * FROM PRODUCTS); var grid = new var db = Database.Open("ArtGallery"); var data = db.Query("SELECT * FROM PRODUCTS); var grid = new columns: grid.Columns( grid.Column("Name", "Product", style: "product"), ), grid.Column("Price", ) columns: grid.Columns( grid.Column("Name", "Product", style: "product"), ), grid.Column("Price", ) var db = Database.Open("ArtGallery"); var data = db.Query("SELECT * FROM PRODUCTS); var grid = new WebGrid( source: data, defaultSort: "Name", rowsPerPage: 3); var db = Database.Open("ArtGallery"); var data = db.Query("SELECT * FROM PRODUCTS); var grid = new WebGrid( source: data, defaultSort: "Name", rowsPerPage: 3); }

Layout.cshtml Pagina 1 Pagina 2 Pagina 3

Simple Simple Layout = "/Shared/_Layout.cshtml"; } My content goes Layout = "/Shared/_Layout.cshtml"; } My content goes here MyPage.cshtml

Layout = "/Shared/_Layout.cshtml"; Menu { Option 1 Option 2 } My content goes Layout = "/Shared/_Layout.cshtml"; Menu { Option 1 Option 2 } My content goes here MyPage.cshtml

@RenderPage("/Shared/_Footer.cshtml") @RenderPage("/Shared/_Footer.cshtml") /Shared/_Layout.cshtml © 2010 Contoso © 2010 Contoso /Shared/_Footer.cshtml

@{ Themes.Initialize("~/App_Themes","_Default"); Themes.Initialize("~/App_Themes","_Default"); }

@{ WebSecurity.InitializeDatabaseConnection("StarterSite", "UserProfile", "UserId", " ", true); WebSecurity.InitializeDatabaseConnection("StarterSite", "UserProfile", "UserId", " ", true); } /_AppStart.cshtml StarterSite database

@if (!WebSecurity.IsAuthenticated) { Response.Redirect("/Account/Login"); ( Roles.IsUserInRole("admin")) { ! (!WebSecurity.IsAuthenticated) { Response.Redirect("/Account/Login"); ( Roles.IsUserInRole("admin")) { ! }

Helpers HTML Helpers de API Hechos para hacer mas facil el mostrar código comunmente usado en una pagina. Ejemplos: Facebook, Twitter, grillas, calendarios, etc. Hechos para facilitar el acceso de API’s complejas desde el sitio. Ejemplos: Paypal, Odata, Windows Azure Storage, Servicios Web, etc.

Se y archivos CSHTML Para Helpers simples Usar código en línea Clase estática con métodos estáticos CSHTML implementados Para Helpers que usen.NET Usar una clase Helpers con clases Se desarrollan con VS2010 Usar un assembly (DLL)

@FacebookSocialPlugins.ShowLoginButton(...);

@helper HelloWorld(string name = "") { HelloWorld(string name = "") { ShowLoginButton(string buttonText = "") ShowLoginButton(string buttonText = "") }

@functions { public static string SayHello(string name) { return “Hello ” + name; { public static string SayHello(string name) { return “Hello ” + name; }