Gerardo Sanz. Formación en Informática

Error al crear una base de datos local en ASP.NET con Visual Studio 2010

admin — Thu, 03 May 2012 10:23:35 +0000

“no se pudo generar una instancia de usuario de sql server debido a un error al iniciar el proceso para la instancia de usuario.”

SOLUCIÓN:

WINDOWS 7 y VISTA: Eliminar el directorio C:\Users\username\AppData\Local\Microsoft\Microsoft SQL Server Data\SQLEXPRESS
Otro Sistema Operativo: Eliminar el directorio C:\Documents and Settings\username\Local Settings\Application Data\Microsoft\Microsoft SQL Server Data\SQLEXPRESS

Maximum request length

admin — Wed, 02 May 2012 20:38:37 +0000

http://msdn.microsoft.com/es-es/e1f13641.aspx

http://weblogs.asp.net/hosamkamel/archive/2007/09/18/resolving-maximum-request-length-exceeded-exception.aspx

‘Operation is not valid due to the current state of the object’ error during postback

admin — Wed, 11 Apr 2012 17:19:14 +0000

http://support.aspnetdating.com/forums/2/topics/17127

http://stackoverflow.com/questions/8684049/asp-net-ms11-100-how-can-i-change-the-limit-on-the-maximum-number-of-posted-for

Los 7 hábitos del programador altamente efectivo

admin — Thu, 15 Mar 2012 07:39:17 +0000

Proactividad: en lugar de quejarte ante los problemas toma la iniciativa para resolver el problema.
Comienza con el final en mente: el desarrollo guiado por pruebas (TDD) y el guiado por comportamientos (BDD) son grandes técnicas a tener en cuenta. Piensa a dónde quieres llegar con cada tarea, incluso con los objetivos de cada día, antes de ponerte a trabajar.
Lo primero es lo primero: cada día hay muchos incendios que apagar y muchas tareas que acometer, pero realmente ¿pensamos siempre en cuáles son de verdad importantes y las priorizamos?
Piensa en una situación win-win: cuando tengas una discrepancia con un cliente o un compañero siempre hay formas de llegar a un entendimiento y una situción favorable para todos.
Busca en primer lugar entender, después ser entendido: el estándar suele ser más correcto que nosotros en la mayor parte de los casos, así que aprende antes de lanzarte.
Sinergia, el todo es mayor que la suma de las partes: una solución simple y bien dividida no es estúpida, es el resultado de muchas horas pensando, explorando posibilidades y probando hasta llegar a un modelo sólido.
Afila la sierra: cuando cortas madera es mucho en lugar de cortar sin parar el tronco es mucho más productivo parar de vez en cuando a afilar la sierra. Lo primero conduce a mucho esfuerzo y una sierra rota. Lo segundo a un esfuerzo menor y el resultado buscado. Corolario: Fórmate de manera continua en las tencologías que no dominas y tendrás una sierra mucho más afilada.

El artículo completo aquí (inglés): “The 7 habits of highly effective developers“

Sacar ventana de WPF en otro monitor

admin — Wed, 15 Feb 2012 13:04:23 +0000

Desde el evento Loaded de la ventana llamamos al siguiente código

privatevoid ShowInMonitor(int screen)

{

this.WindowStartupLocation = System.Windows.WindowStartupLocation.Manual;

this.Left = System.Windows.Forms.Screen.AllScreens[screen].Bounds.Left;

this.Top = System.Windows.Forms.Screen.AllScreens[screen].Bounds.Top;

this.Width = System.Windows.Forms.Screen.AllScreens[screen].Bounds.Width;

this.Height = System.Windows.Forms.Screen.AllScreens[screen].Bounds.Height;

this.WindowState = WindowState.Maximized;

this.Topmost = true;

WindowState = System.Windows. WindowState.Maximized;

this.Show();

}

Acceder a un control definido en una plantilla WPF

admin — Fri, 10 Feb 2012 12:10:27 +0000

Supongamos que tenemos

Queremos acceder a los controles definidos en la DataTemplate "itemVentaDT"

 DependencyObject oooo=VisualTreeHelper.GetChild(cntNuevoProducto,0);
 ContentPresenter cp=(ContentPresenter)oooo;
 TextBox n = (TextBox)cntNuevoProducto.ContentTemplate.FindName("txtboxDescripItem",cp );

Trabajando con Datos

admin — Sun, 28 Aug 2011 14:57:06 +0000

Trabajar con Datos

Podemos crear una base de datos de Sql Server Compact

Sacar Datos de la Base de Datos

Creamos un archivo ListProduct.cshtml

var db = Database.Open(“prueba”);

var selectQueryString = “SELECT * FROM Product ORDER BY Name”;

}

<head>

<title>Small Bakery Products

<style>

table, th, td {

border: solid 1px #bbbbbb;

border-collapse: collapse;

padding: 2px;

}

style>

head>

<body>

<h1>Small Bakery Products

<table>

<thead>

<tr>

<th>Id

<th>Product

<th>Description

<th>Price

tr>

thead>

<tbody>

@foreach(var row in db.Query(selectQueryString)){

<tr>

<td>@row.Id

<td>@row.Name

<td>@row.Description

<td>@row.Price

tr>

}

tbody>

table>

body>

2.- Insertar

var db = Database.Open(“prueba”);

var Name = Request["Name"];

var Description = Request["Description"];

var Price = Request["Price"];

if (IsPost) {

// Read product name.

Name = Request["Name"];

if (Name.IsEmpty()) {

ModelState.AddError(“Name”, “Product name is required.”);

}

// Read product description.

Description = Request["Description"];

if (Description.IsEmpty()) {

ModelState.AddError(“Description”,

“Product description is required.”);

}

// Read product price

Price = Request["Price"];

if (Price.IsEmpty()) {

ModelState.AddError(“Price”, “Product price is required.”);

}

// Define the insert query. The values to assign to the

// columns in the Product table are defined as parameters

// with the VALUES keyword.

if(ModelState.IsValid) {

var insertQuery = “INSERT INTO Product (Name, Description, Price) ” +

“VALUES (@0, @1, @2)”;

db.Execute(insertQuery, Name, Description, Price);

// Display the page that lists products.

Response.Redirect(@Href(“~/ListProducts”));

}

<title>Add Products

label {float:left; width: 8em; text-align: right;

margin-right: 0.5em;}

fieldset {padding: 1em; border: 1px solid; width: 35em;}

legend {padding: 2px 4px; border: 1px solid; font-weight:bold;}

.validation-summary-errors {font-weight:bold; color:red; font-size: 11pt;}

style>

<h1>Add New Product

@Html.ValidationSummary(“Errors with your submission:”)

<legend>Add Product

<div>

<label>Name:

div>

<div>

<label>Description:

<input name=”Description” type=”text” size=”50″

value=”@Description” />

div>

<div>

<label>Price:

div>

<div>

<label>

div>

fieldset>

form>

3.- Actualizar Datos

var db = Database.Open(“prueba”);

var selectQueryString = “SELECT * FROM Product ORDER BY Name”;

}

<title>Edit Products

table, th, td {

border: solid 1px #bbbbbb;

border-collapse: collapse;

padding: 2px;

}

style>

<h1>Edit Small Bakery Products

<table>

<thead>

<tr>

<th>

<th>Name

<th>Description

<th>Price

tr>

thead>

<tbody>

@foreach (var row in db.Query(selectQueryString)) {

<tr>

<td>Edit

<td>@row.Name

<td>@row.Description

<td>@row.Price

tr>

}

tbody>

table>

Creamos otro archivo llamado UpdateProduct

var db = Database.Open(“prueba”);

var selectQueryString = “SELECT * FROM Product WHERE Id=@0″;

var ProductId = UrlData[0];

if (ProductId.IsEmpty()) {

Response.Redirect(@Href(“~/EditProducts”));

}

var row = db.QuerySingle(selectQueryString, ProductId);

var Name = row.Name;

var Description = row.Description;

var Price = row.Price;

if (IsPost) {

Name = Request["Name"];

if (String.IsNullOrEmpty(Name)) {

ModelState.AddError(“Name”, “Product name is required.”);

}

Description = Request["Description"];

if (String.IsNullOrEmpty(Description)) {

ModelState.AddError(“Description”,

“Product description is required.”);

}

Price = Request["Price"];

if (String.IsNullOrEmpty(Price)) {

ModelState.AddError(“Price”, “Product price is required.”);

}

if(ModelState.IsValid) {

var updateQueryString =

“UPDATE Product SET Name=@0, Description=@1, Price=@2 WHERE Id=@3″ ;

db.Execute(updateQueryString, Name, Description, Price, ProductId);

Response.Redirect(@Href(“~/EditProducts”));

}

<title>Add Products

label { float: left; width: 8em; text-align: right;

margin-right: 0.5em;}

fieldset { padding: 1em; border: 1px solid; width: 35em;}

legend { padding: 2px 4px; border: 1px solid; font-weight: bold;}

.validation-summary-errors {font-weight:bold; color:red; font-size:11pt;}

style>

<h1>Update Product

@Html.ValidationSummary(“Errors with your submission:”)

<legend>Update Product

<div>

<label>Name:

div>

<div>

<label>Description:

<input name=”Description” type=”text” size=”50″

value=”@Description” />

div>

<div>

<label>Price:

div>

<div>

<label>

div>

fieldset>

form>

4. Borrar Datos

Creamos el archivo ListProductsForDelete.cshtml

var db = Database.Open(“prueba”);

var selectQueryString = “SELECT * FROM Product ORDER BY Name”;

}

<title>Delete a Product

<style>

table, th, td {

border: solid 1px #bbbbbb;

border-collapse: collapse;

padding: 2px;

}

style>

<h1>Delete a Product

<thead>

<tr>

<th>

<th>Name

<th>Description

<th>Price

tr>

thead>

<tbody>

@foreach (var row in db.Query(selectQueryString)) {

<tr>

<td>Delete

<td>@row.Name

<td>@row.Description

<td>@row.Price

tr>

}

tbody>

table>

form>

Creamos DeleteProduct

var db = Database.Open(“prueba”);

var ProductId = UrlData[0];

if (ProductId.IsEmpty()) {

Response.Redirect(@Href(“~/ListProductsForDelete”));

}

var prod = db.QuerySingle(“SELECT * FROM PRODUCT WHERE ID = @0″, ProductId);

if( IsPost && !ProductId.IsEmpty()) {

var deleteQueryString = “DELETE FROM Product WHERE Id=@0″;

db.Execute(deleteQueryString, ProductId);

Response.Redirect(“~/ListProductsForDelete”);

}

<title>Delete Product

<h1>Delete Product – Confirmation

<p>Are you sure you want to delete the following product?

<p>Name: @prod.Name

Description: @prod.Description

Price: @prod.Price

<p>

form>

5.- Conectando a la base de datos

Podemos conectar a la base de datos de dos formas:

La primera es usar Database.Open y especificar el nombre del fichero de la base de datos

var db = Database.Open("prueba");

La segunda opción es utilizar una cadena de conexión en el archivo web.xml

name=”SQLServerConnectionString”

connectionString= “server=myServer;database=myDatabase;uid=username;pwd=password”

providerName=”System.Data.SqlClient” />

var db = Database.Open(“SQLServerConnectionString”);

}

Trabajando con Formularios

admin — Sun, 28 Aug 2011 10:50:00 +0000

Trabajando con Formularios

Creamos un archivo Form.cshtml

<head>

<title>Customer Form

head>

<body>

<legend>Add Customer

<div>

<label for=”CompanyName”>Company Name:

div>

<div>

<label for=”ContactName”>Contact Name:

div>

<div>

<label for=”Employees”>Employee Count:

div>

<div>

<label>

div>

fieldset>

form>

body>

1.- Leer entrada de usuario desde Form

Al principio de Form colocamos

if (IsPost) {

string companyname = Request["companyname"];

string contactname = Request["contactname"];

int employeecount = Request["employees"].AsInt();

You entered:

Company Name: @companyname

Contact Name: @contactname

Employee Count: @employeecount

}

2.- Validar entrada de usuario

En form reemplazamos el código inicial por:

if (IsPost) {

var errors = false;

var companyname = Request["companyname"];

if (companyname.IsEmpty()) {

errors = true;

@:Company name is required.

}

var contactname = Request["contactname"];

if (contactname.IsEmpty()) {

errors = true;

@:Contact name is required.

}

var employeecount = 0;

if (Request["employees"].IsInt()) {

employeecount = Request["employees"].AsInt();

} else {

errors = true;

@:Employee count must be a number.

}

if (errors == false) {

You entered:

Company Name: @companyname

Contact Name: @contactname

Employee Count: @employeecount

} }

}

3.- Restaura Valores de Formulario después de PostBack

<head>

<title>Customer Form

head>

<body>

<legend>Add Customer

<div>

<label for=”CompanyName”>Company Name:

<input type=”text” name=”CompanyName”

value=”@Request["companyname"]” />

div>

<div>

<label for=”ContactName”>Contact Name:

<input type=”text” name=”ContactName”

value=”@Request["contactname"]” />

div>

<div>

<label for=”Employees”>Employee Count:

div>

<div>

<label>

div>

fieldset>

form>

body>

Crear un aspecto uniforme con WebMatrix

admin — Sun, 28 Aug 2011 10:04:13 +0000

1.- Bloques de contenido reusable

Muchos sitios web tienen contenido que se muestra en cada
página, como un encabezado y pie de página o un cuadro que indica a los
usuarios que están registrados.

ASP.NET le permite crear un archivo separado con un bloque
de contenido que puede contener texto, marcado y código, al igual que una
página web normal.

A continuación, puede
insertar el bloque de contenido de otras páginas en el sitio donde desea que
aparezca la información.

De esa manera usted no
tiene que copiar y pegar el mismo contenido en cada página. La creación de
contenidos comunes, como esto también hace que sea más fácil de actualizar su
sitio.

Si necesita cambiar
el contenido, sólo tiene que actualizar un solo archivo, y los cambios se
reflejan en todas partes el contenido se ha insertado.

Vamos a crear una página que hace referencia a dos bloques
de código de contenido que se encuentran en archivos separados.

Main Page

Index Page Content

This is the content of the main page.

Creamos una carpeta Shared

Creamos un fichero llamado _Header.cshtml

This is header text.

ASP.NET no enviará un archivo que comience con _

Creamos
otro archivo _Footer.cshmtl

En el Index

Main Page

@RenderPage(“/Shared/_Header.cshtml”)

Index Page Content

This is the content of the main page.

@RenderPage(“/Shared/_Footer.cshtml”)

Al ejecutar la página, en el navegador llega el siguiente
código

Main Page

This is header text.

Index Page
Content

This is the
content of the main page.

2.- Creación de un aspecto coherente utilizando páginas de diseño

Hasta ahora hemos visto que es fácil incluir el mismo
contenido en varias páginas.

Un enfoque más estructurado para crear un aspecto coherente para
un sitio es el uso de páginas de diseño.

Una página de diseño
define la estructura de una página web, pero no contiene ningún contenido real.

Después de haber
creado una página de diseño, puede crear páginas web que contienen el contenido
y luego vincularlos a la página de diseño. Cuando estas páginas se muestran,
van a ser formateadas de acuerdo con la página de diseño.

El diseño de página es igual que cualquier página HTML, excepto que contiene una
llamada al método RenderBody. La posición del método RenderBody en el diseño de
página determina donde se incluye la
información de la página de contenido.

El siguiente diagrama muestra cómo las páginas de contenido y páginas de diseño
se combinan en tiempo de ejecución para producir la página web terminado.

El navegador solicita
una página de contenido. La página de contenido tiene un código que especifica que
en la página de diseño para el uso de la estructura de la página.

En la página de diseño, el contenido se insertará en el
punto donde se llama al método RenderBody.

Los Bloques de
contenido también se pueden insertar en la página de diseño llamando al método RenderPage.

EN la carpeta Shared creamos un archivo llamado
_Layout1.cshtml

Structured Content

@RenderPage(“/Shared/_Header2.cshtml”)

@RenderBody()

Usamos el método RenderPage en la página de layout para
insertar los bloques de contenido.

Una página de Layout sólo puede tener una llamada a
RenderBody.

En la carpeta Shared creamos el archivo _Header2.cshtml

En la raíz creamos una carpeta llamada Styles

Creamos un archivo syte.css

h1 {
border-bottom: 3px solid #cc9900;

font: 2.75em/1.75em Georgia, serif;

color: #996600;

}

ul {

list-style-type: none;

}

body {

margin: 0;

padding: 1em;

background-color: #ffffff;

font: 75%/1.75em “Trebuchet MS”,
Verdana, sans-serif;

color: #006600;

}

#list {

margin: 1em 0 7em -3em;

padding: 1em 0 0 0;

background-color: #ffffff;

color: #996600;

width: 25%;

float: left;

}

#header, #footer {

margin: 0;
padding: 0;
color: #996600;

}

EN la carpeta raiz creamos un archivo Content1.cshtml

Layout = “/Shared/_Layout1.cshtml”;

}

Structured Content

Lorem ipsum dolor sit amet, consectetur
adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in

reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla

pariatur. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia
deserunt mollit anim id est laborum.

Ejecutamos
Content1.cshtml

3.- Diseño de páginas Layout que tienen Múltiples secciones de contenido

Una página de contenido puede tener varias secciones, lo
cual es útil si desea usar diseños que tienen varias áreas de contenido reemplazable.

En la página de
contenido, dar a cada sección un nombre único. (En la sección por defecto se
deja sin nombre.)

En la página de diseño, agregue un método RenderBody para especificar
el de la sección que debe aparecer.

A continuación,
agrega métodos distintos RenderSection el fin de hacer llamadas a las secciones
individualmente.

En la carpeta Shared creamos un archivo _Layout2.cshtml

Multisection Content

@RenderSection(“list”)

@RenderBody()

Usamos RenderSection para renderizar ambas secciones.

En la raiz creamos Content2.cshtml

Layout = “/Shared/_Layout2.cshtml”;

}

@section header {

}

@section list {

Lorem

Ipsum

Dolor

Consecte

Eiusmod

Tempor

Incididu

}

Multisection Content

Lorem ipsum dolor sit amet, consectetur
adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in

reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla

pariatur. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia
deserunt mollit anim id est laborum.

4.- Secciones de Contenido opcionales

En Content2 quitamos

@section header {

}

Obtenemos un error porque no disponemos de la sección
header

Podemos marcar una sección como opcional de la siguiente
forma

@RenderSection(“header”,
required: false)

Otra posibilidad puede ser:

@if (IsSectionDefined(“header”)) {
@RenderSection(“header”)

}

5.- Pasar Datos a la página de Layout

Es posible que haya datos definidos en la página de
contenido que es necesario hacer referencia en una página de diseño.

Si es así, tiene que
pasar los datos de la página de contenido a la página de diseño. Por ejemplo,
puede que desee mostrar el estado de conexión de un usuario, o es posible que
desee mostrar u ocultar las áreas de contenido sobre la base de datos del
usuario.

EN la raiz creamos Content3

@{
Layout = “/Shared/_Layout3.cshtml”;

PageData["Title"] = “Passing Data”;

PageData["ShowList"] = true;

if (IsPost) {

if (Request["list"] == “off”) {

PageData["ShowList"] = false;

}

@section header {

}

@PageData["Title"]

Lorem ipsum dolor sit amet, consectetur
adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in

reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla

pariatur. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

@if (PageData["ShowList"] == true) {

}

else {

}

El código almacena datos en PageData.

En la carpeta Shared creamos Layout3

@PageData["Title"]

@if (PageData["ShowList"] == true) {

@RenderPage(“/Shared/_List.cshtml”)

}

@RenderBody()

En la carpeta Shared creamos un archivo _List

Lorem

Ipsum

Dolor

Consecte

Eiusmod

Tempor

Incididu

6.- Crear y Usar Helper

Creamos una carpeta App_Code

Creamos un archivo llamado MyHelpers

@helper MakeNote(string content) {

Note @content

}

El código usa @helper para declarar un nuevo helper
llamado MakeNote

En la raiz creamos un archivo TextHelper

Test Helpers Page

This is some opening paragraph text.

@MyHelpers.MakeNote(“My test note content.”)

This is some following text.

Programar Web ASP.NET con Razor

admin — Sat, 27 Aug 2011 18:49:42 +0000

Programar Web ASP.NET con Razor

1.- Añadir código a una página con @

El carácter @ comienza expresiones en línea, los bloques de una sola declaración, y bloques de varias declaraciones:

<head>

<title>Pruebas

head>

<body>

–>

@{ var total = 7; }

@{ var myMessage = “Hello World”; }

The value of your account is: @total

The value of myMessage is: @myMessage

var greeting = “Welcome to our site!”;

var weekDay = DateTime.Now.DayOfWeek;

var greetingMessage = greeting + ” Today is: ” + weekDay;

}

The greeting is: @greetingMessage

body>

2.- Incluir los bloques de código entre llaves

<head>

<title>Pruebas

head>

<body>

–>

@{ var theMonth = DateTime.Now.Month; }

The numeric value of the current month: @theMonth

var outsideTemp = 79;

var weatherMessage = “Hello, it is ” + outsideTemp + ” degrees.”;

}

Today’s weather: @weatherMessage

body>

3.- Dentro de un bloque, se termina cada instrucción de código con un punto y coma

<head>

<title>Pruebas

head>

<body>

@{ var theMonth = DateTime.Now.Month; }

var outsideTemp = 79;

var weatherMessage = “Hello, it is ” + outsideTemp + ” degrees.”;

}

Today’s weather: @weatherMessage

body>

4.- Usar variables para almacenar datos

<head>

<title>Pruebas

head>

<body>

@{ var welcomeMessage = “Welcome, new members!”; }

@welcomeMessage

@{ var year = DateTime.Now.Year; }

Welcome to our new members who joined in @year!

body>

5.- Incluir los valores de cadena literal entre comillas dobles

Una cadena es una secuencia de caracteres que se tratan como texto.

Para especificar una cadena, se pone entre comillas dobles:

@{ var myString = “This is a string literal”; }

Si la cadena que desea mostrar contiene un carácter de barra invertida (\) o comillas dobles.

<head>

<title>Pruebas

head>

<body>

@{ var myFilePath = @”C:\MyFolder\”; }

The path is: @myFilePath

body>

Para incrustar comillas dobles, utilice una cadena literal y repetir las comillas:

<head>

<title>Pruebas

head>

<body>

@{ var myQuote = @”The person said: “”Hello, today is Monday.”"”; }

@myQuote

body>

6.- El código es sensible a mayúsculas

var lastName = “Smith”;

var LastName = “Jones”;

}

7.- Gran parte de su codificación implica objetos

<head>

<title>Pruebas

head>

<body>

<td>Requested URL

<td>Relative Path

<td>Full Path

<td>HTTP Request Type

<td>@Request.Url

<td>@Request.FilePath

<td>@Request.MapPath(Request.FilePath)

<td>@Request.RequestType

body>

8.- Se puede escribir código que tome decisiones

var result = “”;

if(IsPost)

{

result = “This page was posted using the Submit button.”;

}

else

{

result = “This was the first request for this page.”;

}

<head>

<title>

head>

body>

9.- Ejemplo de código

var total = 0;

var totalMessage = “”;

if(IsPost) {

// Retrieve the numbers that the user entered.

var num1 = Request["text1"];

var num2 = Request["text2"];

// Convert the entered strings into integers numbers and add.

total = num1.AsInt() + num2.AsInt();

totalMessage = “Total = ” + total;

}

<head>

<title>Add Numbers

body {background-color: beige; font-family: Verdana, Arial;

margin: 50px; }

form {padding: 10px; border-style: solid; width: 250px;}

style>

head>

<p>Enter two whole numbers and then click Add.

<p>First Number:

<p>Second Number:

<p>

form>

<p>@totalMessage

10.- La sintaxis Razor, Server Code, y ASP.NET

La sintaxis de Razor es una sintaxis de programación sencillo para incrustar código basado en servidor en una página web. En una página web que utiliza la sintaxis Razor, hay dos tipos de contenidos: El contenido de código de cliente y servidor.

Contenido del cliente es el material que está acostumbrado en las páginas web: el formato HTML (elementos), información de estilo como CSS, el script de cliente, como JavaScript, y el texto.

La sintaxis de Razor le permite agregar el código del servidor para este contenido cliente. Si no hay código de servidor en la página, el servidor ejecuta el código en primer lugar, antes de enviar la página al navegador. Ejecutando en el servidor, el código puede realizar tareas que pueden ser mucho más complejas que solo el contenido del cliente, como acceso a bases de datos basadas en servidor. Lo más importante es que el código del servidor puede crear dinámicamente el contenido del cliente – puede generar código HTML o de otros contenidos sobre la marcha y luego enviarlo al navegador, junto con todo el código HTML estático que la página puede contener. Desde el contenido del navegador del cliente perspectiva, que se genera por el código del servidor no es diferente de cualquier contenido de otros clientes. Como ya has visto, el código del servidor que se necesita es bastante simple.

Las páginas web que incluyen la sintaxis Razor tienen una extensión de archivo especial (. Cshtml o vbhtml.). El servidor reconoce estas extensiones, se ejecuta el código que está marcado con la sintaxis de Razor, y luego envía la página al navegador.

La Sintaxis Razor se basa en una tecnología de Microsoft llamada ASP.NET, que a su vez se basa en la plataforma Microsoft. NET Framework. The.NET Framework es un framework grande, la programación completa de Microsoft para el desarrollo de prácticamente cualquier tipo de aplicación informática.

ASP.NET es la parte de. NET Framework, que está específicamente diseñado para la creación de aplicaciones web. Los desarrolladores han utilizado ASP.NET para crear muchos de los sitios web más grandes y de mayor tráfico del mundo. (Cada vez que veas la extensión de nombre de archivo. Aspx como parte de la URL de un sitio, usted sabrá que el sitio fue creado con ASP.NET.)

La sintaxis de Razor le da todo el poder de ASP.NET, pero con una sintaxis simplificada que es más fácil de utilizar si usted es un. A pesar de que esta sintaxis es muy simple de usar, su relación familiar con ASP.NET y. NET Framework significa que a medida que sus sitios web se vuelven más sofisticados, tienen el poder de los frameworks más grandes disponibles para usted.

11.- Combinando Texto, Markup, y Código en Bloques de Código

Escriba el texto en un elemento HTML como

o :

@if(IsPost) {

    // This line has all content between matched
tags.

    <p>Hello, the time is @DateTime.Now and this page is a postback!

} else {

    // All content between matched tags, followed by server code.

    <p>Hello stranger, today is:

@DateTime.Now

}

Utilice el operador @: o el elemento .

La salida @: se utiliza para una sola línea de contenido que contienen texto o etiquetas HTML

El elemento encierra varias líneas de producción. Estas opciones son útiles cuando no se desea representar un elemento HTML, como parte de la producción.

@if(IsPost) {

    // Plain text followed by an unmatched HTML tag and server code.

    @: The time is:
@DateTime.Now

    // Server code and then plain text, matched tags, and more text.

    @DateTime.Now @:is the current time.

}

Si desea la salida de varias líneas de texto o etiquetas HTML puede preceder a cada línea con @: o puede incluir la línea en un elemento . Al igual que el @: operador, las etiquetas son utilizados por ASP.NET para identificar el contenido del texto.

@if(IsPost) {

    // Repeat the previous example, but use tags.



    The time is:
@DateTime.Now

    @DateTime.Now is the current time.



}

@{

    var minTemp = 75;

    It is the month of @DateTime.Now.ToString(“MMMM”), and

    it’s a great day!
You can go swimming if it’s at

    least @minTemp degrees.

}

12.- Código y Comentarios

Empezamos el comentario con @* y cerramos con *@.

@* A one-line code comment. *@

@*

    This is a multiline code comment.

    It can continue for any number of lines.

*@

Comentario dentro de un bloque de código

@{

    @* This is a comment. *@

    var theVar = 17;

}

13.- Variables y Tipos de datos

@{

    // Assigning a string to a variable.

    var greeting = “Welcome!”;

    // Assigning a number to a variable.

    var theCount = 3;

    // Assigning an expression to a variable.

    var monthlyTotal = theCount + 5;

    // Assigning a date value to a variable.

    var today = DateTime.Today;

    // Assigning the current page’s URL to a variable.

    var myPath = this.Request.Url;

    // Declaring variables using explicit data types.

    string name = “Joe”;

    int count = 5;

    DateTime tomorrow = DateTime.Now.AddDays(1);

}

@{

    // Embedding the value of a variable into HTML markup.

    <p>@greeting, friends!

    // Using variables as part of an inline expression.

    <p>The predicted annual total is: @( monthlyTotal * 12)

    // Displaying the page URL with a variable.

    <p>The URL to this page is: @myPath

}

14.- Convertir y Testear Tipos de Datos

@{

    var total = 0;

    if(IsPost) {

        // Retrieve the numbers that the user entered.

        var num1 = Request["text1"];

        var num2 = Request["text2"];

        // Convert the entered strings into integers numbers and add.

        total = num1.AsInt() + num2.AsInt();

    }

}

15.- El Operador ~.

Raiz del path virtual.

@{

    var myImagesFolder = “~/images”;

    var myStyleSheet = “~/styles/StyleSheet.css”;

}

16.- Server.MapPath

Convierte el path virtual a físico

@{

    var dataFilePath = “~/dataFile.txt”;

}

–>

@Server.MapPath(dataFilePath)

17.- El método Href.

Convierte las rutas que se crea en el código del servidor a path que entiende los navegadores.

@{

    var myImagesFolder = “~/images”;

    var myStyleSheet = “~/styles/StyleSheet.css”;

}

–>

18.- Condiciones

@{

var showToday = true;

if(showToday)

{

    @DateTime.Today;

}

}

@{

var showToday = false;

if(showToday)

{

    @DateTime.Today;

}

else

{

    Sorry!

}

}

También podemos utilizar else if

@{

    var theBalance = 4.99;

    if(theBalance == 0)

    {

        <p>You have a zero balance.

    }

    else if (theBalance > 0 && theBalance <= 5)

    {

        <p>Your balance of $@theBalance is very low.

    }

    else

    {

        <p>Your balance is: $@theBalance

    }

}

Otro ejemplo:

@{

    var weekday = “Wednesday”;

    var greeting = “”;

    switch(weekday)

    {

        case “Monday”:

            greeting = “Ok, it’s a marvelous Monday”;

            break;

        case “Tuesday”:

            greeting = “It’s a tremendous Tuesday”;

            break;

        case “Wednesday”:

            greeting = “Wild Wednesday is here!”;

            break;

        default:

            greeting = “It’s some other day, oh well.”;

            break;

    }

    <p>Since it is @weekday, the message for today is: @greeting

}

19.- Iteraciones

Utilizamos @for

@for(var i = 10; i < 21; i++)

{

    <p>Line #: @i

}

En este caso utilizamos @foreach

@foreach (var myItem in Request.ServerVariables)

{

    <li>@myItem

}

Un While

@{

    var countNum = 0;

    while (countNum < 50)

    {

        countNum += 1;

        <p>Line #@countNum:

    }

}

20.- Objeto Request

@{

    var path = Request.FilePath;

}

@{

    var path1 = this.Request.FilePath;

}

@{

    // Access the page’s Request object to retrieve the Url.

    var pageUrl = this.Request.Url;

}

My page

21.- Colecciones de Objetos

@* Array block 1: Declaring a new array using braces. *@

@{

    <h3>Team Members

    string[] teamMembers = {“Matt”, “Joanne”, “Robert”, “Nancy”};

    foreach (var person in teamMembers)

    {

        <p>@person

    }

}

Otro ejemplo

@{

    string[] teamMembers = {“Matt”, “Joanne”, “Robert”, “Nancy”};

    <p>The number of names in the teamMembers array: @teamMembers.Length

    <p>Robert is now in position: @Array.IndexOf(teamMembers, “Robert”)

    <p>The array item at position 2 (zero-based) is @teamMembers[2]

    <h3>Current order of team members in the list

    foreach (var name in teamMembers)

    {

        <p>@name

    }

    <h3>Reversed order of team members in the list

    Array.Reverse(teamMembers);

    foreach (var reversedItem in teamMembers)

    {

        <p>@reversedItem

    }

}

Un Diccionario

@{

    var myScores = new Dictionary();

    myScores.Add(“test1″, 71);

    myScores.Add(“test2″, 82);

    myScores.Add(“test3″, 100);

    myScores.Add(“test4″, 59);

}

My score on test 3 is: @myScores["test3"]%

@(myScores["test4"] = 79)

My corrected score on test 4 is: @myScores["test4"]%

22.- Excepciones

@{

    var dataFilePath = “~/dataFile.txt”;

    var fileContents = “”;

    var physicalPath = Server.MapPath(dataFilePath);

    var userMessage = “Hello world, the time is ” + DateTime.Now;

    var userErrMsg = “”;

    var errMsg = “”;

    if(IsPost)

    {

        // When the user clicks the “Open File” button and posts

        // the page, try to open the created file for reading.

        try {

            // This code fails because of faulty path to the file.

            fileContents = File.ReadAllText(@”c:\batafile.txt”);

            // This code works. To eliminate error on page,

            // comment the above line of code and uncomment this one.

            //fileContents = File.ReadAllText(physicalPath);

        }

        catch (FileNotFoundException ex) {

            // You can use the exception object for debugging, logging, etc.

            errMsg = ex.Message;

            // Create a friendly error message for users.

            userErrMsg = “A file could not be opened, please contact ”

                + “your system administrator.”;

        }

        catch (DirectoryNotFoundException ex) {

            // Similar to previous exception.

            errMsg = ex.Message;

            userErrMsg = “A directory was not found, please contact ”

                + “your system administrator.”;

        }

    }

    else

    {

        // The first time the page is requested, create the text file.

        File.WriteAllText(physicalPath, userMessage);

    }

}

    <head>

        <meta charset=”utf-8″ />

        <title>Try-Catch Statements

    head>

    <body>

    <form method=”POST” action=”" >

      <input type=”Submit” name=”Submit” value=”Open File”/>

    form>

    <p>@fileContents

    <p>@userErrMsg

    body>