Escrito por: TiraCodigo
Etiquetas: asp.net, MVC, Tutorial, template
Este post es el segundo paso de nuestro tutorial para Utilizar un template en nuestro proyecto con asp.net mvc, en el cual explicaremos como cargar desde 0 un template a un nuevo proyecto de asp.net mvc, a continuación tocaremos el tema de:
Cargar archivos necesarios al proyecto de asp.net mvc
Primeramente tenemos que crear un proyecto en limpio para distribuir en este los archivos del template, tenemos el siguiente tutorial que te ayudara a Crear en Visual Studio una aplicación web en MVC, mismo que te servirá de guía si es que necesitas ayuda para completar este paso
Como lo explicamos al principio del tutorial, cuando descomprimas el template, te encontraras con los siguientes archivos:
- Pagina(s) en html
- Archivo de estilos
- Imagenes
- Scripts
Mismos que iremos metiendo a nuestro proyecto, por ejemplo, yo cree una nueva solución de MVC llamada "MiTemplate", en la cual podremos ver que tenemos las siguientes partes desde el inicio:
De los archivos que tiene el template, primero nos enfocaremos en copiar los estilos, para esto, como paso opcional, primero puedes respaldar los archivos de los estilos actuales (*.css) en la carpeta "Content" de nuestro proyecto, y pegarlos dentro de una carpeta llamada old (que tenemos que crear, ya que no existe), una vez realizado lo anterior, tendremos que ir a los archivos del template y copiar todo el contenido de la carpeta "css", los cuales pegaremos dentro de una carpeta que crearemos llamada "estilos" (Dentro de la carpeta "Content"), tendrías algo parecido a esto:
Vamos a realizar el mismo proceso para los scripts, primeramente tenemos que poner los archivos que están dentro de la carpeta "Scripts" de nuestro proyecto desde de la carpeta old (misma que tendremos que crear), una vez realizado esto, copiaremos todos los archivos que están dentro de la carpeta "js" de nuestro template, y pegaremos dentro de la carpeta "Scripts" de nuestro proyecto, tendrías que tener algo así:
Para las imágenes, realizaremos exactamente el mismo paso, iremos a la carpeta "images" del template, y copiaremos todo el contenido, iremos a la carpeta de "Content" y ahí crearemos una carpeta llamada "imagenes", es en esta donde pegaremos lo que copiamos del template, una vez realizado deberías tener algo como esto:
Para la ultima parte, que son las fuentes, debemos hacer el mismo procedimiento que seguro ya nos aprendimos, parar el contenido de la carpeta "fonts" del proyecto, a la carpeta old que crearemos, una vez realizado, copiaremos el contenido de la carpeta "fonts" del template, y la pegaremos en la carpeta "fonts" de nuestro proyecto, y debería verse así:
Con esto tendremos terminado lo que es la carga de archivos del template, por lo que podremos seguir con el paso de Utilizar un template en asp.net mvc - Montar el template en las vistas, en el cual veremos como identificar todas las partes del template, para empezar a crear las correspondientes vistas, y las acciones correspondientes de los controladores, con el cual prácticamente terminaríamos de montar nuestro template, y pasaríamos a la parte de las pruebas, donde podremos todo a fuego y veremos que lo realizado funcione correctamente.