Razor Syntax

Clase 10 de 35 • Curso de ASP.NET Core

Clase anteriorSiguiente clase

Josue Alejandro Torres Gonzalez

student•

En razor cada que se abre un @ se ejecuta código c#

Alex Eugenio Gavidia Donayre

student•

Sí

Aderson Rangel Parada

student•

Correcto

José Roberto Arroyo García

company_admin•

Por si alguien tiene el mismo tema, estoy trabajando .NETCore 6.0 y para cambiar el controlador por defecto, el cambio debe hacerse en el archivo Program.cs

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=Escuela}/{action=Index}/{id?}");

Luis Bernardo Alejo Condori

student•

Grax me ayudo mucho :D

DANIEL FERNANDO HENAO GUTIERREZ

student•

gracias, me salvaste

Angel Rafael Taveras Garcia

student•

Pues :

Razor Ramon! BOOM

Rolando Mamani Salas

student•

sherry espinoza

student•

ajajaj

Miguel Prada

student•

Nota mental: es @model Escuela y NO @Model Escuela xD

Omar Ismael Martínez Gómez

student•

...De hecho: @model [NombreModelo] - Para cuando se va a declarar el tipo de modelo en la vista (Fuertemente tipada). @Model.[NombrePropiedad] - Para cuando se va a extraer un valor de una propiedad de nuestro modelo, por ejemplo.

Corríjanme si estoy mal.

Saludos.

Miguel Angel Morales Larriega

student•

A mi me salio error cuando escribi @model Escuela, // El Nombre 'Escuela' no se encontró con @Model Escuela funciona bien :/ Alguien sabe el por qué?

Daniel Quispe

student•

Le falta un live reload

Luis Alejandro Barreto Marín

student•

En Visual Studio 2022 ya lo tenemos 😁

George Mitica

student•

En modo consola: dotnet watch run

Miguel Ignacio Ramos Rebolledo

company_admin•

Razor surge de la necesidad de poder escribir un código familiar de manera rápida dentro de HTML.

Razor permite alternar entre lo que tengo en el FrontEnd código que es creado en el BackEnd para hacer que las cosas funcionen fácilmente.

Los lenguajes fuertemente tipados obligan a que hagan validaciones de tipos en tiempo de desarrollo y no en tiempo de ejecución.

Alberto Bonfante Preston

student•

Se utiliza @Model para referirse a las propiedades del objeto o del modelo dentro del código Razor que genera la vista y @model, sólo en el encabezado del código de la vista para incluir el modelo y hacerla fuertemente tipada.

Fernado Michael Acosta Panchez

student•

Al escribir @model Escuela La palabra @model se subraya con líneas rojas y genera errores....donde está mi error? Muchas gracias por su ayuda

Miguel Santoyo Lopez

student•

@model asp_net_core.Models.Escuela

De esta forma no sale el error.

Carlos Orjuela

student•

Objetivos de Razor . Son varios los objetivos que Microsoft se ha marcado en la creación de este motor de vistas, entre los que destacaríamos: .

Compacto, expresivo y fluido: buscan reducir la cantidad de código que necesitamos para crear las vistas, evitando que tengamos que denotar de una forma especial cada línea de código procedural. El compilador será lo suficientemente inteligente como para inferir, en muchas ocasiones, qué tipo de código estamos escribiendo.
Fácil de aprender: aunque esto es siempre relativo, puesto que depende del bagaje previo del desarrollador y de sus capacidades.
Funciona en cualquier editor de texto, luego no vamos a tener que estar anclados a Visual Studio o cualquier otra herramienta para crear nuestros ficheros Razor. Obviamente, el soporte al lenguaje es superior en una herramienta como Visual Studio, donde tendremos toda la potencia de IntelliSense a nuestro alcance, que, si editamos simplemente con el Block de Notas, pero la decisión última será nuestra.
Testeable: podremos crear tests unitarios de las vistas.

Los archivos que contienen Razor generalmente tienen una extensión de archivo .cshtml.

jorge Vivas

student•

quizas estoy usando una version actualizada pero las instrucciones de startup me aparecen bajo el archivo Program.cs

Joel Angel David Barrantes Palacios

student•

en net 6 es asi.

ya no existe el archivo startup.cs, solo es en program.cs y modifican lo siguiente

app.MapControllerRoute(
    name: "default",
    pattern: "{controller=School}/{action=Index}/{id?}");

Josue Alejandro Torres Gonzalez

student•

Se pueden enviar mas de un objeto como parámetro a la vista? Cómo se trabajaría con la variable @Model?

Juan Carlos Ruiz Pacheco

teacher•

Si, está en otra de las clases. Haciendo uso del ViewBagy del ViewData

Giovanny Farto

student•

Si puedes hacerlo, pero lo mas recomendable es que tu modelo sea congruente con tu vista.

Janer Tegue

student•

Razor es una sintaxis de marcado para incrustar código basado en servidor en páginas web. La sintaxis de Razor consiste en marcado de Razor, C # y HTML. Los archivos que contienen Razor generalmente tienen una extensión de archivo .cshtml . Razor también se encuentra en los archivo

Rolando Mamani Salas

student•

!!!

David Galicia

student•

Jaaja que buena referencia a la lucha libre

Rolando Mamani Salas

student•

Jonathan Rangel Bernal

student•

Por cierto, si quieren comentar su codigo en los archivos *.cshtml pueden hacer uso del mismo simbolo usado en HTML puro, <!– y –>, por ejemplo:

Steve Aragon

student•

Si quieres puedes comentar de esta manera que corresponde mas al framework. @* Esto es un comentario *@

Felipe de Jesús Galindo Aguilar

student•

¿Puedo pasar varios modelos a la vista?, o el modelo toma como tal el objeto que le pasemos, por ejemplo un array de objetos.

Cristhian Franco

student•

Muy buena pregunta y la respuesta es si, pero debe crearse una clase modelo que contenga una lista de cada uno de los objetos a usar de cada modelo correspondiente, si no me explico aqui esta un ejemplo:

public class ContenedorDeModelos
{
	public List<Modelo1> Cursos {get; set;}
	public List<Modelo2> Almunos {get; set;}
	public List<Modelo3> Evaluaciones {get; set;}
	
	public void GenerarListas()
	{
		//Se generan las listas.
	}
}
.
.
.
public class ViewController
{	
	public ActionResult ViewName()
	}
		ContenedorDeModelos dummy =
			    new ContenedorDeModelos();
		dummy.GenerarListas();
		return View(dummy);
	{
}

Ivan Ramos Sánchez

student•

Si se puede con un contenedor de objetos, pero para más simple es recomendado usar Tuples, en teoría soporta N objetos, no usarías N, sólo 2 o 3 y está disponible desde el Framework 4.0, ahora la versión 9.0 de C# soporta tuples de objetos anónimos.

Mauricio Felix Iriarte Valenzuela

student•

Mucho cuidado para evitar una catástrofe

Vicente Estrada Domínguez

student•

Todo lo que esté después de @ es código C#

Carlos Osorio

student•

Hola Juan Carlos, con mucho respeto. La palabra "layout" se pronuncia "leyaut". Perdona, pero lo menciono para mejora de tu inglés. Saludos.

Jorge Alberto Gomez Mendoza

student•

jajajajajajajajajajajajajajajajajajajajajajajajaajajajajajajajajajajajajajaja

RONALD MAURICIO GELVEZ RUIZ

student•

Ventajas de los lenguajes fuertemente tipados:

Evitamos los errores en tiempo de ejecucion como los crasheos
Damos mas responsabilidad singular al modelo al que nos acoplamos
Podemos corregir en tiempo de desarrollo

public class ContenedorDeModelos
{
	public List<Modelo1> Cursos {get; set;}
	public List<Modelo2> Almunos {get; set;}
	public List<Modelo3> Evaluaciones {get; set;}
	
	public void GenerarListas()
	{
		//Se generan las listas.
	}
}
.
.
.
public class ViewController
{	
	public ActionResult ViewName()
	}
		ContenedorDeModelos dummy =
			    new ContenedorDeModelos();
		dummy.GenerarListas();
		return View(dummy);
	{
}

Razor Syntax

Introducción a ASP.NET Core

Todo lo que aprenderás sobre ASP.NET Core

Herramientas y prerrequisitos

La importancia del middleware en el entorno web

Mi primera aplicación ASP.Net Core

Habilitar certificados, planillas preinstaladas

Revisión detalladas de la estructura de directorios

¿Qúé es el patrón MVC?

Nuestro Proyecto

Modelo Vista Controlador a nivel básico

Vista y controlador

Modelo a nivel básico

Razor Syntax

Vistas Plantillas y modelo

Vistas, plantillas, Archivos de inicio

Importación de modelos

Vistas para listar asignaturas

Vistas parciales

Mostrando otras listas de objetos

Actualizando la versión de bootstrap

Entity Framework Core

Introducción a entity framework

Conectando la solución con Entity Framework Core

Sembrando datos en la base de datos

Optimizando siembra de datos

Refactoring del Modelo para un ORM

Implementando cambios en el modelo

Refactoring siembra de datos

Ajuste de vistas y formularios

Ajuste de enrutamiento

Ajuste de vistas y controladores

Creando un formulario

Validaciones de formularios

Tu primer Reto

Atributos de validación y bases de datos

Data annotations

Segundo Reto

Usando una Base de Datos de verdad

Diseño de vistas y controladores optimizado

Scaffolding o borrón y cuenta nueva

Tercer Reto

Deploy del sitio

Publicando el website

Conclusiones