Proyecto Con MVC

download Proyecto Con MVC

of 12

Transcript of Proyecto Con MVC

  • 8/18/2019 Proyecto Con MVC

    1/12

    1. PrerequisitosAntes de comenzar un proyecto MVC3 debes instalar el siguientesoftware en el orden indicado:

    1. Visual Studio 2 12. Visual Studio 2 12 S!13. AS! ."#$ MVC3 $ools %pdate&. #ntity 'ramewor( &.1). !lantilla !royectoMVC 3*$emplate+,. -as ltimas actualizaciones de /indows

    1.1. Internet Information Services

    !ara e0ecutar cual uier aplicaci n web de este tipo el S * nternetnformation Ser4ices+ debe estar instalado seg n la 4ersi n de

    /indows *5.) o #6press+:• Windows 7: #ste ya posee nternet nformation Ser4ices 5.)7

    pero a com nmente se ol4ida agregarlo como softwaredisponible al momento de instalar /indows 5. Si no estadisponible en tu ma uina7 debes agregarlo en !anel de Control89 !rogramas y Caracter sticas7 en la barra lateral ir a ;Acti4aro e uear la opci n ; nternet nformation Ser4ices=y todos sus sub arboles deri4ados.

    Windows XP: esta 4ersi n de /indows no posee el S 5.)7 porlo ue >ay ue instalar S #6press.

    1.2. Plantilla ProyectoMV !"em#late$

    %"&' I(')Si se 4a a modi?car el template7 "@ i4os a modi?car7 >acer los cambios ypegarlos nue4amente

  • 8/18/2019 Proyecto Con MVC

    2/12

    2. Iniciar un nuevo Proyecto MV

    %"&' I ')Antes de empezar el proyecto web se debe diseBar y e0ecutar lacreaci n de la base de datos ue usar la aplicaci n. #stediseBo debe ser lo mas e6acto y conciso posible7 es decir7 uecumpla con las reglas de negocio y se cumplan con todos losest ndares *cla4es primarias7 cla4es for neas7 relaciones7nombres de tablas y 4ariables+.

  • 8/18/2019 Proyecto Con MVC

    3/12

    • #n la barra lateral iz uierda en la secci n ; nstalled $emplates=7clic en ;/eb=7 seleccionar de la lista central en tem

    ;!royectoMVC3=7 y colocarle como nombre el mismo de la basede datos7 tan como se discute anteriormente y darle a @H. #stocrear un nue4o proyecto con toda la base b sica de MVC3.

    2.2.2.%+re+ando el Modelo de datos• #n el ;Solution #6plorer= >acer clic derec>o sobre la carpeta

    ;Models= y luego Add 89 "ew tem.

    • #n la barra lateral iz uierda buscamos la opci n ;

  • 8/18/2019 Proyecto Con MVC

    4/12

    con ;entication=7 siempreusar ;SL- Ser4er Aut>entication= con las credencialessuministradas por los analistas de base de datos. #sto esdebido a ue el asistente crea las cone6iones en el/eb.con?g7 y para el correcto funcionamiento las estasdeben aparecer e6plicitas en el.

    Seleccionar la opci n de radio button ue dice: ; es7 include t>esensiti4e data in t>e connection string.= y por ultimo colocarle

    como nombre el mismo ue se us pre4iamente para el modelode datos *$utorialMVC

  • 8/18/2019 Proyecto Con MVC

    5/12

    • #n la siguiente 4entana podr n seleccionar las tablas7 4istas y S!ue uieren agregar al modelo. >ec>o esto 4eri?ca ue el

    nombre del "amespace sea el nombre del proyecto seguido de;Model= *e0.: $utorialMVCModel+.

    • -os c>ec( bo6es en la pantalla deben estar marcados comoindica la imagen7 es decir solo estar c>e ueado el ue dice; nclude foreign (ey columns in t>e model=. Kacer clic en 'inis>.

  • 8/18/2019 Proyecto Con MVC

    6/12

    • Se genera el modelo de base de datos en nuestra aplicaci n7 ynos mostrar el diagrama correspondiente y los arc>i4os

    agregados en la carpeta ;Models=

    #n el modelo7 en la tabla ;!agina= debemos cambiarle el nombre ados propiedades. #n la parte inferior de la tabla cambiarle elnombre a ;!agina1= por ;lstMenuKi0os= y a ;!agina2= por;!aginaN'H=. Im#ortante< en este #unto se de4en =uardartodos los cam4ios #ara continuar la correcta +eneraci*ndel #royecto.

    2.2.>.%+re+ando los ?tems +enerados

    • Kacer clic derec>o sobre el rea en blanco del modelo yseleccionar ;Add Code Ieneration temO=7 #n la barra lateraliz uierda seleccionamos el tem ;Code= 7 en la parte central clic en;A

  • 8/18/2019 Proyecto Con MVC

    7/12

    M SM@ ue tiene el modelo de datos7 es decir7 nombre delproyecto seguido de i4o ;$utorialMVC

  • 8/18/2019 Proyecto Con MVC

    8/12

    [email protected] las referencias dll

    • Si en las referencias >ay alguna ue tenga una ad4ertencia7 espor ue al momento de la creaci n del proyecto no se ten an lasdllPs en la ruta C:QVSSQ #standaresQay errores>emos creado satisfactoriamente un proyecto MVC3.

    2.2.B. onC+urando el IIS en VS2010

    %na 4ez completados los pasos anteriores debemos con?gurar el Spara poder >acer deploys locales de las aplicaciones para laspruebas de desarrollo.Para Windows 7:• Kacemos clic derec>o sobre el nombre del proyecto en el

    Solution #6plorer *o0o7 no en la soluci n+ y luego en !roperties.

  • 8/18/2019 Proyecto Con MVC

    9/12

    • A la iz uierda 4amos a la pestaBa de ;/eb=7 marcamos el radiobutton ue dice ;%se -ocal S /eb ser4er= y en el campo de;!ro0ect % -= colocamos la direcci n sin el puerto7 es decir7>ttp:QQlocal>ostQ"ombre!royecto *e0.:>ttp:QQlocal>ostQ$utorialMVC +.

    • Kacemos clic en el bot n ;Create Virtual

  • 8/18/2019 Proyecto Con MVC

    10/12

    • Kacemos clic derec>o sobre el nombre del proyecto en elSolution #6plorer *o0o7 no en la soluci n+ y luego en !roperties.

    • A la iz uierda 4amos a la pestaBa de ;/eb=7 marcamos el radiobutton ue dice ;%se -ocal S /eb ser4er= 7 c>e ueamos ;%se

    S #6press= y en el campo de ;!ro0ect % -= colocamos ladirecci n con el puerto indicado por el VS2 117 es decir7>ttp:QQlocal>ost:puertoQ"ombre!royecto

    *e0.: >ttp:QQlocal>ost: &R,,2Q$utorialMVC+.• Kacemos clic en el bot n ;Create Virtual

  • 8/18/2019 Proyecto Con MVC

    11/12

    • Al atributo !aginaN'H y al !ermiso le colocaremos el annotationFScript gnoreG. #sto nos dar error ya ue la clase no tiene la

    referencia para tomar este tipo de meta datos7 por lo uedebemos >acer clic derec>o sobre el annotation7 ir a esol4e yclic en la librer a sugerida.

    %"&' I(') Cada 4ez ue se cree o actualice el modelo de datos7 >ay

    ue agregar este annotation. . reando controladores y vistas

    #ntity 'ramewor( tiene la 4enta0a ue a partir del modelo generadopuede crearnos los controladores y 4istas asociados a una tabla*s+de base de datos.

    • Kacemos clic sobre la carpeta ;Controllers= en el Solution#6plorer y seleccionamos Add89Controller.

    • #n la pantalla desplegada 4amos a colocarle al controlador elnombre de nuestra clase *o tabla de Diculo+

    • #n la lista desplegable ;

  • 8/18/2019 Proyecto Con MVC

    12/12