21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

ACERCA DE MI

DEV# ABOUT
.NET

MVC RAZOR

Buscar

UN BLOG DE LEONARDO QUIONES

MORENO

05.28.13
por Leonardo
Quiones Moreno

EMPEZANDO CON
MVC 4 PARTE1
Holaatodos,enestaprimeraentrada
mostrarcomocrearunaaplicacinAsp.Net
MVC4,laversin4yavieneincluidaenVisual
Studio2012,perotambinpuedeinstalarsey
utilizarseconVisualStudio2010.
Asp.netMVCesunframeworkparadesarrollar
aplicacioneswebqueutilicenelpatrnModelo
VistaControlador.

Modelo
Representaunaentidadlgica,esunaunidad
deinformacinsobrelacualactuarel
controlador.

Vista
Seocupadelarepresentacingrficadel
modelo,enprcticaesloqueelusuariofinalve
cuandonavegaunsitio.

Controlador
Dentroelcontroladorserealizantodaslas
operacionesdebusinesslogic,eselcoraznde
laaplicacinweb.
https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

1/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Paracrearnuestroproyectoprimeroabrimos
VisualStudio2012(encasodenotenerlose
puededescargardeformagratuitaaqu),
seleccionamosNuevoproyectoennuestra
paginaprincipaloporlaopcinArchivo>
NuevoProyecto,seleccionamoseltipode
proyectoAplicacinWebdeASP.NETMVC
4,ingresamoselnombredenuestraaplicacin
ydamosclicenAceptar.

Seguidamentesenosabrirunaventanapara
seleccionarlaplantillaautilizarporelproyecto,
cadaunadelasplantillastienecaractersticas
diferentes:

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

2/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Vaco:soloproveedelascarpetasdondese
meternnuestroscontroladores,modelos,
vistas,etc.
Bsico:traealgncontroladorconsu
respectivavista,quealejecutarsenosmostrar
unresultadoenpantalla.
AplicacindeInternet:nosmuestraun
puntodepartidamasavanzado,estemaneja
unsistemadeloginporautenticacinde
formularios.
AplicacindeIntranet:espracticamentelo
mismo,loqueladiferenciaesqueesuna
aplicacinwindows.
Aplicacinmvil:plantillapreparadaconun
diseoadapatableconjquerymobile.
WebAPI:frameworkdeasp.netmvc,esuna
delascaractersticasnuevasdeestaversin,
delacualhablarenunsiguientepost.
Acontinuacinseleccionaremosunaplatilla
vacaycomomotor(elcualnosindicarcomo
serenderizarnuestrohtml)escogeremos
Razorelcualesunamaneraenque
colocaremosnuestrocdigo.

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

3/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Unavezcreadonuestroproyectopodemosver
comohansidoagregadasvariascarpetas
dondepodemosverlaspropiedadesdel
proyecto,referencias(acpodemosverlas
utilizadasparanuestraaplicacinmvc),etc.

App_Data:dondeseguardarlasbasesde
datosootrotipodefuentededatos.
App_Start:aqutenemostresarchivosde
configuracin:FilterConfig,RouteConfigy
WebApiConfig
RouteConfig:esdondeseregistran
oespecificanlasrutasqueson
https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

4/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

mapeadascomounaurl,por
ejemplosetienecomodefaultuna
urlqueaceptauncontrolador
comoprimerelemento,luegouna
accinyporultimounidquesera
elparmetro,estoescomosise
tuvieranuestrapaginadela
siguienteforma:
http://www.pagina.com/Hom
e/Index/

Loquesucedeaquesquecuandoelcliente
realizalapeticinalservidorelqueseencarga
derecibiresapeticinesuncontrolador,el
cualrecibelaentradadeunclienteydala
respuestaaestelacualpuedeserunalistau
otrotipo,paranuestroejemploanteriorsi
colocamos
http://www.pagina.com/Home

el

controladorseencargadedevolverelmtodo
pordefaultenestecasoseralaaccinIndex.
Global.asax:actenemoslosllamadosacada
unadelasanterioresclases,paraquepor
ejemplosemapeenlasrutascuandola
aplicacininicie.
Siejecutamosnuestraaplicacineneste
momentoaparecerunerroryaqueannose
tieneningncontrolador,porlotantoahora
crearemosunnuevocontroladorque
llamaremosHomeController,paraellodamos
clicderechosobrelacarpetaControllers
>Agregar>Controlador:

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

5/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Lasopcionesscaffoldingnospermitenvarias
cosascomocrearuncontroladorvacooun
controladorMVCconaccionesdelecturay
escriturayvistas,queusaentityframework,si
nosotrostuvieramosunmodeloentity
frameworkpodramoscrearuncontrolador
quenoscreelosmtodosdeaccinporcada
unadelosmtodosCRUDcomocrear,
insertar,etc,ydeigualformalasvistasy
formulariosporcadamtodo,continuandocon
nuestroejemploseleccionaremoscomo
plantillaVaciarcontroladorMVC

Podemosvercomosecreaelarchivo
HomeControllerqueheredadelaclase
ControlleryconunmtododeaccinGETque
ahnosindicacomosedebellamar,esdecirsi
ingresamos
http://www.pagina.com/Home

http://www.pagina.com/Home/Index
ambassoncorrectas,aqupodemosverque
yaestedevuelveunActionResult,perocomo
annosetienelavistasiloejecutamos
obtendremoselerrorquesemuestraa
continuacin:

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

6/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Deacuerdoaestomodificaremosnuestra
respuestadelcontroladorHomeControllerel
cualdevolverunacadenacomoseveenla
siguienteimagen,entoncesalahoradequeel
controladorrecibalallamadaalmtodoIndex,
estedevolverunacadenaynounavista:

Siejecutamosnuevamenteveremoscomo
nuestrocontroladornosdacomorespuesta
unacadenaypodemosvercomotrabaja
nuestroregistroderutasmapeadaspordefault
queseexplicanteriormente:

Bueno,ahoraquepasarasiquisieramospasar
unparmetroalcontroladorcomosigue:

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

7/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Siejecutamosypasamosalcontroladorel
nombreleonardopodemosverqueno
funciona:

Estoesdebidoaqueelparmetroque
definimosenelarchivoRouteConfig.cses
llamadoidyporlotantoelmapeonolovaa
reconocer,esasqueunaopcinesllamarel
parmetrodelmtodoIndexcomoid,deesta
formasiseejecutapodemosvercomoel
controladortrabajacorrectamente:

Ahorarapidamentecomoyahemosvistocomo
trabajaelcontrolador,veremoscomodevolver
unavistadesdeelcontroladorparaello
colocaremoselcdigocomosemuestraa
continuacin,despusnoscolocamossobre
IndexydamosclicderechoyAgregarVista

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

8/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Acontinuacinpodemosvercomosenosabre
unmodalparagenerarnuestravista,acse
cargapordefectoelnombredelavistaparael
ejemploIndex,seleccionamoselmotora
utilizarqueparanosotrosserRazor,no
seleccionaremosnadaenCrearunavista
fuertementeTipadanienCrearcomovista
parcialdeestohablarluego,desactivamos
dondediceUsarunapginadediseoo
maestraydamosclicenAgregar.

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

9/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Acontinuacinpodemosvernuestravista
creada,dondepodemosveruna@yun
layout,ellayoutnosindicanuestrapgina
maestraqueparaelejemplonohay,el@es
smbolodecomenzarunalneadecdigode
razorqueescomoprogramarenC#,ah
podemosverunavistaquetieneunHola
Mundo,ahorasiejecutamoslaaplicacinyano
tenemoselproblemaquecomentamos
anteriormenteyaqueahorasitenemosuna
vista:

Enlaprximaentradahablarsobreelobjeto
ViewBagyelobjetoViewDataparapasardatos
delcontroladoralavista.
Saludos,
https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

10/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

EmpezandoconMVC4Parte2
About these ads

Sharethis:

Twitter

Facebook

Megusta
Selprimeroendecirquetegusta.

EstaentradafuepublicadaenMVCy
etiquetadaASP.NETMVC,MVC4.Guardael
enlacepermanente.

HOLA MUNDO

EMPEZANDO COM MVC 4

PARTE2

UN COMENTARIO EN EMPEZANDO
CON MVC 4 PARTE1
Muybiengracias!!!

javier

Responder

noviembre22,2013
2:56pm

DEJA UN COMENTARIO
Introducetucomentarioaqu...

Buscar

ENTRADAS
RECIENTES

Empezando

comMVC4parte2
https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

11/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

Empezando

conMVC4parte1

Seguir

HolaMundo

Seguir DEV#
ABOUT .NET
Recibe cada nueva
ARCHIVOS
publicacin en tu buzn
de correo electrnico. noviembre
2013

Introducetudireccindecorreoelectrnico

mayo2013

septiembre

Suscrbeme
Construye un sitio web con
WordPress.com

2012

CATEGORAS

ASP.NET

MVC

META

Registrarse

Acceder

RSSdelas

entradas

RSSdelos

comentarios

WordPress.com

CreaunblogounsitiowebgratuitosconWordPress.com.EltemaNewsworthy.

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

12/13

21/4/2015

DEV#ABOUT.NET|EmpezandoconMVC4parte1

https://leonardoquinonesm.wordpress.com/2013/05/28/empezandoconmvc4parte1/

13/13