Escrito por: TiraCodigo
Etiquetas: asp.net, aplicación, MVC, Tutorial, web, proyecto, español
Este articulo es parte de un tutorial para aprender MVC en sencillos pasos y en español, el cual te recomiendo revisar, una vez mencionado lo anterior, comencemos, a continuación te mostrare todos y cada uno de los pasos para crear una aplicación en MVC en Visual Studio, los cuales son los siguientes:
1.- Abrir el Visual Studio y crear un nuevo proyecto
2.- De las plantillas de proyectos, seleccionar dentro del árbol de "Web" la que dice "Aplicación web ASP.Net"
3.- Una vez guardado el proyecto, te mostrara una pantalla con las plantillas de proyectos web ASP.Net disponibles, de esta pantalla seleccionaremos la plantilla de "MVC" y daremos click a aceptar
4.- A continuación veras que Visual Studio empezara a generar todos los archivos necesarios para la creación de nuestro proyecto, entre estos se generan y guardan todas las librerías que vamos a utilizar, así como la estructura archivos propia de un proyecto de ASP MVC, al finalizar te deberá mostrar una pantalla como la siguiente:
5.- Hablemos un poco de la estructura de archivos de un proyecto de ASP MVC, como era de suponerse, se crearon las carpetas de los controladores, modelos y vistas (Controllers, Models y Views), aparte estas 3 tenemos varias que ha generado el Visual Studio para tener todo organizado, por ejemplo tenemos la carpeta de Content, que es donde meteremos todos aquellos recursos como imágenes, estilos (css), tambien tenemos una carpeta exclusiva para meter todos aquellos scripts necesarios (js), de la misma manera tenemos una llamada Fonts que almacenara todas los archivos de fuentes que necesitemos, si nos llegaran a faltar carpetas, podemos agregarlas dando click secundario sobre el proyecto y luego "Agregar" - "Nueva Carpeta", como por ejemplo nos falta una carpeta en la cual meter todos los archivos de recursos (como ya sabemos los archivos de recursos (.resx) son aquellos que nos sirven para meter los textos mostrados en la aplicación y que nos ayudan mucho cuando necesitamos un sitio multi idioma)
6.- Como este es un proyecto nuevo, por default se utiliza la versión de ISS Express (nos damos cuenta por que en la url se muestra algo como "http://localhost:1760" es decir, con puerto), para modificar esto y hacer que corra sobre la versión de ISS Local, debemos abrir las propiedades del proyecto (Click secundario sobre el proyecto "MiPrimeraAplicacionMVC" - "Propiedades"), luego en el tab de "Web" debemos de buscar donde estén las opciones de "Servidores", y en el combo seleccionar "ISS Local" veremos que al realizar esta cambio el campo de "URL del proyecto" cambiara a "http://localhost/MiPrimeraAplicacionMVC", es decir, aparecerá localhost sin el puerto, ahora solo debemos dar click en el botón de "Crear directorio virtual" (Si despues de esto te sale un error de diciendo que no tienes acceso, es por que necesitas abrir el Visual Studio con permisos de administrador), y con esto tendremos corriendo nuestra aplicación con la versión de ISS Local, después esto es importante guardar el proyecto para que conserve los cambios realizados al proyecto
Una vez entendido lo anterior, tenemos una idea mas clara de como esta distribuido un proyecto en ASP MVC, ahora lo que falta es verlo en funcionamiento, para esto solo tenemos que dar click en el botón de play para que se ejecute en el navegar de nuestra preferencia, te debería de aparecer algo similar a la siguiente pantalla, si tuvieras dudas en algunos de los pasos por favor hazlo notar en los comentarios en la parte de abajo, los cuales revisamos tan pronto como podemos