Sistema Gestión de Citas Parte 4: Agregando diseño a la capa presentación

El diseño que usaremos para este proyecto será AdminLTE 3 Alpha 2. Descargamos el archivo comprimido y lo descomprimimos en el escritorio, a continuación en la capa presentación agregamos una carpeta llamada AdminLte.

Imagen 1: Agregar nueva carpeta en la capa presentación. (Fuente propia)

Imagen 2: Nombramos AdminLte a la nueva carpeta. (Fuente propia)

Ahora vamos a la carpeta que descomprimimos en el escritorio con los archivos de la plantilla y copiamos la carpeta bower_components y lo pegamos en la carpeta AdminLte de la capa de presentación.

Imagen 3: copiar la carpeta bower_components. (Fuente propia)

Imagen 4: pegar la carpeta bower_components en la carpeta AdminLte. (Fuente propia)

Repetimos el mismo proceso pero ahora con el contenido de la carpeta "dist".

Imagen 5: copiar el contenido de la carpeta "dist". (Fuente propia)

Imagen 6: pegar el contenido de la carpeta "dist" en la carpeta AdminLte. (Fuente propia)

Ahora que ya tenemos cargados los archivos de la plantilla, tenemos que modificar la plantilla del proyecto, para ello vamos a la carpeta Views -> Shared -> _Layout.cshtml.

Imagen 7: archivo _Layout.cshtml. (Fuente propia)

borramos todo el contenido del archivo y pegamos el siguiente código:

Ahora ejecutamos el proyecto y tenemos que visualizar la siguiente pantalla.

Imagen 8: Pantalla inicial del proyecto. (Fuente propia)

Y eso sería todo por esta entrada ;), en la siguiente entrada dejaremos en standby el diseño y empezaremos a crear las clases de la capa entidades :).

Sistema Gestión de Citas Parte 5: Agregando Clases a la Capa Entidades