TUT_mvc_en_7_dias

TUT: Aprender ASP .NET MVC Paso a Paso en 7 dias(Dia 1) IN ¡, ASP.NET MVC - ON 7:28 - 25 COMENTARIOS

Este artículo es parte de Aprender paso a paso ASP.NET MVC en 7 días y puedes revisarlo en los link siguientes:

•

ia !: Controladores" vistas #uerte$ente tipadas y clases %elper

•

ia &: Testeo unitario" ruteo de '() saliente

•

ia *: Vistas parciales" anotaciones de datos" (a+or" Autenticacion y Autori+acion

•

ia ,: -SN" -/uery" ad$inistrador de sesiones y controladores asíncronos

•

ia 0: E$pa1ueta$iento" Mini#icacion " Vie2Model " Mane3o de e4cepciones y Areas

•

ias 5: Mdos de Visuali+aci6n" Proveedor MVC Aut%" Enlace Modelo MVC

Contenido •

¿Por qué e !ode"#e$ind en %an #ueno en ASP.NET&

•

Pro#e'a n'ero 1: Tes%eo Uni%ario

•

Pro#e'a n'ero : *a reaidad de a separa!i+n de !+di,o - a U

•

•

Nues%ro /éroe MVC(Modeo0 Vis%a - Con%roador) Pre"equisi%os

•

*a# 21: Creando una si'pe Api!a!ion ASP.NE% MVC 3/oa Mundo4

•

*a# 2: Pasando da%os en%re e !on%roador - a 5is%a

•

*a# 26: Creando un si'pe 'odeo usando MVC

•

*a# 2: Creando un si'pe 8or'uario de en%rada de da%os MVC

•

*a# 29: Usando aor para !rear 5is%as r;pida'en%e

Co'o e no'#re de ar%
¿Porque el code-behind en tan bueno en ASP.NET? Es%o- se,uro que %odos os desarroadores es ,us%a e !on!ep%o de !ode"#e$ind. *a a!ep%a!i+n de a,o nue5o !o'o MVC0 no es nada 8;!i para eos. Cuando $a#a'os de !ons%ruir api!a!iones ASP.NET en una arqui%e!%ura de !apas0 eas se di5iden en !ua%ro par%es: U(pa,inas ASP=)0 !ode"#e$ind(ar!$i5os ASP=.!s)0 !apa in%er'edia(!ases .NET) - 8ina'en%e a !apa de Da%os(Da%a a-er).

Si se 'ira os aspe!%o de a dis%ri#u!i+n de !+di,o0 e 'a-or !+di,o e !ua %iene a +,i!a es a !apa in%er'edia o e !ode"#e$ind(ar!$i5os ASP=.!s). *a U(n%er8a de

Usuario) o ar!$i5os ASP= son ar!$i5os /TM*0 os !uaes son 'as a!er!a de dise>ador de a in%er8a de usuario0 - a +,i!a de a!!eso a da%os son 'as o 'enos !o'ponen%es es%;ndar !o'o os En%erprise Da%a ?o!@s.

Va'os a anaiar os pro#e'as.

Problema número 1: Testeo nitario De os aspe!%os de %es%eo uni%ario pode'os e!uir a *+,i!a de da%a - e U /TM*. *as !ases de +,i!a de da%os son -a !o'ponen%es %es%eados !o'o En%erprise Da%a ?o!@0 en%i%- da%a !on%e%0 o *NB da%a !on%e%. Noso%ros -a no %ene'os que in!uir es8ueros en %es%ear separada'en%e e DA*. En !aso que %u %en,as un !apa de a!!eso a da%os personaiado es%e ser
A$ora 5iene e pun%o ';s i'por%an%e: e T$e !ode"#e$ind %iene 'u!$o de a!!i+n %es%ear es%o es una de as !osas ';s i'por%an%es. a ni!a 'anera de in5o!ar es%os !+di,os es $a!iéndooos de 8or'a 'anua0 desde una perspe!%i5a de %ie'po es%o no ser
Problema número !: "a realidad de la se#araci$n del c $di%o & la ' !o'o die pre5ia'en%e0 os ASP= - os ASP=.!s0 no pueden ser desa!opados0 o que redu!e a reu%iia!i+n. Si0 Mi!roso8% dio pri'ero que e !ode"#e$ind es di8eren%e de a U0 pero en%on!es eos son soo ar!$i5os 8
Por ee'po di,a'os que e 'is'o !odi,o de #o%on !i!@ !uando se a'a 5ia /TTP PST podr
Nuestro ()roe *+C,*odelo +ista & Controlador Es%o es !uando MVC e,a a res!a%e. E !ode"#e$ind es 'o5ido a un si'pe !ase .ne% a'ado Con%roer. Cuaquier usuario que soi!i%a pri'ero e,a a a !ase Con%roer0

a !ase Con%roer en%on!es in5o!a e 'odeo0 - a,re,a e 'odeo a a 5is%a para 'os%raro a usuario 8ina.

Co'o es%e Con%roador es un si'pe !ase .NET0 pode'os reusaro - $a!er %es%eos uni%arios 8a!i'en%e. Va'os a 5er !o'o pode'os !rear Api!a!i+n MVC usando a Pan%ia MVC pro5e
Pre-/equisitos " Visua S%udio 21( Cuaquier 5ersion). Es%o in!u-e ASP.NE% MVC 

"ab 01: Creando una sim#le A#licacion ASP.NEt *+C (ola *undo2 En es%e a#ora%orio !reare'os un si'pe pro,ra'a $oa 'undo0 u%iiando a pan%ia MVC. Creare'os un si'pe !on%roador0 !one!%a e !on%roador a una si'pe p;,ina inde.asp - 5er a p;,ina en un ?roFser.

Paso 01: Crear el Pro&ecto

Crear un nue5o pro-e!%o see!!ionando Api!a!ion He# de ASP.NET MVC  - !o'o no'#re de pro-e!%o M-Iis%/eoHord0 en a si,uien%e 5en%ana see!iona'os 5a!io.

Una 5e $e!$o !i!@ en A!ep%ar0 -a %iene $e!$o a es%ru!%ura !on as !arpe%as apropiadas0 donde puedes a,re,ar !on%roadores0 5is%as - 'odeos.

Paso 0!: A%re%ar un controlador a$ora 5a'os a a,re,ar un nue5o !on%roador !o'o se 'ues%ra en a si,uien%e 8i,ura.

Paso 03: A%re%ar una 4ista A$ora que %ene'os e !on%roado ne!esi%a'os a,re,ar a 5is%a. /a!e'os !i!@ dere!$o en a 8un!i+n nde e !ua es%a en e !on%roador - see!!iona'os Add VieF.

En e !uadro de diao,o indi!a e no'#re de a 5is%a0 e !ua de#e ser e 'is'o que en e !on%roador(nde) u desa!%i5a usar una pa,ina de dise>o o 'aes%ra0 porque no quere'os que nues%ra 5is%a $erede de un Mas%er Pa,e.

Una 5e $e!$o en a!ep%ar0 podre'os 5er una si'pe pa,ina ASP= !on e si,uien%e !odi,o /TM*.

Paso 05: E6ecutar la A#licaci$n Si $a!es C%r J I9 5er;s un error. Es%e error es o#5io0 porque no in5o!a'os apropiada'en%e e !on%roadorKa!!ion. Si di,i%as en e #roFser a U* de#es ser !apa de 5er !orre!%a'en%e a 5is%a.

"ab 0!: Pasando datos entre el controlador & la 4ista

E !on%roador re!i#e a pri'era !ar,a de 'odeo0 a 'a-oria de 5e!es nos ,us%ar
MVC0 es de!ir e VieFDa%a.

Paso 01: Crear #ro&ecto & de7inir la 4ista de datos. E pri'er paso es !rear un pro-e!%o - un !on%roador. En e !on%roador0 de8inir a 5aria#e 5ieFda%a0 !o'o 'os%ra'os en e !+di,o de a#ao.

Paso 0!: *ostrando el 4ie8 data en la 4ista.

o si,uien%e es 'os%rar da%a en a 5is%a pero usando. %a, por!en%ae. Uno de os pun%os 'as i'por%an%es a no%as es que a 5is%a no %iene !od"#e$ind. Para 'os%rar a 5is%a ne!esi%a'os usar e %a, L en a pa,ina ASP=.

Paso 03: E6ecutamos la a#licaci$n Presiona'os C%rJI9 - 'odi8i!a'os a U* en e ?roFse.

"ab 03: Creando un sim#le modelo usando *+C En es%e a#ora%orio !reare'os un si'pe 'odeo personaiado0 es%o !on a,unos da%os - 'os%raro en a 5is%a.

Paso 01: Creamos un sim#le archi4o de clase e pri'er paso es !rear un si'pe 'odeo personaiado e !ua es%a en #an!o !on %res propiedades: !ode0 na'e0 - a'oun%. Crear un si'pe Pro-e!%o MVC - $a!er !i!@ en a !arpe%a 'ode - !i! en Add NeF %e' - see!!ionar !ase - asi,nare e no'#re Curs%o'er.

Paso 0!: 9e7inimos un controlador con acci$n e pri'er paso es !rear un !on%roador - a,re,ar una si'pe a!!i+n que 'ues%re e Cus%o'er. 'por%ar e na'espa!es de 'odeo en a !ase !on%roador0 !rea'os un o#e%o de a !ase Cus%o'er !on a,unos da%os - o pasa'os a a 5is%a a'ado 3Dispa-Cus%o'er4.

Paso 03: Creamos una 4ista 7uertemente ti#ada usando la clase. Ne!esi%a'os a$ora unir os pun%os de MVC0 'edian%e a !rea!i+n de 5is%as. /a!e !i! dere!$o en e 'é%odo Dispa-Cus%o'er den%ro de !on%roador(Con reaiado en e pri'er a#ora%orio).

Nota: Pre5ia'en%e es ne!esario que se !o'pie e pro-e!%o

a 5en%aa de !rear una 5is%a 8uer%e'en%e %ipada es que se pueden o#%ener as propiedades de as !ases en a 5is%a pero di,i%ando 'ode - 3.4 !o'o se 'ues%ra:

A#ao es%a e !odi,o de a 5is%a(sin%ais aor) e !ua 'ues%ra os 5aores de as propiedades de !ien%e. Ta'#ién pode'os asi,nar una !ondi!i+n I que 'ues%re os !ien%es !o'o un !ien%e pri5ie,iado si a !an%idad es%; por arri#a de 122 - un !ien%e nor'a si es%a por de#ao de 122.

Paso 05: E6ecuta la a#licaci$n A$ora para ee!u%ar a api!a!i+n presiona C%rJI9.

"ab 05: Creando un sim#le 7ormulario de entrada de datos *+C

Cada pro-e!%o peque>o o ,rande ne!esi%a un 8or'uario de en%rada de da%os. En es%e a#ora%orio !reare'os una si'pe en%rada de da%os para nues%ro !ien%e !o'o se 'ues%ra:

Tan pron%o !o'o e usuario 8ina in,rese os de%aes - en5
Paso 01: Creando la P%ina de entrada de datos e pri'er paso para !rear una en%rada de da%os es usar as e%ique%as 8or' de /TM* !o'o se 'ues%ra en e !+di,o de a#ao. *o 'as i'por%an%e a no%ar es que a a!!ion de #o%on es apun%ada a 'é%odo de !on%roador a'ado 9is#la&Customer2. Para a-udarnos de Visua S%udio - !o'o -a sa#e'os %oda pa,ina es%a rea!ionada a una a!!ion de !on%roador en e !on%roador Cus%o'er 5a'os a !rear e 'e%odo IiCus%o'er.

Después si,uiendo os pasos an%eriores de !o'o !rear una 5is%a(Ci!@ dere!$o - Add VieF) !rea'os a 5is%a IiCus%o'er.

Paso 0!: Creando el controlador

Arri#a de8ini'os a a!!i+n de 8or'uario $a!ia e !on%roador a a 8un!i+n Dispa-Cus%o'er Ne!esi%a'os o#%ener os da%os de os !on%roes /TM*(8or')0 ena e o#e%o - en5iar e o#e%o a a 5is%a. De#ao e !+di,o de Dispa-Cus%o'er0 ena e o#e%o !us%o'er !on os da%os de a !oe!!i+n eques%.Ior' - en5
Paso 03: Creando la 4ista #ara mostrar el ob6eto customer E si,uien%e paso es !rear a 5is%a Dispa-Cus%o'er0 see!!ionado a op!i+n 5is%a 8uer%e'en%e %ipada( reaiada en os pasos an%eriores).

Paso 05: ;inalmente e6ecutar el #ro&ecto Presionando as %e!as CT* J I9 ee!u%a'os e pro-e!%o.

 a $a!er !i! e@ en #o%+n en5iar 'ues%ra a 5is%a Dispa-Cus%o'er.

"ab 0<: sando /a=or #ara crear 4istas r#idamente En nues%ros a#ora%orios an%eriores !rea'os un si'pe 8or'uario de en%rada de da%os para !us%o'er !o'pe%a'os e a#ora%orio de 8or'a sa%is8a!%oria pero $u#ieron dos pro#e'as: •

•

*os C+di,o /TM* 8ueron es!ri%os 'anua'en%e. En po!as paa#ras es%o 8ue po!o produ!%i5o0 es%o es !o'o es!ri#ir !odi,o /TM* usando e no%epad. A,re,ado a es%o0 'u!$o de !+di,o 'anua 8ue %a'#ién es!ri%o en e !on%roador para enar os o#e%os - en5iaro a a 5is%a.

En es%e a#ora%orio 5ere'os !o'o usar !ases raor para 'ini'iar e !+di,o 'anua e in!re'en%ar a produ!%i5idad.

Paso 01: Creando la clase Customer Para !rear a !ase Cus%o'er ir a a#ora%orio 26.

Paso 0!: Creando la entrada de 7ormulario (T*" usando clases /a=or

*as !ases aor %ienen 8un!iones e !ua %e per'i%e !rear !on%roes /TM* !on 8a!iidad en5iar a a 5is%a - 5er e in%eisense de as !ases aor.

Usando aor puedes !rear !uaquier !on%ro /TM* !o'o Te%?o 0 *a#e0 *is%?o. En orden para !rear una e%ique%a 8or'a para /TM* ne!esi%a'os usar 3/%'.?e,inIor'4

E !+di,o de arri#a ,enera e si,uien%e !odi,o /TM*:

E raor /TM* 3?e,inIor'4 %o'a %res par;'e%ros no'#re de a a!!i+n0 e no'#re de !on%roador - e 'é%odo /TTP(ET0 PST).

Va'os a !rear e 8or'uario de en%radas de da%os:

Paso 03: Creando una 4ista ;uertemente ti#ada Para !rear e 8or'uario !on aor es ne!esario que a 5is%a se $a-a !reado !on a op!ion 5is%a 8uer%e'en%e %ipada !o'o se reaio en e a#ora%orio 26. Pero si no se $io es%o en a par%e superio de a 5is%a a,re,a'os o si,uien%e - $a!er a 5is%a 8uer%e'en%e %ipada.

Con es%o -a pode'os !rear nues%ro 8or'uario en a 5is%a IiCus%o'er.

Paso 05: Creando el controlador *a par%e 8ina es e !odi,o de !on%roador(Cus%o'er)0 e !odi,o de !on%roador a$ora es 'as si'pe0 e o#e%o !us%o'er 5a ser au%oenado por nues%ras !ase raor.

- a 8ina ee!u%ar - 'os%rar; os da%os

Mu- #ien0 a$ora 5a'os por unas por unas !$ei>as para !ee#rar e !u'pi'ien%o de nues%ro pri'er dia !on ASP.NET MVC.

¿> que ha& #ara el se%undo 9a? Para e se,undo d
TUT: Aprender ASP .NET MVC Paso a Paso en 7 dias(Dia ) IN ¡, ASP.NET MVC - ON 19:03 - 16 COMENTARIOS

Contenido

•

Cu8l es la Agenda9

•

)a ;5: Testeo 'nitario en Proyectos MVC

•

)a ;7: Entendiendo el (uteo en MVC

•

)a ;<: Validando y Asignando Valores por de#ecto a las '()s en MVC

•

)a ;=: Entendiendo '()s Salientes en MVC

•

/u> %ay para el Tercer ía9

¿Cuál es la Agenda?

Este artículo es la continuaci6n de Aprender paso a paso en 7 dias y puedes revisarlo en los link siguientes:

•

ia !: Controladores" vistas #uerte$ente tipadas y clases %elper

•

ia &: Testeo unitario" ruteo de '() saliente

•

ia *: Vistas parciales" anotaciones de datos" (a+or" Autenticacion y Autori+acion

•

ia ,: -SN" -/uery" ad$inistrador de sesiones y controladores asíncronos

•

ia 0: E$pa1ueta$iento" Mini#icacion " Vie2Model " Mane3o de e4cepciones y Areas

•

ias 5: Modos de Visuali+aci6n" Proveedor MVC Aut%" Enlace Modelo MVC

En este dia & vere$os los siguientes cuatro laoratorios:

•

Escriiendo Testeos 'nitarios en Proyectos MVC.

•

Con#igurar (utas en MVC

•

Validaci6n de (utas en MVC

•

Con#igurando (utas de salida en MVC

Lab 06: Testeo Unitario en Proyectos MVC

Cuando e$pe+a$os toda la serie MVC?ia !@ e$pe+a$os con dos prole$as relacionados al code e%ind. ¿Cóo !odeos "acer testeos unitarios en A#P$%&T code be"ind?

¿Coo !odeos reusar el code be"ind de A#P$%&T con di'erentes inter'aces de usuarios?

En esta secci6n va$os a concentrarnos en el pri$er punto" es decir" Testeo 'nitario. Solo

una

r8pida

recapitulaci6n

$>todo btngeneratein(oices)clic*de

si

necesita$os Code

e%ind

%acer

testeo

unitario

de ASP.NET" tene$os

al

siguiente

los

siguientes

prole$as:

•

C6$o %ace$os para crear los o3etos sender y e(entargs9

•

El c6digo de aa3o se e3ecuta a3o el o3eto BttpConte4t" C6$o puedo i$itarlo9

•

/u> pasa con los controles de inter#a+ de usuario de ASP.NET" C6$o accedo a estos9

•

/u> pasa con otros o3etos de ASP.NET co$o o3eto sesion"y aplicacion" c6$o accedo a estos9

Muc%os desarrolladores podrían %alar acerca de $ock tests" r%ino $ocks"etc. pero todavía esto es desaperciido y la co$pliacion au$enta con las variales de sesion" o3etos de data vie2" controles ASP.NET '" creando aun $as con#usi6n.

Asi 1ue lo 1ue %are$os en esta secci6n es crear una si$ple aplicaci6n MVC y %are$os teste unitario en aplicaciones ASp.NEt usando el testeo unitario de Dra$e2ork VSTS.

Paso +: Crear un si!le !royecto las ostrar Custoer$

El pri$er paso es crear un si$ple proyecto MVC. 'sare$os el $is$o proyecto el cual nosotros te$os creado en MVC?Modelo Vista Controlador@ del dia !?MyDirstBelloorld@. En caso no tengas el proyecto $encionado" por #avor crea uno usando el enlace de arria.

)a clase controlador al #inal del día ! es una si$ple clase .NET. Por e3e$plo" si $iras el c6digo del proyecto cercana$ente" puedes ver #8cil$ente la clase controlador de Custo$er con se $uestra a continuaci6n:

En si$ples palaras este es una si$ple clase .NET pode$os #8cil$ente instanciar la clase y crear auto$8tica$ente testeos unitarios para el $is$o. Esto es e4acta$ente lo 1ue va$os %acer en nuestros siguientes pasos:

Paso ,: Agregando un si!le !royecto de testeo unitario$

Va$os a usar nuestro testeo unitario del #ra$e2ork de VSTS para testear la clase controlador. Agrega un nuevo proyecto a su soluci6n usando la plantilla Proyecto Pruea 'nitaria.

Paso -: Agregar re'erencias a!ro!iadas al !royecto Necesita$os agregar un re#erencia a la aplicaci6n MVC en nuestro proyecto de pruea

unitaria?MVC'nitTest@" para 1ue poda$os controlar la clase Controlador.

'na ve+ agregado la re#erencia " deerías ver en la aplicaci6n MVC e la re#erencia de proyecto co$o se $uestra en la siguiente i$agen:

Paso .: &scribir la !rueba unitario

'na ve+ 1ue tengas agregado la re#erencia" are la clase de pruea unitaria"es decir UnitTest+$cs$ En esta clase crear un si$ple $>todo de teste lla$ado

/is!layCustoer el

cual es atriuido por el atriuto TestMet"od co$o se $uestra en el siguiente c6digo.

Si tu ves el siguiente peda+o de c6digo esta$os creando un o3eto de la clase controlador" invocando la acci6n del controlador" es decir" isplayCusto$er y entonce veri#ica$os si el no$re

de la vista es isplayCusto$er. Si ellos son igual esto signi#ica el paso de la pruea o en caso contrario esto es #allido.

Paso : 1inalente e2ecutaos la !rueba unitaria

'na ve+ escrito la pruea es tie$po de e3ecutar caso de pruea para lo cual va$os %acer click en el $enF PrueaGVentanasG E4plorador de Prueas.

En el E4plorador de prueas %acer click derec%o y seleccionar E3ecutar Prueas Seleccionadas.

Si las cosas van ien tu deerias ver una indicaci6n de color verde 1ue indica 1ue la pruea %a pasado o caso contrario deerías ver un color ro3o con el detalle indicando por1ue la pruea %a #allado.

Lab 3: &ntendiendo el ruteo MVC 4ntroducción

Al #inal del día" MVC no es nada $8s 1ue una direcci6n de '() asignada a los controladores y los controladores asignados a acciones.

Por

e3e$plo

cuando

un

usuario

envia

un

re1ueri$ientio

de

'()

co$o

%ttp:HH222.$anin#or$atic.co$H'icaProducto del navegador" estas acciones son asignadas con los controladores de MVC" y los controladores de MVC #inal$ente invocan esas #unciones.

)o siguiente es una si$ple tala el cual $uestra c6$o todo esto se ve así.

AIadiendo aFn $8s a la co$plicaci6n 1ue pode$os tener varias direcciones '() asignadas a un controlador o se puede tener $8s de un controlador asigna a una sola '(). Por e3e$plo" puedes tener555$anin'oratic$cocontactenos y 555$anin'oratic$coconocenosasignada un solo controlador lla$ado ConocenosController .

a

Sería $uy ueno si tene$os algFn tipo de $ecanis$o por el cual pode$os con#igurar estas asignaciones. Eso es lo 1ue e4acta$ente MVC routing signi#ica. El enruta$iento MVC ayuda a con#igurar y asignar la direcci6n '() con los controladores #8cil$ente.

Paso +: Toar el !royecto MVC creado en el dia +

Va$os a to$as el $is$o proyecto de Custo$er? MyDisrtBelloorld@ 1ue %e$os desarrollado en la seccion anterior.

Paso ,: Cabiar 7lobal$asa8$cs

Todas las asignaciones de rutas son al$acenados en el arc%ivo de c6digo #uente (outeCon#ig.cs. Así 1ue co$o pri$er paso es 1ue tene$os 1ue ir a ca$iar este arc%ivo.

Todas las asignaciones de rutas son al$acenadas dentro de la colecci6n lla$ada routes. Esta colecci6n pertenece al na$espaces Syste$.e.(outing. Para agregar una ruta tu necesitas lla$ar el $>todo Map(oute y pasar tres par8$etros na$e" url y de#aults.

ea3o est8 una captura de reta+o de c6digo de la #unci6n Map(oute.

•

%ae es el no$re principal por la cual la ruta ser8 identi#icada dentro la colecci6n.

•

U9L de#ine 1ue tipo de #or$ato de '() 1uere$os conectar con el controlador.En el

peda+o de c6digo siguiente deci$os 1ue el #or$ato '() es Vie5Vie5Custoer$

•

/e'aults de#ine la clase controlador y las #unciones de accion los cuales ser8n invocados

cuando la '(l es lla$ada. Por e3e$plo" en el c6digo siguiente" deci$os 1ue cuando Vie2HVie2Custo$er es lla$ado" este invocar8 la clase controlador Custo$er y la #uncion acci6n invocada sera /is!layCustoer$

En caso su controlador to$e par8$etros" puede usar el J [email protected] e3e$plo en el siguiente peda+o de codigo" nosotros %e$os usado J para especi#icar 1ue pode$os tener un par8$etro id. Si 1uieres de#inir los par8$etros co$o opcionales puedes usar el enu$ UrlParaeter$!tional$

)o pri$ero es co$entar el c6digo de asignaci6n predeter$inada. Va$os a e4plicar el c6digo de asignaci6n predeter$inada $8s tarde.

ngresa$os

el

siguiente

codigo"

el

cual

signi#ica

cuando

lla$a$os

a

%ttp:Hlocal%ostHvie2HVie2Custo$er esto invocar8 al controlador Custo$er y lla$ara la #uncion isplayCusto$er.

Paso -: &2ecuta la a!licación

Si e3ecutas la aplicaci6n deerias ver lo siguiente:

%ota: No $uestra ningFn no$re" por1ue esto tiene 1ue ser enviado del #or$ulario" y puedes

proar ca$iando el la propiedad action del #or$ulario?vie2Hvie2Custo$er@.

Si recuerdas nosotros co$enta$os la entrada de ruta por de#ecto?de#ault@" va$os a entender 1u> signi#ica e4acta$ente ese c6digo. KJcontrollerLHJactionLHJidL de#ine este 1ue la '() ser8 auto$8tica$ente lla$ado con la convenci6n Controlador?no$reH#unci6n@ accion ?no$reHvalor@. si tienes una clase controlador con Custo$er y #unci6n acci6n co$o Searc% entonces el '() ser8 estructurada auto$8tica$ente co$o %tt:HH222.$anin#or$atic.co$HCusto$erHSearc%.

Lab ;: Validando y asignando (alores !or de'ecto a U9Ls de MVC

MVC tiene 1ue ver con la acci6n 1ue se produce a trav>s de la '() y los datos para esas acciones ta$i>n es proporcionado por la '().

Seria ueno si pudi>ra$os validar los datos 1ue se trans$iten a trav>s de estas '() de MVC.

Por e3e$plo va$os a considerar la '() MVC %ttp:HHlocal%ostHCusto$erHVie2Custo$er si 1uieres ver el detalle para el c6digo del custo$er !;;!" necesitas ingresar %ttp:HHlocal%ostHCusto$erHVie2Custo$erH!;;!.

El c6digo de Custo$er es un nF$ero natural. En otras palaras" cual1uier persona 1ue ingrese una '() MVC co$o %ttp:HHlocal%ostHCusto$erHVie2Custo$erHS%iv es inv8lido. El #ra$e2ork MVC provee un $ecanis$o de validaci6n por el cual pode$os co$proar en la propia '() si el dato es apropiado. En este laoratorio vere$os c6$o validar datos el cual es ingresado en la '() MVC.

Paso +: Creando un si!le odelo Custoer$

En este pri$er paso va$os a traa3ar con nuestra si$ple clase $odelo Custo$er ya creada en los pasos anteriores.

Paso ,: Creando la clase controlador

En el siguiente paso va$os a utili+ar la clase controlador Custo$er ya creada en pasos anteriores agregando una colecci6n de Custo$ers en el constructor.

El controlador tiene una si$ple #unci6n isplayCusto$er el cual $uestra los clientes usando el valor . Esta #unci6n to$a el valor d y encuentra en la colecci6n custo$er.

Si $iras en la #unci6n isplayCusto$er esta to$a un valor

id el cual es nu$>rico. eería$os

to$ar co$o una validaci6n el ca$po  el cual indica lo siguiente:

•

d deería sie$pre ser nu$>rico

•

Este deería ser entre ; y ==

Paso -: A!licando Validación usando rege8 en la ruta MVC

)a validaci6n descrito en el paso & puede ser logrado aplicando e4presiones regulares en el $apeo de ruta?Map(oute@. Si va$os al arc%ivo (outeCon#ig.cs y ve$os la #unci6n $aproute." la entrada a esta #unci6n es el constraint co$o se $uestra es la #igura de aa3o.

En este orden para aco$odar la validaci6 n necesita$os especi#icar el rege4 constraint es decir OdJ!"&L en la #unci6n $aproute co$o se $uestra aa3o. OdJ!"&L en rege4 signi#ica 1ue la entrada deería ser nu$>rico y ser un $84i$o de ! o & es decir entre ; y ==.

Puedes especi#icar los valores por de#ecto diciendo idQ; co$o se $uestra en el c6digo de aa3o. En el caso de 1ue  no este especi#icado este to$ara el valor ; por de#ecto.

Paso .: Probando si esto traba2a

A%ora 1ue esta$os %aciendo la validaci6n usando la #unci6n

a!route" es tie$po de proar si

esta validaci6n traa3a. )a pri$era pruea tene$os 1ue especi#icar ! y vere$os 1ue el controlador es correcto y la data es $ostrada.

Si especi#ica$os un valor $ayor a ==" deería$os otener un error co$o se $uestra aa3o. Por #avor note 1ue el error es con#uso pero es el e#ecto de la validaci6n rege4 el cual especi#ica la #unci6n $aproute.

El punto $8s i$portante a notar es 1ue esta validaci6n se e3ecuta antes 1ue la solicitud a la #unci6n del controlador.

Lab <: &ntendiendo U9Ls salientes en MVC

4ntroducción

Cuando %ala$os de aplicaciones 2e" los usuarios #inales estarían co$o navegando de una p8gina a otra p8gina. Co$o desarrollo si$ple pri$era$ente estarías pensando en dar 3usto los no$res de la aginas co$o se $uestra en la #igura de aa3o.

Por e3e$plo si 1uieres ir y $ostrar de "oe$as!8 a about$as!8 dar8s el enlace al no$re de la p8gina y las cosas deerían ser ien.

Pero %aciendo esto estas violando los principios de MVC. )os principios MVC dicen 1ue la lla$ada deería pri$era$ente llegar al controlador" pero especi#icando Ra %re#Q%o$e.asp4 aG la pri$era lla$ada es a la vista. Este inconveni ente es co$pleta$ente l6gica del controlador y tu ar1uitectura MVC #alla.

)o ideal es 1ue las acciones deerían direccionar a las p8ginas. )os enlaces deerían tener acciones en la eti1ueta anc%or?RaG@ y no no$res de p8ginas es decir no$res de vistas.

Paso +: Creando el controlador !ara las (istas

e#ini$os las acciones 1ue invocaran estas vistas. En el siguiente codigo tene$os de#inido tres acciones: otoBo$e? esta invoca a la vista Bo$e@" Aout's?Este invoca a la vista aout@" y SeeProduct?Este invoca a la vista product@.

Paso ,: Creando (istas

A%ora va$os a crear las vistas para los tres $>todos de#inidos en el controlador Site?Aout" Bo$e" Product@.

A%ora va$os a crear una si$ple navegaci6n entre estas si$ples p8ginas co$o se $uestra aa3o. e la vista Bo$e nosotros estaría$os navegando a las vistas Aout y Product. e las vistas Aout y Product estaría$os navegando atrasa la vista Bo$e.

Paso -: !ro(eyendo acciones en los lin*$

Para invocar las acciones relacionadas a las vistas necesita$os especi#icar las acciones en la eti1ueta anc%or co$o se $uestra en el siguiente c6digo.

El c6digo de arria #ue para la vista Product" pues %acer lo $is$o para las vistas Aout y Bo$e.

Para la Vista Bo$e:

Para la vista Aout:

Paso .: /is'rutando su na(egación

Antes de proar la navegaci6n" es necesario $odi#icar el $apeo de ruta $odi#icado el los laoratorios anteriores. Asi va$os al arc%ivo (outeCon#ig.cs. y lo de3a$os con en un inicio:

A%ora si tienes especi#icado las acciones dentro el enlace" navegas entre las paginas Bo$e" aout y product.

Mientras navegas puedes ver co$o el '() son dirigidos a las acciones $as 1ue a los no$res de las paginas co$o %o$e.asp4" aoutus.asp4 el cual viola co$pleta$ente los principios MVC.

¿=u> "ay !ara el tercer da?

Es la tercera sesi6n" %alare$os acerca de vistas parciales" validaci6n usando notaciones de data" (a+or?MVC,@" Autenticaci6n avan+ada en MVC" Autenticaci6n de #or$ularios en MVC y $uc%o $8s. )os siguientes laoratorios podrían ser $uc%o $8s avan+ados co$parados al segundo día.

TUT: Aprender ASP .NET MVC Paso a Paso en 7 dias(D
Contenido

•

Cu8l es la Agenda9

•

)a !;: Vistas Paciales

•

)a !!: Validaci6n usando Anotaci6n de ata

•

)a !&: MVC,: (a+or

•

)a !*: Seguridad en MVC?indo2s Aut%entication@

•

)a !,: Seguridad en MVC?Dor$s Aut%entication@

•

/u> %ay para el Cuarto ía9

¿Cuál es la Agenda?

Este artículo es la continuaci6n de Aprender paso a paso en 7 días y puedes revisarlo en los link siguientes:

•

ia !: Controladores" vistas #uerte$ente tipadas y clases %elper

•

ia &: Testeo unitario" ruteo de '() saliente

•

ia *: Vistas parciales" anotaciones de datos" (a+or" Autenticacion y Autori+acion

•

ia ,: -SN" -/uery" ad$inistrador de sesiones y controladores asíncronos

•

ia 0: E$pa1ueta$iento" Mini#icacion " Vie2Model " Mane3o de e4cepciones y Areas

•

ias 5: Mdos de Visuali+aci6n" Proveedor MVC Aut%" Enlace Modelo MVC

En este día * vere$os los siguientes cinco laoratorios:

•

Vistas paciales

•

Validaci6n usando anotaciones de data

•

(a+or?MVC ,@

•

MVC indo2s Aut%entication

•

MVC Dor$s Aut%entication

Lab +0: Vistas Parciales

Cuando %ala$os acerca de aplicaciones 2e" reusailidad es la clave. Co$o desarrolladores MVC estaría$os gustosos para crear vistas reusales. Nosotros gustaría$os crear vistas reusales co$o Vistas de caecera y pie de p8gina y usarlos dentro de una vista MVC grande.

)a vistas reusales podrían se logrados creando KVistas Parciales.

Paso +: crear una si!le (ista

Para desarrollar este laoratorio va$os a crear un nuevo proyecto vacío MVC?MvcTerceria@.

El pri$er paso ser8 crear una si$ple vista con un controlador. Puedes ver en la siguiente captura" A%í %ay una si$ple vista lla$ada Knde4.asp4 el cual ser8 invocada via Bo$eControlles.asp4.

Paso ,: Crear una si!le (ista !arcial

A%ora 1ue %e$os creado la vista principal" es tie$po de crear una vista parcial el cual puede ser consu$ido desde la vista Knde4. En orden para crear la vista parcial" click derec%o sore la carpeta vie2 y agregar vista" $arcar el c%eck o4 KCrear co$o vista parcial co$o se $uestra en la siguiente #igura.

Paso -: Llaar a la (ista !arcial en la !rinci!al$

ngresar algo de te4to o l6gica en la vista parcial

Paso .: Llaar a la (ista !arcial en la !rinci!al$

Dinal$ente lla$ar la vista parcial en la vista principal usando la #unci6n KBt$l.(ederPartial y pasar el no$re de la vista en la #unci6n co$o se $uestra en el siguiente c6digo.

Ta$ien asegurarse 1ue la vista parcial este en el $is$o #older donde est8 su vista principal. Es caso de 1ue no este " entonces necesitaras pasar el pat% en la #unci6n (enderPartial. Puedes ver la siguiente #igura se %a $ovido la vista parcial en el #older Vie2sHBo$e.

Paso : &2ecutar el !rograa ara (er la acción

Dinal$ente presionar CtrlD0" y veras co$o se carga la vista parcial.

Lab ++: Validación usando Anotación de /ata

)a validaci6n de data es una de las principales cosas en cual1uier aplicaci6n 2e. Co$o desarrollador deerías e3ecutar la validaci6n en el cliente?ro2ser@ y en el servidor. Así 1ue proale$ente le gustaría escriir la validaci6n de una ve+ y luego esperar el #ra$e2ork de validaci6n para generar la l6gica de validaci6n en a$os e4tre$os.

Uuenas noticias" esto es posile pero usando anotaciones de data. En MVC validas los valores del $odelo. Cada ve+ 1ue la data llega desde el $odelo tu preguntaras al $odelo diciendo" es este la propiedad proveída9" son los valores dentro del rango9.

)as Anotaciones de data son $etadata el cual puedes aplicar en el $odelo en el #ra$e2ork MVC validara usando la $etadata proveída.

En este laoratorio va$os a en#ocar la validaci6n usando anotaciones de datos. )o pri$ero 1ue va$os a %acer es" en el $is$o proyecto?MVCTerceria@" crear una clase $odelo Custo$er y una vista #uerte$ente tipada de entrada de datos lla$ada Bo$e.cs%t$l.

Asu$iendo 1ue tienes creado el $odelo y la vista #uerte$ente tipada" va$os a e$pe+ar a aplicar Anotaciones de ata.

Paso +: /ecorar el odelo con Anotación de /ata$

$portante i$portar el espacio de no$res ataAnnotations co$o se $uestra en el c6digo de aa3o.

Va$os a decir 1ue tene$os un $odelo Custo$er y 1uere$os asegurar 1ue el ca$po c6digo es oligatorio.

Entonces aplicar el atriuto K(e1uired co$o se $uestra en el siguiente c6digo. si la validaci6n #alla y le gustaría $ostrar un $ensa3e de error" puedes pasar el KErrorMessage ta$i>n.

Paso ,: Cabiar el codigo @oe$cs"tl

A%ora %ay algunos ca$ios de c6digo 1ue deeria$os %acer en el c6digo Bo$e.cs%t$l. entro del ody nos gustaría $ostrar el $ensa3e de error si la data no es correcto es es %ec%o usando el siguiente c6digo.

Ta$i>n necesita$os codi#icar nuestro #or$ulario de ingreso de datos. a continuaci6n se $uestra el #rag$ento de c6digo para el $is$o. Note 1ue la #uncion KEditorDorModel auto$8tica$ente generara los controles ' de acuerdo a las propiedades del $odelo. Entonces no necesita$os crear el control de #or$a individual co$o se %i+o en los laoratorios anteriores.

Paso -: A"ora en la clase controlador Custoer$

A%ora en la clase controlador Custo$er agrega$os la validaci6n" cuando el #or$ulario lla$a un post sore el controlador" te gustaría conocer si el estado del $odelo es correcto o no. Esto puede %acerse veri#icando con la propiedad ModelState.svalid. Si la propiedad es v8lida entonce lla$a a procedi$iento de guardar o $uestra la vista KPostCusto$er?Solo $uestra los datos del #or$ulario@" en caso sea #also entonces retorna a la vista srcinal KBo$e" a continuaci6n se $uestra el c6digo del controlador.

Paso .: Probando la A!licación$

Dinal$ente presionar Ctrl D0" y al enviar el control en lanco $ostrar el $ensa3e de error" pero esta validaci6n se reali+a en el servidor" por1ue el controlador es 1uien valida.

%ota: Note 1ue se e3ecut6 la acci6n post al $>todo del controlador PostCustoer

Paso : @abilitando la (alidación en el cliente

En los pasos anteriores las validaciones se reali+an en el lado del servidor" esto signi#ica 1ue al

$o$ento de enviar el #or$ulario 1ue contiene errores de validaci6n" el control pasa al servidor solo para regresar con $ensa3es de error. para evitar este ida y vuelta se puede agregar capacidades del lado del cliente en la vista Bo$e.cs%t$l.

)a validaci6n en el cliente se puede reali+ar con 3/uery 'notrusive Validation" para lo cual %ay 1ue re#erenciarlo en nuestro proyecto. E3ecutar el siguiente co$ando en Package Manager Console?Berra$ientasHAd$inistrador de pa1uetes de Uilioteca@ : PMG nstallPackage 3/uery.Validation.'notrusive.

A%ora" uicar el arc%ivo 2e.con#ig arirlo y asegurar 1ue e4isten las siguientes teclas de la secci6n RappSettingsG las claves ClientValidationEnaled y 'notrusive-avaScriptEnaled asignar el valor true:

'tili+ar el ayudante 'rl.Content ?@ para otener las direcciones '() de los tres arc%ivos de script" a saer. 31uery!.,.,.3s" 31uery.validate.3s y 31uery.validate.unotrusive.3s. Estos arc%ivos son necesarios para llevar a cao la validaci6n del lado del cliente?%o$e.cs%t$l@.

Paso 6: Probando la A!licación$

Dinal$ente presionar Ctrl D0" entonces la al presionar el ot6n enviar la validaci6n lo reali+ar8 en el cliente sin ir al servidor.

tros atriutos de anotaci6n de datos

)a pruea resultaría:

Lab +,: MVC .  9aBor

Basta a%ora este artículo ya estuvo usando (a+or. /u> es (a+or9 sola para dar una respuesta corta. Este es un tipo de vista para MVC. El prole$a desde el punto de vista e Dor$ este no se %i+o pensando en MVC" por lo 1ue la sinta4is es un poco pesado.

Paso +: Practica con sinta8is 9aBor

A%ora 1ue ya tene$os una idea de lo 1ue es (a+or va$os e3ecutar algunas sinta4is co$unes (a+or y tratar a tener una idea de lo #8cil 1ue es (a+or co$parado con las vistas ASP.

Práctica +: #i!le lnea de código

Si 1uieres $ostrar una si$ple variale puedes %acer algunas cosas co$o se $uestra en el c6digo de aa3o. Todos la sinta4is (a+or e$pie+a con W. Si tiene una si$ple linea de codigo no necesitas KJ. (a+or se da cuenta de la conclusi6n l6gica.

Si co$paras la sinta4is de arria con una vista ASP" necesitas tipear el c6digo siguiente. Asi 1ue No es una sinta4is $8s si$ple" ordenado y ligero9.

Práctica ,: Mlti!les lneas de código

Práctica -: bucle 1oreac" y condición 4'

para ucles y condiciones i# llega a ser $8s si$ple co$o se $uestra en el siguiente c6digo:

Práctica .: %o te !reocu!es !or D

Si est8s pensando si (a+or es con#uso con W de (a+or y W de una direcci6n e$ail" no te preocupes" (a+or entiende la di#erencia. Para instanciar en la siguiente línea" la pri$era linea (a+or e3ecutar8 co$o un c6digo y la segunda linea de codigo lo entiende solo co$o una direcci6n e$ail.

Práctica : Mostrar D

En caso 1uieras $ostrar KW solo tipea esto cada ve+ co$o se $uestra en el siguiente codigo. se$ostrar8a la siguiente i$agen.

Práctica 6: Mostrar @TML con 9aBor

En caso 1uieras $ostrar BTM) en el ro2ser. para instanciar una si$ple variale lla$ada co$o link el cual tiene c6digo BTM). Estoy $ostrando la variale link en el ro2ser.

Si e3ecutas el c6digo de arria" te sorprenderias ver 1ue este no se $uestra co$o BTM)" sino co$o una si$ple pantalla co$o se $uestra a continuaci6n. a%ora co$o se $uestra acontinuaci6n" A%ora eso no es lo 1ue espera$os. Nos esper8a$os una pantalla BTM) adecuado. Esto se %ace $ediante (a+or para evitar ata1ues SS?Balare$os de esto en secciones posteriores@.

Pero no te preocupes" el e1uipo de (a+or se %a %ec%o cargo de esto. Puedes usar Bt$l.(a2 para $ostrar" la $is$a 1ue se $uestra en el siguiente c6digo:

Lab +-: #eguridad MVCEFindo5s Aut"enticationG$

)a seguridad es una de las cosas $8s i$portantes en cual1uier aplicaci6n independiente$ente" 1uien los desarrolla" en cual1uier tecnología" lo $is$o puede decirse de MVC.

Antes de e$pe+ar este laoratorio una cosa 1ue necesita$os entender es 1ue MVC al #inal del día se encuentra en el $otor ASP.NET.

%ota: En este artículo no va$os a estar uscando en los #unda$entos de la autenticaci6n de

2indo2s y #or$s. Va$os a i$ple$entar autenticaci6n indo2s en una aplicaci6n MVC ,.

A%ora" una $anera de i$ple$entar autenticaci6n 2indo2s es reali+ando algunos ca$ios en nuestro proyecto.

Paso +: @abilitar la autenticación Findo5s$

El pri$er paso es %ailitar la autenticaci6n indo2. Esto lo reali+a$os en el arc%ivo de con#iguraci6n e.con#ig usando la eti1ueta aut%entication y aut%ori+ation 1ue se $uestra a continuaci6n:

Paso ,: #olo algunos de'ectos$

En la plantilla MVC ," %ay un pe1ueIo de#ecto. Esto e3ecuta la autenticaci6n Dor$s por de#ecto. Estale+ca las eti1uetas dea3o de la eti1ueta appsetings para evitar prole$as.

Paso -: A!licando etiHuetas de autoriBación en las acciones del controlador$

una ve+ 1ue tienes %ailitado la autenticaci6n indo2s en el e.con#ig" usar la eti1ueta

KXAut%ori+eY y especi#icar cu8les usuarios pueden tener accesoa los controladores y sus acciones.

Por #avor note 1ue el usuario deeria estar presente en su 2indo2s Active irectory o su grupo local?en $i caso uso 2indo2s < y en el ad$inistrador de usuarios y grupos click derec%o en E1uipoG Ad$inistrar@" co$o en $i caso el usuario ronald es $i usuario de grupo local.

Paso .: Crear A!licación en el #er(idor 44# ;E 4nternet 4n'oration #er(erG

Tienes 1ue asegurarte 1ue tienes instalado el S en su e1uipo para lo cual lo puede veri#icar en el Panel de ControlG Agregar o 1uitar Progra$asG Activar características de 2indo2s.

'na ve+ agregado la característica anterior" a%ora va$os a crear la aplicaci6n en el S con la %ailitaci6n de autenticaci6n indo2s sola$ente.

Carga$os en ad$inistrador de S y agrega$os aplicaci6n con el no$re MvcTerceria" crea$os un directorio MVCZNS en donde se pulicaran nuestra aplicaci6n desde Visual Studio?esto lo vere$os en el siguiente paso@ .

Bailita$os la autenticaci6n indo2s en nuestra aplicaci6n creada" seleccionando la opci6n Autenticaci6n.

Paso : Publicando nuestra A!licación

'na ve+ 1ue %a+ creado la aplicaci6n en S" es tie$po de pulicar la aplicaci6n a la carpeta de

aplicaci6n 2e. Para lo cual %ace$os click derec%o sore el proyecto? E4plorador de proyectos de Visual Studio@ y selecciona$os Pulicar.

)e da$os la ruta?creada en el paso anterior" cuando crea$os la aplicaci6n en S@ y le da$os en pulicar.

Paso 6: &2ecutar el controlador y la acción

Dinal$ente e3ecutar el controlador y la acci6n?en el navegador digitarlo directa$ente@ y ver co$o el cuadro de autenticaci6n indo2 para el ingreso del usuario y la contraseIa. Esto

validar8 de acuerdo a la autori+aci6n 1ue se asign6 en el controlador Bo$e.

Si las credenciales son ingresados apropiada$ente" deerías ser capa+ de ver lo siguiente:

Lab +.: #eguridad MVCE1ors Aut"enticationG

En el laoratorio anterior vi$os co$o %acer autenticaci6n 2indo2s. )a autenticaci6n indo2s es ideal para sitios 2e de intranet. Pero co$o pronto %alare$os acerca de sitios 2e para internet" crear y validar usuarios de 2indo2s Active irectoryHtraa3ar con grupos de usuarios no es una opci6n #actile. Entonces en este tipo de escenarios KDor$s aut%entication es la $anera

a seguir.

Paso +: /e'inir la !agina Login y su controlador$

)a pri$era cosa 1ue necesita$os es de#inir el controlador el cual invocar8 la vista login.

así tengo creado una si$ple acci6n inde4 el cual invoca una vista lla$ado )ogin. Esta vista )ogin to$ar8 entradas co$o userna$e y pass2ord. Paso ,: Creando la (ista Login$

El siguiente paso es crear el #or$ulario )ogin el cual to$ar8 el userna$e y pass2ord. Para crear el #or$ulario y %e usado la vista ra+or y las clases BTM) %elperI En caso tu eres nuevo en clases BTM) %elper por #avor revisar el )a !&.

Este #or$ulario BTM) %ace un post a la acci6n K)ogin del controlador KBo$e y es usa el $>todo Post. Así cuando los usuarios presionan el oton enviar" este lan+ara la acci6n Kinde4.

Paso -: Validar las credenciales$

En la acci6n nde4 la pri$era cosa 1ue necesita$os %acer es veri#icar si el usuario es correcto o

no. Por a%ora tene$os en c6digo el usuario y contraseIa. Esto puede sie$pre ser ree$pla+ado por consultas del servidor S/) o otra #uente.

'na ve+ 1ue %e$os veri#icado las credenciales el siguiente paso es usar la #a$osa clase KDor$sAut%entication y asignar la cookie diciendo 1ue el usuario en correcto.

e $odo 1ue en la siguiente solicitud cuando el usuario llegue no tendr8 1ue ser validado una y otra ve+. espues de 1ue la cookie se estalece es redireccionado a la vista KAout o de lo contrario te 1uedes en la vista )ogin.

Paso .: Atributo Aut"oriBe

Ta$i>n necesita$os usar el atriuto KXAut%ori+eY dentro los controladores" los cuales 1uere$os restringir para los usuarios no autori+ados.

Por e3e$plo se puede ver el siguiente c6digo para la acci6n Knde4 del controlador KBo$e 1ue esta decorada con el atriuto KAut%ori+e.

Si cual1uier usuario no autori+ado" accede directa$ente a cual1uiera de estos controladores ellos ser8n enviados a la vista )ogin es decir detr8s del nde4.

Paso : Cabiar el arc"i(o 5eb$con'ig

Dinal$ente necesita$os %acer ca$io en el #a$oso arc%ivo K2e.con#ig es decir %ailitar la seguridad KDor$s. la parte $as i$portante en el c6digo de aa3o es la propiedad K)ogin'rl.

Paso 6: Veos la acción en Autenticación 1ors$

Si a%ora lla$as a inde4 este directa$ente se $uestra la vista )ogin" este test pruea 1ue la autenticaci6n KDor$s esta traa3ando.

¿=ue "ay !ara el cuarto da?

En el cuarto dia vere$os una introducci6n a -1uery" -son" Controlador Asíncrono y di#erencia entre variales Vie2data y Te$pdata" Vie2ag y Session.

TUT: Aprender ASP .NET MVC Paso a Paso en 7 dias(D
Contenido

Cu8l es la Agenda9

•

)a !0: -SN" MVC y -/uery •

)a !5: esti6n de Sesiones en MVC?Vie2ata" Vie2Uag" Te$pata y Variales Sesi6n@

•

)a !7: Controles Asíncronos

•

/ue %ay para el 1uinto día9

¿Cuál es la Agenda?

Este artículo es la continuaci6n de Aprender paso a paso en 7 días y puedes revisarlo en los link siguientes: •

ia !: Controladores" vistas #uerte$ente tipadas y clases %elper

•

ia &: Testeo unitario" ruteo de '() saliente

•

ia *: Vistas parciales" anotaciones de datos" (a+or" Autenticacion y Autori+acion

•

ia ,: -SN" -/uery" ad$inistrador de sesiones y controladores asíncronos

•

ia 0: E$pa1ueta$iento" Mini#icacion " Vie2Model " Mane3o de e4cepciones y Areas

•

ias 5: Mdos de Visuali+aci6n" Proveedor MVC Aut%" Enlace Modelo MVC

Lab +: I#%J MVC y I=uery

En caso seas nuevo en -SN por #avor lee esto antes e$pe+ar con este laoratorio"

Acerca de

-SN. En este laoratorio va$os a e4poner un si$ple o3eto KCusto$er de MVC en #or$ato -SN y consu$i$os el $is$o usando -1uery.

Para este laoratorio por #avor asegurarse 1ue el proyecto el no$re del proyecto se MvcCuartoia y crearse use la plantilla de proyecto 8sico esto es necesario para incluir las lirerías -1uery en el proyecto MVC.

Paso +: Crear un si!le odelo Custoer

El pri$er paso es crear una si$ple clase $odelo KCusto$er en el proyecto.

Paso ,: &8!oner el ob2eto KCustoer coo I#%

A%ora agrega$os un controlador KCusto$er" para e4poner el o3eto custo$er en #or$ato -SN necesita$os usar K-son(esult co$o se $uestra en el siguiente c6digo.

Por #avor" e3ecute el controlador con la acci6n -SN anterior para co$proar 1ue el resultado -SN se $uestra correcta$ente. Si estas usando C%ro$e el resultado se $uestra en el navegador" si este es nternet E4plorer este descargara un arc%ivo.

Paso -: Consuiendo el controlador I#% en IHuery

En caso seas nuevo en -1uery" por #avor leer esto /ue es -1uery9

El siguiente paso es consu$ir los datos -SN usando una vista MVC. Asi 1ue adelante AIadi$os una vista con el no$re Aprender-1uery.cs%t$l

)o pri$ero es agregar la re#erencia a la lireria -1uery en la parte superior de la pagina. en caso no encuentras 31uery en el proyecto esto signi#ica 1ue no %as creado el proyecto usando la plantilla asica o sino puedes instalarlo de #or$a $anual usando la Consola de Ad$inistracion de pa1uetes de Visual Studio" esto lo e4plico al detalle en el artículo cargar vistas parciales en

ASP.NET MVC usando -1uery A3a4o ta$ien usando CN co$o lo e4plico es este tips de CN.

'sando sinta4is %t$l

'sando sinta4is ra+or

Puedes entonces %acer una lla$ada al controlador 1ue esta e4poniendo en #or$ato -SN usando el $>todo Kget-son co$o se $uestra $8s aa3o. Este to$a tres par8$etros:

El pri$er par8$etro en Kget-son es el '() MVC -SN con el #or$ato de estructura controllerHaction.

El segundo par8$etro es la data a ser pasada. Por a%ora esto es nulo co$o esta$os $8s interesados en otener datos -SN en lugar de pulicar los datos.

El ulti$o para$etro es el $>todo de devoluci6n de lla$ada Kisplay el cual ser8 invocado cada ve+ 1ue otenga$os datos -SN del controlador. )a #unci6n isplay ta$i>n est8 disponile en el siguiente c6digo. Estoy asignando una alerta con la propiedad na$e. puedes ver co$o sola$ente tipeo data.Custo$erCode" no convierto los datos -SN estos son auto$8tica$ente convertidos a o3etos 3avascript.

El c6digo co$pleto en la vista MVC lo $ostra$os aa3o. Se creado un si$ple ot6n BTM) y dentro

el evento click en donde se est8 lla$ando al $>todo 3avascript Kget-son el $is$o 1ue %ace una lla$ada al controlador -SN y $uestra la data -SN en una alerta 3avascript.

)a vista anterior es invocado usando el $>todo KMostrar-son del controlador Custo$er creado anterior$ente.

Paso .: &2ecutar la a!licación y (er el dato

espu>s de %aer %ec%o todos los pasos es %ora de e3ecutar el proyecto?CtrlD0@ y digitar en la url %ttp:HHlocal%ost:0;*5;HCusto$erH$ostrar-son para ver la elle+a -SN en e3ecuci6n.

Lab +6: 7estión de #esion en MVC EVie5/ataJ Vie5agJ Te!/ata y (ariables sesiónG

)a $eta principal en MVC es crear aplicaciones 2e y aplicaciones 2e usando el protocolo BTTP. Cuando envías una solicitud a la aplicaci6n MVC se atiende la solicitud y se olvida de la solicitud. )a pr64i$a ve+ 1ue el $is$o usuario envía la solicitud MVC lo trata co$o una co$pleta nueva solicitud.

A%ora piensa en la siguiente situaci6n:

•

El usuario #inal envía la solicitud al sitio MVC

•

MVC envía una pagina de logueo

•

El usuario ingresa detalles adecuados y envía los datos a la aplicaci6n MVC.

•

MVC valida el usuario y enviar la p8gina inicial del sitio. )a aplicaci6n MVC a%ora se olvida todo lo relacionado con el usuario ya 1ue es ap8trida.

•

El usuario %ace clic en uno de los link de la p8gina inicial. Esto es enviado a la aplicaci6n MVC y por1ue la aplicaci6n MVC se %a olvidados de todo lo relacionado con el usuario" le envía una p8gina de inicio de sesi6n para la autenticaci6n de nuevo[ el usuario se sentir8 e4traIo..

Este resu$en necesita$os tener algunos tipos de $ecanis$os el cual nos ayudara a recordar estados entre la solicitud y la respuesta de MVC.

Bay * $aneras de $antener estados en MVC y estas $aneras puede ser usado dependiendo de 1ue capa a 1u> capa se navegas. Te! /ata: Ayuda a $antener los datos sore las redirecciones para una Fnica solicitud y

respuesta. A%ora la redirecci6n puede ser de controlador a controlador o de controlador a vista.

Vie5 /ata: Ayuda a $antener datos cuando se $ueve de controlador a la vista.

Vie5 ag: Este es un contenedor din8$ico alrededor de vista de datos. Cuando usa$os el tipo

Kvie2ag la conversi6n no es re1uerido. 'tili+a una clave din8$ica interna.

Variables sesión: 'sando variales sesi6n pode$os $antener datos %asta cerrar el navegador.

e$ostrare$os los #unda$entos anteriores con una de$ostraci6n.

Paso +: Crear dos controladores K/e'ault+ y K/e'ault,$

Agregar dos controladores e#ault! y e#ault&.

Paso ,: &stablecer #esionJ te!dataJ (ie5data y (ie5bag

En el controlador Ke#ault! dentro del $>todo Knde4 asigna$os valores a sesi6n" te$pdata" vie2data y vie2ag co$o se $uestra en el siguiente c6digo. 'na ve+ 1ue %e$os asignado los

valores %ace$os una redirecci6n a la acci6n KAlgunatraAccion el cual pertenece al controlador Ke#ault&.

Paso -: Leer (alores sesiónJ te!dataJ (ie5data y (ie5bag

En el controlador Ke#ault& captura$os para leer valores asignados en el controlador Ke#ault!. 'na ve+ 1ue los valores son leídos invoca$os a la vista lla$ada KVistaatos.

Por #avor note 1ue se esta asignando KVie2ata y KVie2Uag antes de redireccionar a la vista.

)a vista KVistaatos solo $uestra los datos presentados en KTe$pata" KVie2data" KVie2Uag y KSession.

Va$o a %ailitar un punto de depuraci6n en las acciones de a$os controladores y va$os a ir al controlador e#ualt! y a su $>todo nde4 %ttp:HHlocal%ost:0;*5;Hde#ault!Hinde4 . En esta acci6n las sesi6n" te$pdata " vie2data y vie2ag son cargadas. ea3o pode$os ver co$o se $uestran los datos.

A%ora de a1uí va$os a redireccionar al controlador Ke#ault& acci6n KAlgunatraAccion.

En el controlador pode$os ver 1ue otene$os las variales KTe$pata y KSession pero no KVie2ata y KVie2Uag?Ver str* y str, con asignados null@. En otras palaras KVie2ata y KVie2Uag no %acen persistencia de datos en redirecci6n $ientras KTe$pata y KSession si lo %acen.

Cuando la vista se invoca pode$os ver todos los datos. En otras palaras los datos KVie2ata y KVie2Uag persistieron del controlador a la vista. \ ta$i>n los datos KTe$pata y KSession persistieron.

A%ora cuando la vista vista invocada %e agregado un Biperlnk KBa+$e Click el cual invoca a la acci6n Knde4 del controlador Ke#ault!. Esto es para si$ular una nueva solicitud.

Cuando se %ace click en el %ipenvinculo. Todas las otras variales se apagan" solo la variale KSession persiste.)o pode$os ver en la #igura siguiente. Esto signi#ica 1ue las variales KSession pueden persistir entre solicitudes.

ea3o est8 una tala resu$en 1ue $uestra los di#erentes $ecanis$o de persistencia.

Lab +3: Controler Asncronos

)as aplicaciones MVC al #inal del día son aplicaciones 2e los cuales son %ospedados dentro de S. A%ora cuando cual1uier solicitud llega al controlador MVC este genera un %ilo del %ilo pool y sirve a esta petici6n. En otras palaras el servidor e S $antiene un grupo de %ilos en lugar de crear %ilos a partir de cero una y otra ve+ para otener ene#icios de rendi$ientos.

Va$os asu$ir 1ue un servidor 2e %a creado un pool de %ilos de ta$aIo &. A%ora esto es solo una suposici6n por1ue un pool de ta$aIo & es $uy %ipot>tico. Pero para %acer cosas si$ples considera$os 1ue los pool de %ilos son de ta$aIo &.

Va$os a decir pri$ero 1ue la solicitud llega al sitio" S tira un o3eto de pool de %ilo ya reali+ado y e$pie+a a servir la petici6n. Mientras tanto va$o a decir llega la segunda solicitud en lo 1ue de nuevo el S se tira un %ilo del pool de %ilo y e$pie+a a servir la segunda petici6n.

A%ora lo divertido e$pie+a cuando llega la tercera solicitud. El servidor S no tiene $8s o3etos de %ilos en el pool co$o ya ya %an sido servidos a Kre1uest! y Kre1uest&. Asi 1ue el servidor solo $ueve la tercera solicitud a un $odo de espera o el servidor puede enviar un $ensa3e 0;* ocupado para el cliente.

Esta situaci6n es deno$inado co$o KT%read Starvation. )as situaci6n T%read Starvation se pueden superar al %acer la solicitud KAsincrona. Así 1ue la petici6n llega e in$ediata$ente la solicitud se procesa de $anera KAsincrona y soltando el %ilo 1ue sirva la solicitud in$ediata$ente.

Así 1ue para evitar esto pode$os lograr lo $is$o" %aciendo nuestros controladores KAsincronos.

A%ora va$os a entender paso a paso co$o i$ple$entar controladores asíncronos en MVC.

Paso +: @eredar de la clase AsyncController

Considerando la siguiente clase controlador KBeavyController el cual tiene una acci6n KAlgunMetodoBeavy y esta acci6n espera &; segundos. Así 1ue va$os a entender c6$o pode$os %acer este si$ple controlador Async%.

Así 1ue el pri$er paso es %eredar de la clase KAsyncController.

Paso ,: Marcar >todos con el ane8o Async

El siguiente paso es aIadir la palara Async despu>s de los $>todos. Asi co$o pode$os oservar KAlgunMetodoBeavy %a sido ca$iado a KAlgunMetodoBeavyAsync.

)a l6gica de c6digo de Beavy es decir KT%read.Sleep?@ is $ovido a un $etodo di#erente y este $>todo es invocado usando la tarea de la lirería paralela de KAlgunMetodoBeavyAsync.

Cada ve+ 1ue una KTask o un KT%read es iniciado nosotros incre$enta$os el contador de utstandingperations pero usando KAsyncManager y cada ve+ 1ue una tarea $ultit%readed es co$pletada decre$enta$os el contador.

Paso -: Crear el >todo co!letado A%ora una ve+ todas las tareas $ultit%readed co$pletadas y el utstandingperations esta cero

necesita$os retornar la vista. Asi para el $is$o necesita$os crear un $etodo Action(esult con la palara Co$pleted ane4ada. Este $>todo se lla$a cuando todas utstandinperations son cero.

Paso .: Asegurarse de crear la (ista KAlgunMetodo@ea(y$cs"tl

Ta$i>n asegurarse de agregar la vista KAlgunMetodoBeavy con el siguiente te4to dentro.

Paso : &2ecutar y dis'rutar

A%ora digitar en el navegador K%ttp:HHlocal%ost:0;*5;H%eavyHAlgunMetodoBeavy y ver la salida.

TUT: Aprender ASP .NET MVC Paso a Paso en 7 d
¿=ue "icios en los ltios . das?

Este artículo es la continuaci6n de Aprender paso a paso ASP.NET MVC en 7 días y puedes revisarlo en los link siguientes:

•

ia !: Controladores" vistas #uerte$ente tipadas y clases %elper

•

ia &: Testeo unitario" ruteo de '() saliente

•

ia *: Vistas parciales" anotaciones de datos" (a+or" Autenticacion y Autori+acion

•

ia ,: -SN" -/uery" ad$inistrador de sesiones y controladores asíncronos

•

ia 0: E$pa1ueta$iento" Mini#icacion " Vie2Model " Mane3o de e4cepciones y Areas

•

ias 5: Mdos de Visuali+aci6n" Proveedor MVC Aut%" Enlace Modelo MVC

Cual es la a%enda En e dia 90 5ere'os a 'anera de e'paque%ar - 'ini8i!ar para 'ai'iar e rendi'ien%o de as api!a!iones MVC. Ta'#ién 5ere'os e !on!ep%o - 5en%aas de 'odeo de 5is%a que no es sino un puen%e en%re e 'odeo - a 5is%a. •

*a# 1O: E'paque%a'ien%o - Mini8i!a!i+n en MVC

•

*a# 1: Modeo 5is%a en MVC

•

*a# 2: Maneo de E!ep!iones

•

*a# 1: Qrea MVC

•

¿Bue $a- para e se%o d
"ab 1@: Em#aquetado & *ini7icaci$n en *+C A'#os !on!ep%os e'paque%ado - 'ini8i!a!i+n a-udan a in!re'en%ar e rendi'ien%o

Entendiendo el Em#aquetado Sie'pre os pro-e!%os He# ne!esi%an ar!$i5os CSS - Ga5aS!rip%. Nor'a'en%e se reaia una pe%i!i+n a ser5idor por !ada ar!$i5o CSS - Ga5aS!rip%0 - si se %ienen 5arios de es%os ar!$i5os $a!e que a !ar,a de as p;,inas sean en%as. E'paque%aros nos a-uda a !o'#inar '%ipes ar!$i5os Ga5aS!rip% - CSS en un soo o#e%o en %ie'po de ee!u!i+n0 !o'#inando as< '%ipes soi!i%udes en una soa soi!i%ud que a su 5e a-uda a 'eorar e rendi'ien%o. Por ee'po !onsidere a soi!i%ud de una p;,ina en a si,uien%e i'a,en. *as soi!i%udes son !ap%urados usando a /erra'ien%a de desarroo de C$ro'e. Es%a p;,ina !onsu'e  ar!$i5os 3Ga5as!rip%1.s4 - 3Ga5as!rip%.s4. Cuando es%a p;,ina es soi!i%ada es%a $a!e %res pe%i!iones a ser5idor. •

Pri'era para a p;,ina 3nde4

•

Se,unda soi!i%ud para e ar!$i5o Ga5aS!rip% 3Ga5as!rip%1.s4

•

Ter!era soi!i%ud para e ar!$i5o Ga5aS!rip% 3Ga5as!rip%.s4

A$ora si piensas un po!o en e es!enario de arri#a puede e,ar a ser peor si %ene'os 'u!$os ar!$i5os a5as!rip%(espe!ia'en%e ar!$i5os GBuer-) resu%ado '%ipes soi!i%udes que redu!ir
Entendiendo la *ini7icaci$n *a 'ini8i!a!i+n redu!e e %a'a>o de os ar!$i5os s!rip% - CSS0 ei'inando espa!ios en #an!o0 !o'en%arios0 e%!. Para e ee'po de a#ao %ene'os un si'pe !+di,o a5as!rip% !on !o'en%arios.

Después de api!ar a 'ini8i!a!i+n os !odi,o a5as!rip% se 5eran !o'o en a i'a,en de a#ao. puedes 5er !o'o son ei'inado os espa!ios en #an!o - !o'en%arios para 'ini'iar e %a'a>o de ar!$i5o e in!re'en%ar e rendi'ien%o de#ido a que e %a'a>o de ar!$i5o $a sido redu!ido - !o'pri'ido.

Va'os a de'os%rar un si'pe ee'po de e'paque%ado - 'ini8i!a!i+n !on MVC paso a paso.

Paso 1: Crear un #ro&ecto con la #lantilla en blanco

Para en%ender e e'paque%ado - 'ini8i!a!i+n0 5a'os a se,uir adean%e - !reare'os un pro-e!%o MVC en #an!o. En es%e 5a'os a a,re,ar una !arpe%a 3S!rip%4 - den%ro de es%e0 5a'os a a,re,ar dos ar!$i5os a5as!rip% !o'o se 'ues%ra en a si,uien%e 8i,ura.

E si,uien%e !+di,o es para e ar!$i5o 3Ga5aS!rip%1.s4

E si,uien%e !+di,o es para e ar!$i5o 3Ga5aS!rip%.s4

Paso !: Crear un controlador que llame a una 4ista A$ora 5a'os a se,uir - !rear a un !on%roador e !ua a'e a una 5is%a a'ada 3MiVis%a4 es !ua !onsu'e a'#os ar!$i5os a5as!rip%.

A,re,a'os a 5is%a MiVis%a - !onsu'i'os os ar!$i5os a5as!rip%.

Paso 3: E6ecutar & 4er como se hacen multi#les llamadas A$ora ee!u%a'os a api!a!i+n MVC en oo,e C$ro'e0 Presione a !o'#ina!i+n de %e!as C%rJS$i8%J para 5er a si,uien%e saida. Puedes o#ser5ar que $a- %res soi!i%udes.

Paso 5: /e7erenciando a S&stem.eb.B#timi=ation2 E e'paque%ado - 'ini8i!a!i+n es $e!$o por e na'espa!e 3S-s%e'.He#.p%i'ia%ion4. A$ora es%e D** no es par%e de 8ra'eFor@ .NET o ASP.NET. Ne!esi%a'os usar NUET para des!ar,ar es%a D**. Va'os a NUET #us!ar ASPNET.He#.p%i'ia%ion. NUET es una $erra'ien%a !ien%e0 que se a,re,a a Visua S%udio - nos per'i%e ad'inis%rar - !onsu'ir paque%es. *a ,aer
Paso 5: El archi4o de con7i%uraci$n de #aquete A$ora es%e paso depende de que %ipo de pan%ia MVC $e'os see!!ionado a a $ora de !rear nues%ro pro-e!%o. Si $u#iéra'os see!!ionado a pan%ia 3?asi!4 en%on!es e ar!$i5o 3?undeCon8i,4 -a se !rearia - !o'o noso%ros $e'os see!!ionado a pan%ia 3?an!o4 en%on!es %ene'os 'u!$o %ra#ao que reaiar.

En%on!es si,a'os - a,re,ue'os a !ase 3?undeCon8i,4 - !ree'os un 'é%odo 3e,is%er?undes4 !o'o se 'ues%ra en e si,uien%e !+di,o.En e !+di,o de a#ao 3#undes.add4 di!e que a,re,ue %odos os ar!$i5os a5as!rip% que es%;n den%ro de a !arpe%a 3S!rip%s4 a un paque%e a'ado 3?undes4.

Nota im#ortante: No o5idar i'por%ar e na'espa!es 3S-s%e'.He#.p%i'ia%ion4 o de o !on%rario se ,enera un error.

Paso :"lamar el archi4o de con7i%uracion del em#aquetado desde el archi4o %lobal.asaD.cs En es%e paso no es ne!esario si se $a !reado e pro-e!%o u%iiando a pan%ia MVC 3?;si!o44. Pero !o'o noso%ros $e'os !reado e pro-e!%o u%iiando a pan%ia MVC 3?an!o40 en%on!es %ene'os que a#rir e ar!$i5o ,o#a.asa.!s - en e ini!io de a api!a!i+n a'ar e 'é%odo 3e,is%er?udes4 !o'o se 'ues%ra en e si,uien%e !+di,o.

Paso 7: Enaar e e'paque%ado en a 5is%a una 5e que e e'paque%ado es $e!$o ne!esi%a'os ei'inar e %a, 3s!rip%4 - a'ar a d 3p%i'ia%ion4 para enaar e e'paque%ado.

De#ao es%a e !odi,o en a !ua e'paque%are'os a'#os ar!$i5o a5as!rip% en un ni!o o#e%o0 e5i%ando as< a'ada de soi!i%ud '%ipe por !ada ar!$i5o a5as!rip%. En e e'paque%ado !o'pe%o se a,re,a a 5is%a MVC.

Paso @: *irar el em#aquetado & mini7icaci$n en tiem#o real. Para 'os%rar e e'paque%ado - 'ini8i!a!i+n en %ie'po rea. Ee!u%a'os nues%ro pro-e!%o en oo,e C$ro'e - presiona a !o'#ina!i+n de %e!as CT*JS/ITJ(/erra'ien%a de Desarroador) - puedes 5er a 'a,ia a$< en donde se 'ues%ra una soa a'ada para a'#os ar!$i5os a5as!rip%.

 $a!e'os !i!@ en a pes%a>a Pre5ieF pode'os 5er que a'#os ar!$i5os Ga5aS!rip% $an sido uni8i!ados. si a 'ini8i!a!ion %a'#ién se $a reaiado e!orde'os nues%ro ar!$i5o a5a s!rip% ori,ina.

Co'o puedes 5er en a saida de a#ao0 os !o'en%arios $an sido ei'inado0 os espa!ios en #an!o son re'o5idos - e %a'a>o de ar!$i5o se redu!e - es ';s e8i!ien%e.

"ab 1: *odelo +ista *+C

Teora Una 5is%a 'odeo es una si'pe !ase que represen%a da%os a ser 'os%rados en a 5is%a. por ee'po a#ao es%a un si'pe o#e%o Cus%o'erMode !on propiedades 3Cus%o'erNa'e4 - 3A'oun%4.

Pero !uando e 'odeo de o#e%o 3Cus%o'er4 es 'os%rado en a 5is%a MVC es%e 'ues%ra a,o !o'o se puede o#ser5ar en a si,uien%e 8i,ura. Es%e %iene 3Cus%o'erNa'e40 3A'oun%4 - un !a'po pus 3Cus%o'er ?u-in *e5e4. 3Cus%o'er ?u-in, *e5e4(Ni5e de !o'pra de !ien%es) es un indi!ador de !oor e 'is'o que indi!a que %an a,resi5o es a !o'pra de os !ien%es. E !oor de 3Cus%o'er #u-in, *e5e4 depende de 5aor de a propiedad 3A'oun%4. Si a !an%idad es 'a-or que 222 en%on!es e !oor es roo0 si a !an%idad es 'a-or que 1922 en%on!es e !oor es anaranado - e !aso !on%rario es !oor es a'ario. En o%ras paa#ras 3Cus%o'er ?u-in, *e5e4 es una propiedad e%ra e !ua es !a!uado en #ase de a a !an%idad(!an%idad).

Por o que a !ase 5ieF'ode 3Cus%o'er4 %iene %res propiedades E %e%#o 3T%Cus%o'erNa'e4 %o'a da%os de a propiedad 3Cus%o'erNa'e4 •

•

•

E %e%#o 3T%A'oun%4 %o'a da%os de a propiedad 3A'oun%4 de 'odeo !o'o es%e es 3Cus%o'er?u-in,*e5eCoor4 'ues%ra e 5aor de !oor dependiendo de 5aor 3A'oun%4.

¿Fue ti#o de l$%ica contendr la clase 4ie8 model? *a !ase 5ieF 'ode puede %ener os si,uien%es %ipos de +,i!a: •

•

•

•

"$%ica de trans7ormaci$n de color: Por ee'po %u %ienes una propiedad 3rado4 en e 'odeo - %e ,us%aria 'os%rar en a U e !oor roo para e ni5e de ,rado a%o0 !oor a'ario para e ni5e de ,rado #ao - 5erde para e ,rado R. "$%ica de trans7ormaci$n de 7ormato de datos: Si %u 'odeo %iene una propiedad 3Es%ado4 !on e 5aor 3Casado4 - 3So%ero4. En a U %e ,us%aria 'os%rare !o'o un !$e!@#o e !ua es 'ar!ado si 3!asado4 - des'ar!ado si es 4so%ero4. "$%ica de a%re%aci$n: Tienes dos !ase 'odeo di8eren%es 3Cien%e4 3Dire!!ion4 - %ienes una 5is%a e !ua 'ues%ra a'#os da%os 3Cien%e 3Dire!!i+n4 en una soa 5e. Estructura 9o8nsin=in%: Tienes un 'odeo 3Cien%e4 !on propiedades 3No'#reCien%e4 - 3Codi,oCien%e4 - quieres 'os%rar soo 4No'#reCien%e4. puedes !rear un 'odeo !on%enedor arededor - eponer as propiedades ne!esarias.

Va'os $a!er un peque>o a#ora%orio para en%ender e !on!ep%o 'odeo de 5is%a MVC usando a si,uien%e 'ues%ra e !ua $e'os dis!u%ido pre5ia'en%e.

Usare e en8oque de arri#a $a!ia a#ao para !rear a pan%aa de arri#a: •

•

Paso 1: Crear e 'odeo 3Cus%o'er4 Paso : Crear e VieFMode

•

Paso 6: Consu'ir a VieFMode en a 5is%a.

Paso 1: Creando el modelo Customer Asi 5a'os a se,uir adean%e - !rear un 'odeo 3Cus%o'er40 en nues%ro pro-e!%o 3MVCBuin%oDia40 !on as propiedades de a#ao.

Paso !: Creando la 4ista modelo *o si,uien%e es !rear una !ase VieFMode e !ua !on%endr; a 'odeo 3Cus%o'er4 a,re,ara propiedades de U. Asi que 5a'os a !rear una !arpe%a 3VieFModes4 - en es%a a,re,ar una !ase 3Cus%o'erVieFMode4.

A#ao 5a e !odi,o para a !ase 3Cus%o'erVieFMode4. A$ora a,unos pun%os i'por%an%es a!er!a de a !ase 5ieF 'ode: •

•

•

Puedes 5er en a !ase de a#ao !o'o a !ase 3Cus%o'er5ieFMode4 !on%iene a !ase 3Cus%o'erMode4. Ta'#ién un pun%o ii'por%an%e que $e'os de !rear propiedades e !ua 5a !on a !on5en!i+n de no'#res de U(%%Na'e0 %%A'oun%0 #Cus%o'er*e5eCoor0e%!). A$ora para o 'as i'por%an%e 'irar e !odi,o para a propiedad 3Cus%o'ere5eCoor40 es%e 'ues%ra !oor dependiendo de a !an%idad(A'oun%) de 5en%as de !ien%e(Cus%o'er). Una 3VieFMode4 eis%e para es%e %ipo de !+di,o puen%e0 e !ua !one!%a e 'odeo - a 5is%a.

Paso 3: Consumiendo el +ie8*odel en la 4ista

E si,uien%e paso es !rear un !on%roador0 e 'is'o que pasa a,unos da%os !o'o se 'ues%ra en e si,uien%e !+di,o.

E si,uien%e paso es !rear 5is%a 8uer%e'en%e %ipada0 donde poda'os !onsu'ir a !ase VieFMode. En !aso no es%es en%erado de 5is%as 8uer%e'en%e %ipadas en MVC por 8a5or re5isar Aprender ASP.NET MVC Dia 10 *a#ora%orio 2.

Co'o puedes 5er a 5is%a no es%a de!orada o se puede de!ir enaada !on a !ase 'odeo. *o ';s i'por%an%e es 'irar que a 5is%a es%; i'pia. Es%o no %iene !+di,o para a %o'a de de!isiones para a !odi8i!a!i+n de !oores. Es%os !+di,o se $an in!uido den%ro de a !ase VieFMode. Es%o $a!e que VieF Mode sea un !o'ponen%e esen!ia de MVC.

Paso 5: Probando la A#licaci$n Una 5e %er'inado es 'o'en%o de pro#ar a api!a!i+n para o que presiona'os C%rJI9.

+ie8*odel sera Com#osici$n o (erencia Mu!$os arqui%e!%os !o'e%en errores !reando una !ase VieFMode !o'o $eren!ia. Si %u 5es arri#a a !ase VieFMode es !reado por !o'posi!i+n - no por $eren!ia.

¿Porque !o'posi!i+n %iene ';s sen%ido& si 5isuaias noso%ros nun!a de!i'os 3es%a pan%aa es $io de os o#e%os de ne,o!io40 eso sera. Noso%ros de!i'os 3esa pan%aa usa esos 'odeos4. Asi que es 'u- !aro que sea una rea!ion usando - no una rea!ion es un(padres e $ios). A,unos es!enarios donde a $eren!ia 8aara: •

Cuando %u no quieres a,unas propiedades de 'odeo en %u 5is%a.

•

Cuando %u %ienes una 5is%a e !ua usa '%ipes 'odeos.

Asi que no sean a%raidos por a idea de a !ra!ion de un VieFMode 'edian%e $eren!ia de un 'odeo que puede %er'inar en un pro#e'a *is@o5.

Es%o se pare!e a un pa%o0 pa%i%o !o'o un pa%o0 pero no es un pa%o. Pare!e que un 'odeo %iene propiedades !o'o un 'odeo0 pero no es ea!%a'en%e un 'odeo.

'a,en de $%%p:KK%o'dain,.!o'

+enta6as de +ie8*odel eusa#iidad. A$ora que e !+di,o $a sido o#e%o de una !ase. Se puede !rear e o#e%o de es%a !ase en !uaquier o%ra %e!noo,ia(HPI0 HindoFs0 e%!) 8a!i'en%e. Tes%eo: No ne!esi%a'os %es%ear 'anua'en%e para pro#ar a aparien!ia de a U. Porque nues%ro !+di,o de U $a sido 'o5ido a a i#rer
"ab !0: *ane6o de EDce#ciones

'ntroduccion

Cuando se %ra%a de 'aneo de e!ep!iones0 e #oque %r-...!a%!$ es a op!i+n 8a5ori%a de os desarroadores .NET. Por ee'po en e si,uien%e !+di,o $e'os en5ue%o e !+di,o den%ro de %r-..!a%!$ - si $a- e!ep!iones in5o!a'os a una 5is%a 3Error4 en e #oque !a%!$.

E ,ran pro#e'a !on e !+di,o de arri#a es a reusa#iidad de 'aneo de !+di,o e!ep!iones. MVC propor!iona a reu%iiar e !+di,o de 'aneo de e!ep!iones en %res ni5ees:

A tra4)s de acciones dentro del mismo controlador : Puedes usar e e5en%o 3nE!ep%ion4 donde es!ri#es a +,i!a e 'is'o que puede ser reu%iiado a %ra5és de 3A!!iones4 den%ro decontrolador: 'is'o !on%roador. A tra4)s de cualquier En MVC pode'os usar 3Ii%erCon8i,4 para !rear un a%ri#u%o e !ua ser; api!ado a !uaquier !on%roador - !uaquier a!!ion. A ni5e de pro-e!%o: 'aneando Usin,Appi!a%ionError en o#a.asa. As< que !uando a e!ep!i+n se ,enera desde !uaquier par%e de pro-e!%o MVC0 es%e ser; ru%eado a un 'aneador de error !en%ra.

Va'os paso a paso a de'os%rar as 6 'aneras de arri#a de 'aneo de errores en MVC.

Paso 1: A%re%ar un controlador & la acci$n que lan=a el error As< que o pri'ero es a,re,ar un si'pe !on%roador - a a!!i+n que an!e a,unos %ipos de e!ep!iones. En e si,uien%e !+di,o puedes 5er que $e'os a,re,ado un !on%roador 3Tes%eandoCon%roador4 !on una a!!i+n 3Tes%earMe%odo40 donde $e'os anado una e!ep!i+n de di5isi+n por !ero.

Por o que si ee!u%ar a a!!i+n an%erior %er'inar; !on un error !o'o se 'ues%ra en a si,uien%e 8i,ura.

Paso !: Crear una 4ista Error A$ora una 5e que e error es !ap%urado por !uaquiera de os %res 'é%odos des!ri%os an%erior'en%e nos ,us%ar
A$ora que %ene'os una error - %a'#ién una 5is%a 3Error4 es %ie'po de $a!er a de'os%ra!i+n usando as %res 'aneras. Por o que pri'ero 5a'os a e'pear !on 3nE!ep%ion4 es de!ir !+di,o reu%iia#e en a!!iones pero den%ro de 'is'o !on%roador.

Paso 3: /eutili=ar a tra4)s de acciones dentro del mismo controlador,BnEDce#tion Para i'pe'en%ar a e!ep!i+n 5a'os a !on%roador 3Tes%eandoCon%roer4 so#rees!ri#i'os e 'é%odo 3nE!ep%ion4 !o'o se 'ues%ra en e si,uien%e !+di,o. Es%e 'é%odo se ee!u%a !uando o!urre !uaquier error en !uaquier a!!i+n de !on%roador 3Tes%eandoCon%roer4. *a no'#re de 5is%a es de!ir 3Error4 es asi,nado a a propiedad resu% de o#e%o 3Ii%erCon%e%4 !o'o se 'ues%ra en e si,uien%e !+di,o.

A$ora si ee!u%as a api!a!i+n(CT*JI9)0 a'ando a 3Tes%earMe%odo4 de !on%roador 3Tes%eandoCon%roer40 se 5er; a 5is%a 3Error4 !o'o a si,uien%e i'a,en(o en en%orno de desarroo se anar; e error en Visua S%udio0 pero en en%orno de ee!u!i+n se anar; a 5is%a 3Error40 pasar por a%o en Visua S%udio para 5er e error).

E 'é%odo 3nE!ep%ion4 a-uda a propor!ionar 'aneador de e!ep!iones para un !on%roador espe!<8i!o pero que si quere'os reu%iiar a +,i!a de e!ep!i+n a

!uaquier o%ro !on%roador - !uaquier a!!i+n es%o no se podr
Den%ro de a !arpe%a AppS%ar% a#ri'os Ii%erCon8i,.!s - nos ase,ura'os que /andeErrorA%%ri#u%e es a,re,ado a o#aIi%erCoe!%ion.

/andeErrorA%%ri#u%e en e ni5e ,o#a !on8ir'a que a e!ep!iones anadas por !ada a!!i+n en %odos os !on%roadores ser;n 'aneados. En e ar!$i5o o#a.asa den%ro de Appi!a%ionS%ar% e 'é%odo e,is%ero#aIi%ers es in5o!ado.

Es%o $a!e que %odas as e!ep!iones anadas por !uaquier 'é%odo den%ro de %odos os !on%roadores re%ornen a 5is%a 3Error4 presen%e den%ro a !arpe%a S$ared.

Maneo de error a ni5e de !on%roador0 en donde %odos os errores presen%es en as a!!iones de !on%roador 3Tes%eandoCon%roer4 ser;n ad'inis%rados.

Para $a!er que nues%ra 5is%a 3Error4 una 5is%a 8uer%e'en%e %ipada de Modeo S-s%e'.He#.M5!./andeErrorn8o - en%on!es usar a paa#ra !a5e Mode para a!!eder a sus 'ie'#ros. Uno de sus 'ie'#ros es e o#e%o E!ep%ion.

E resu%ado ser
Paso <: *ane6o de error a tra4)s de #ro&ecto,A##licationGError. Para ad'inis%rar errores a %ra5és de pro-e!%o MVC0 pode'os usar nu'erar a e e5en%o 3Appi!a%ionError4 den%ro de ar!$i5o o#a.asa - es!ri#ir a +,i!a de 'aneo de error den%ro e 'is'o. Appi!a%ionError es un e5en%o a ni5e de api!a!i+n0 pode'os de8inir den%ro de ar!$i5o o#a.asa. E 'is'o ser; ee!u%ado !ada 5e que $a- una e!ep!i+n no !on%roada en a api!a!i+n. Si es%e es e pun%o0 ¿Porque no usar Appi!a%ionError sie'pre& Aqui es%an a 5en%aas de /andeError so#re Appi!a%ionError: Con /andeErrorA%%ri#u%e o#%ene'os ';s !on%ro so#re e 'aneo de e!ep!iones. /andeError nos per'i%e ad'inis%rar errores di8eren%es para •

di8eren%es !on%roadores - a!!iones 8a!i'en%e donde en Appi!a%ionError para o#%ener es%a !ara!%er
Una 5e que es%e en Appi!a%ionError es%as 8uera de MVC - perder;s Con%roerCon%e% - en%on!es no puedes $a!er !osas 8;!i'en%e posi#es !on /andeError.

"ab !1: Hrea *+C

¿Fue es un rea & #orque rea? En ASP.NET MVC %ene'os un !on!ep%o de areas e !ua noso%ros pode'os par%ir nues%ro sis%e'a en 'oduos - or,aniar nues%ro pro-e!%o de una 'eor 'anera. Asu'o que %ene'os un sis%e'a e !ua !onsis%e de dos '+duos Cus%o'er - rder Pro!essin,. Nor'a'en%e !uando !rea'os un pro-e!%o ASP.NE% MVC nues%ra es%ru!%ura !onsi%e de 6 !arpe%as(Con%roer0 Mode - VieFs). En%on!es a es%ru!%ura ser
Co'o puedes 5er no es%a or,aniado. Cuando se %ra%a de ad'inis%rar !+di,o ser; 'u- di8
E6em#lo de reas en el mundo real *os paises es%an di5ididos por es%ados para que e desarroo - a ad'inis%ra!i+n sea 8;!i.

Gus%o !o'o e 'undo rea usare'os e !on!ep%o de area en ASP.NET MVC para di5idir nues%ro sis%e'a en 'oduos. Un ;rea represen%a un 'oduo pero si,ni8i!a a,rupa!i+n +,i!a de !on%roadores0 'odeos - 5is%as.

¿Como sar Hreas?

Paso 1: A%re%ar Hreas usando una Plantilla *+C Para a,re,ar ;rea $a!er !i!@ dere!$o en e pro-e!%o - see!!ionar AddQrea !o'o se 'ues%ra en a i'a,en si,uien%e:

Paso : Co'ien!e u#i!ando ar!$i5os per%inen%es a ;reas per%inen%es. U#i!ar %odos os ar!$i5os rea!ionado a ;reas respe!%i5as !o'o se 'ues%ra en a si,uien%e 8i,ura. Den%ro de a 8i,ura de a#ao se puede 5er que $e'os !reado dos ;reas 3Cus%o'er 4 - 3rder40  !ada uno de es%as ;reas %iene sus propias Vis%as0 Con%roadores - Modeos.

No%a: E Qrea es una a,rupa!i+n +,i!a no 8
¿Cual es la di7erencia entre reas & car#etas? Uno se puede $a!er a pre,un%a porque de#e'os usar para nues%ro sis%e'a areas para separar en 'oduos !uando pode'os si'pe'en%e u%iiar as !arpe%as. En po!as paa#ras0 a respues%a para es%a pre,un%a es 3Para e5i%ar e enor'e %ra#ao 'anua4.

Para o,rar a 'is'a 8un!ionaidad u%iiando !arpe%as se %iene que $a!er as si,uien%e !osas. •

•

•

Crear a es%ru!%ura de '+duo 'anua'en%e( Una !arpe%a por !ada '+duo0 Tres !arpe%as adi!ionaes por !ada '+duo a'ado Cn%roer0 VieFs - Mode0 un ar!$i5o He#.Con8i, por !ada '+duo) Crear una ru%a personaiada por !ada '+duo Con%roer. Crear un 'o%or de 5is%a personaiada para !ada '+duo para #us!ar a 5is%a en u,ares personaiados en u,ar de u#i!a!iones prede8inidas(VieFsK Con%roerW + VieFsKS$ared).

?us!ar Vis%a por de8e!%o

?us!ar 5is%a Personaiada

¿Fue ha& #ara el seDto da?

TUT: Aprender ASP .NET MVC Paso a Paso en 7 d
¿=ue "icios en los ltios  das?

Este artículo es la continuaci6n de Aprender paso a paso ASP.NET MVC en 7 días y puedes revisarlo en los link siguientes:

•

ia !: Controladores" vistas #uerte$ente tipadas y clases %elper

•

ia &: Testeo unitario" ruteo de '() saliente

•

ia *: Vistas parciales" anotaciones de datos" (a+or" Autenticacion y Autori+acion

•

ia ,: -SN" -/uery" ad$inistrador de sesiones y controladores asíncronos

•

ia 0: E$pa1ueta$iento" Mini#icacion " Vie2Model " Mane3o de e4cepciones y Areas

¿Cul es la a%enda #ara este dia ? Para e d
•

*a# : Modos de Visuaia!i+n(MVC para '+5ies)." Sopor%e '+5i usando a !ara!%er
•

•

•

•

*a# : Enaador de Modeo MVC: Uso de enaadores de 'odeos para enaar a in%er8a de usuario - as !ases de 'odeo0 si os no'#res de propiedad son di8eren%es. *a# 9: Dise>o aor." Sin%ais aor *a# X: Mé%odos de a-uda /%' Personaiado." Creando %u propio 'o%or de 5is%a personaiado. ¿Bue $a- para e %i'o d
"ab !!: *odos de +isuali=aci$n,*+C #ara m$4iles 'ntroducci$n

Es%e es un 'undo de peque>os disposi%i5os es de!ir '+5ies. Co'o un desarroador MVC se espera un ,ran apo-o de a pan%ia MVC de Mi!roso8% para e 'is'o. A$ora as pan%aas de es!ri%orio - pan%aas de '+5ies %ienen una a%a 5aria!i+n en %a'a>o. Si nos ,us%ar
Paso 01: Crear Pa%inas a#ro#iadas As< que 5a'os a !rear un pro-e!%o de ee'po MVC !on e no'#re *+CSeDto9ia& de %ipo Iasico. *ue,o 5a'os a,re,ar  5is%as 3inde.asp4 para es!ri%orio 3nde.Mo#ie.!s$%'4 para 'o5i !o'o se 'ues%ra en a si,uien%e 8i,ura.

Nota: E no'#re de a 5is%a 3nde.Mo#ie4 %iene que ser i,ua para que o re!ono!a !o'o una 5ias%a para disposi%i5os '+5ies. Adi!iona'en%e en es%a 5is%a se de#e in%rodu!ir un %e%o iden%i8i!a%i5o por ee'po:4Es%e es para Pan%aas Peque>as M+5ies4.

Ta'#ién 5a'os a,re,ar un !on%roador a'ado 4ni!io4 en !ua in5o!ar; a a 5is%a 3inde4.

Nota: Puedes 5er en e si,uien%e !+di,o que $e'os !reado un a!%ion resu% !o'o inde. Porque nues%ro no'#re de 5is%a - no'#re de a!!ion son os 'is'os0 noso%ros no ne!esi%a'os pasar e no'#re de a 5is%a den%ro de 3re%urn 5ieF()4.

Paso 0!: Eso es todo as que 4amos a #robar  es%o es %odo o que ne!esi%a'os $a!er. A$ora 5a'os a ir - pro#ar si e 'odo de 5isuaia!i+n MVC $a!e $onor a su pro'esa. A$ora si 5as e in,resar e !on%roador - a a!!i+n en e na5e,ador 5er;s !o'o a i'a,en iquierda de a#ao. Si in,resas e 'is'o !on%roador - a!!i+n usando e e'uador de '+5ies android %u 5er;s a pan%aa de a i'a,en dere!$a.

Nota: Para pro#ar si'ua!i+n para '+5ies en es%e a#ora%orio $e'os usado e si'uador 3pera Mo#ie4. Tu puedes des!ar,ar e e'uador de $%%p:KKFFF.opera.!o'KesKde5eoperK'o#ie"e'ua%or

Paso 03: *s #ersonali=aci$n & control Pero que si quere'os ';s personaia!i+n - !on%ro. Si e es!ri%orio 'ues%ra 3nde.!s$%'4 Si e '+5i 'ues%ra 3nde.'o#ie.!s$%'4 Si e '+5i Android 'ues%ra 3nde.Android.!s$%'4

Tene'os -a i'pe'en%ado as pri'eras dos !ondi!iones. A$ora para a %er!era !ondi!i+n ne!esi%a'os reaiar a,unos pasos e%ras. eaa%e son a#sou%a'en%e peque>os - 8;!ies pero !on ,ran resu%ado 8ina. Pri'er paso es a,re,ar una pa,ina 'as 3nde.Android.!s$%'4 espe!ia'en%e para Android en a !arpe%a Vis%a !o'o se 'ues%ra en a si,uien%e i'a,en.

E si,uien%e paso e $a!er ';s !a'#ios en e ar!$i5o 3o#a.asa.!s4. a. E pri'er paso es a,re,ar e espa!io de no'#re 3S-s%e'.He#.He#Pa,es4 !o'o se 'ues%ra en a si,uien%e 8i,ura.

#. Se,undo paso es usar a !ase 3Dispa-ModePro5ider4 - a,re,ar una en%rada 3Android4 den%ro de a !oe!!i+n 3Modes4 !o'o se 'ues%ra en e !+di,o de a#ao. E si,uien%e !+di,o #us!a para a !adena 3Android4 - si en!uen%ra es%o !ap%ura redire!!iona a a p;,ina 3nde.Android.!s$%'4.

Paso 05: Probar la #ersonali=acion de *o4iles A$ora si ee!u%as e si'uador de pera Mo#ie !on Android !o'o un usuario a,en%e !o'o se 'ues%ra en a si,uien%e i'a,en0 5eras a pa,ina Android(nde.Android.!s$%') redire!!ionado.

"ab !3: Pro4eedor *+C B Auth

Una de os ';s pro!esos a#urridos para un usuario 8ina es re,is%rase en un si%io. A,unas 5e!es esos ar,os 8or'uarios - !orreos de 5aida!i+n s+o pos%er,a e usuario. En%on!es !+'o $a!er as !osas 8;!ies 'edian%e a 5aida!i+n de os usuarios u%iiando sus !uen%as eis%en%es de Ia!e#oo@KTFi%%erKoo,eK*in@ednKe%!. En%on!es

e usuario usa a,o que -a %iene 'ien%ras e si%io ase,ura que es%e usuario es un usuario propie%ario. Es%o es o,rado usando MVC Au%$(pen S%andard 8or Au%$oria%ion).

Para i'pe'en%ar Au%$ es%o es en un pro!eso de %res pasos. •

e,is%rar a api!a!i+n - o#%ener e D - Ca5e.

•

eaiar a au%en%i!a!i+n !on e si%io de %er!eros.

•

Una 5e au%en%i!ado $a!e na5e,ar e si%io.

Paso 1: /e%istrar la a#licaci$n & obtener el '9 & la Cla4e En%on!es e pri'er paso es re,is%rar a api!a!i+n !on e si%io de %er!eros. Para es%e a#ora%orio usare'os oo,e para a au%en%i!a!i+n a#ier%a. Por 8a5or no%a es%e paso 5ar
See!!ionar e pro-e!%o - en a !ou'na a%era iquierda a op!ion Creden%ias

En e si,uien%e apar%ado espe!i8i!a'os e %ipo de api!a!i+n0 en nues%ro !aso una api!a!i+n Fe# e indi!a'os que a U* es $%%p:KKo!a$os%.

Pusa'os e #o%+n 3Crea%e Ciend D4 - nos e5ar; a pane de !on%ro donde podre'os 5er e AP Re- ,enerado que %endre'os que !on8i,urar ';s adean%e en nues%ra api!a!i+n.

Paso !: Crear un sitio *+C #ara autenticaci$n con BAuth A$ora que %ene'os e D si,a'os adean%e - !rear una Api!a!i+n de n%erne%. Es%a'os !reando una api!a!i+n de in%erne% para que poda'os o#%ener a,o -a $e!$o o se puede de!ir !odi,o pan%ia para Au%$.

Una 5e que e pro-e!%o es !reado a#rir a !ase 3Au%$Con8i,.!s4 de 8oder 3Apps%ar%4.

En es%e ar!$i5o de !on8i,ura!i+n en!on%rar;s e 'é%odo 3e,is%erAu%$40 o $a#ii%a'os para oo,eCien%e.

Paso 3: 'niciar el na4e%ador Es%o es %odo o que $a- que $a!er0 a$ora ee!u%ar a api!a!i+n - dar !i!@ en 3ni!iar Sesion4

*a si,uien%e pan%aa presen%a dos op!iones0 en e ado iquierdo donde puedes o,uear%e de 8or'a o!a usando a au%en%i!a!i+n 3Ior's4 - en a dere!$a dispones de

pro5eedor de %er!eros. Ci!@ear en e #o%+n oo,e e in,resar as !reden!iaes de a !uen%a.

"ab !5: Enla=ador de *odelo *+C 'ntroducci$n E si,uien%e !+di,o es un si'pe 8or'uario /TM* $a!e un pos% a 3Su#'i%Cus%o'er4

*a a!!i+n 3Su#'i%Cus%o'er4 es%a den%ro de un o#e%o Cus%o'er. Es%e o#e%o 3Cus%o'er4 es produ!ido au%o';%i!a'en%e !on os da%os que son enados en os !uadros de %e%o0 sin nin,n %ipo de uni+n o asi,na!iones.

¿Cono!es porque e o#e%o Cus%o'er ena au%o';%i!a'en%e&. Es%o es porque e no'#re de os !uadros de %e%os - a propiedad no'#re de a !ase 3Cus%o'er4 son i,uaes.

Pero que si os no'#res de os !uadros de %e%o no son i,uaes a os no'#res de as propiedades de a !ase 3Cus%o'er4. En o%ras paa#ras e no'#re de %e%#o /TM* es 3%%Cus%o'erCode4 - e no'#re de a propiedad de a !ase es 3Cus%o'erCode4. Aqu< es donde os enaadores de 'odeo en%ran !o'o se puede 5er en a si,uien%e i'a,en.

Mode #inder 'apea os ee'en%os /TM* de 8or'uario a 'odeo. Es%e a!%a !o'o un puen%e en%re a in%er8a de usuario /TM* - e 'odeo MVC. As< que 5a'os $a!er a,unos 'aneos para eer!i!io !on 3Mode?inder4.

Paso 1: Crear EnterCustomer.cshtml2 & el controlador E pri'er paso es !rear una 5is%a 3En%erCus%o'er.!s$%'4 den%ro de nues%ro pro-e!%o -a !reado 3MVCSe%oDia40 e !ua %o'ar; da%os de 3Cus%o'er4

Para in5o!ar es%e 8or'uario ne!esi%a'os una a!!i+n en e !on%roador 3Cus%o'er4 porque no pode'os in5o!ar dire!%a'en%e a un 5is%a en MVC0 ne!esi%a'os $a!ero 5
Paso !: Crear el modelo Customer E si,uien%e paso es !rear un 'odeo 3Cus%o'er4. Por 8a5or no%a a propiedad no'#re de a !ase 3Cus%o'er4 - e no'#re de os !uadros de %e%o de a U /TM* son di8eren%es.

Paso 3: Crear el enlace que hace el ma#eo A$ora de#ido que os no'#res de os ee'en%os de a U - a !ase 3Cus%o'er4 %ienen di8eren%es no'#res ne!esi%a'os !rear e enaador 3Mode4. Para !rear a !ase enaador de 'odeo ne!esi%a'os i'pe'en%ar a in%er8a 3Mode?inder4. Pa o !ua a,re,a'os una !ase 3Cus%o'er?inder4 den%ro de a !arpe%a Con%roer. En e si,uien%e !+di,o puedes 5er !o'o $e'os es!ri%o e !+di,o de 'apeo den%ro de 'é%odo 3?indMode4.

Paso 5: Conectar el ma#eador con la acci$n A$ora que %ene'os en !one!%or0 %ene'os a U /TM* en%on!es es %ie'po de !one!%aros. 'ira'os en a a!!i+n 3Su#'i%Cus%o'er4 de si,uien%e !+di,o. e a%ri#u%o 3Mode?inder4 !one!%a !on e o#e%o 3Cus%o'er4.

Paso <: 9is7ruta la salida A$ora a in,resar a a!!i+n 3En%erCus%o'er4 e !ua in!o5a 8or'uario de en%rada de Cus%o'er.

Cuando enas os da%os - $a!es !i!@ en e #o%+n En5iar0 5eras que se ena e o#e%o 3Cus%o'er4 !on un pun%o de in%errup!i+n0 !on en a si,uien%e i'a,en.

"ab !<: 9iseJo /a=or 'ntroducci$n *a-ou%s son !o'o pa,inas 'aes%ras en ASP.NET Fe# 8or'. P;,inas Maes%ras dan !o'o un aspe!%o es%;ndar para as 5is%as He# Ior'(ASP=) 'ien%ras que a-ou% dan una 5is%a es%;ndar para as 5is%as aor(CS/TM*). En !aso seas nue5o en aor 5er e *a# 1: Vis%as aor MVC. En es%e a#ora%orio 5eras !o'o i'pe'en%ar Dise>o aor.

Paso 1: Crear una #%ina de diseJo *o pri'ero que noso%ros ne!esi%a'os !rear es una pa,ina de dise>o. Den%ro de nues%ro pro-e!%o Fe# *+CSeDto9ia0 5a'os a a !arpe%a 5is%a - $a!e'os !i!@ dere!$o 0 a,re,ar nue5o ee'en%o - see!!ionar a pan%ia 3P;,ina de Dise>o de MVC 4 !o'o se 'ues%ra en a si,uien%e i'a,en.

En a p;,ina de dise>o MC ne!esi%a'os de8inir a es%ru!%ura !o'n e !ua ser; api!ado a %odas as p;,inas raor. Puedes 5er en a si,uien%e dise>o de p;,ina %ene'os %res se!!iones Ca#e!era0 !uerpo - pie. *a !a#e!era - e pie son se!!iones personaiados 'ien%ras 3ender?od-4 es a,o que 5iene de MVC - 'ues%ra en e !on%enedor #od-.

Paso !: Crear 4ista & a#licar el diseJo A$ora una 5e que $e'os !reado e dise>o os si,uien%e es api!ar es%o a as 5is%a.

Para api!ar e dise>o de p;,ina0 see!!ione e #o%+n 3...4 !o'o se 'ues%ra en a an%erior i'a,en0 - see!!ione e dise>o de p;,ina !o'o se 'ues%ra en a si,uien%e i'a,en.

Una 5e que a 5is%a es !reada a pri'era o de p;,ina es%a usando. es%o se 5e !o'o e si,uien%e !+di,o.

A$ora o 8ina es en a 5is%a enar %odas as se!!iones. *as se!!iones Pie - !a#e!era son se!!iones personaiadas as< que ne!esi%a'os usar e !o'ando se!%ion se,uido por e no'#re de a se!!i+n - despues o que quera'os asi,nar en esas se!!iones. Todos os o%ros %e%os son par%e de #od-(ender?od-).

Paso 3: Crear un controlador & 4er el diseJo en acci$n A$ora que %ene'os %odo asi,nado es %ie'po de !rear un !on%roador - 'é%odo para in5o!ar a 5is%a.

De#ero es api!ado a a 5is%a.

"ab !: *)todos Personali=ados (T*" (el#er 'ntroducci$n En e dia 1 $a#a'os a!er!a de !ases MVC /eper. Es%o nos a-uda a %ra#aar !on !on%roes de in,resos de una 'anera ';s e8i!ien%e. Cuando %ipeas 3/%'4 en una 5is%a MVC aor se !onsi,ue a,o !o'o es%o en n%eiSense.

E 'é%odo /%' /eper nos !rea !on%roes de en%rada /%' !o'o Te%#o0 adio #u%%on0 C$e!@#o0 Te% Area de una 'anera 8a!i - rapido. En es%e a#ora%orio 5a'os a dar un paso adean%e - !rear 'é%odos /eper personaiados. Para !rear 'é%odo /%' /eper Personaiados0 ne!esi%a'os usar e%ensi+n de 'é%odos. E%ensi+n de 'é%odos es un !on!ep%o que 8ue in%rodu!ido en .NET 6.9.

Paso 1: A%re%ar una sim#le clase Va'os a %ra#aar !on nues%ro pro-e!%o pro-e!%o MVCSe%oDia. A,re,ar un !on%roador a'ado Ee'po/eper - un 'é%odo a'ado nde. Crear una nue5a !arpe%a den%ro de pro-e!%o MVC a'ado E%ensionCases.

Paso !: *arcar la clase como esttica & a%re%ar m)todos. Para e 'é%odo de e%ensi+n ne!esi%a'os a,re,ar una !ase !o'o es%;%i!a. en es%e !ase 5a'os a !rear un nue5o 'é%odo es%;%i!o a'ado 3/oaMundo*a#e4 e !ua re%ornar; un 5aor de %ipo M5!/%'S%rin, - a!ep%ando un par;'e%ro /%'/eper.

Nota: Ase,urar a,re,ar a paa#ra 3%$is4 an%es de de!arar e pri'er par;'e%ro porque e o#e%i5o es !rear un 'é%odo e%ensi+n para a !ase /%'/eper.

Paso 3: sa la clase (el#er E paso 8ina es i'por%ar e espa!io de no'#res 3S-s%e'.He#.M5!./%'4. ne!esi%a'os i'por%ar es%e espa!io de no'#re0 porque por de8e!%o Te%?oIor0 Te%AreaIor - o%ros 'é%odos de e%ensi+n de /TM* /eper es%én disponi#es den%ro de es%e espa!io de no'#res. Se requiere soo si 5a'os a usar uno de es%os 'é%odos de e%ension. Si'pe'en%e es!ri#i'os e si,uien%e !+di,o en a 5is%a - !ons%ruir e pro-e!%o.

Nota:No%e que en a par%e superior se asi,n+ a sen%en!ia usin, que re8eren!ia a a !ase e%ensi+n !reada pre5ia'en%e.

Cons%ru-a a api!a!i+n0 presionando I9 - pro#ar a api!a!i+n.

¿Fue ha& #ara el último dia?

E %i'o d