Ir al contenido principal

Bootstrap y ASP.NET MVC - Fase V

Para finalizar con las fases y dedicarnos solamente a la construcción del modulo de seguridad haciendo uso del ORM Dapper.Net (terceros), cerramos con la fase de Bootstrap (Qué es Twitter Bootstrap) y ASP.NET MVC:

Básicamente lo que se hará sera agrega el archivo .js y .css de dicho framework en nuestro proyecto que ya venimos implementando, para lograr la siguiente vista:

1.  Para esto iniciamos eliminando los archivos jQuery que por defecto nos trae al crear la aplicación.

1.1. Luego agregamos en el directorio Scripts, elemento existente (bootstrap.js y bootstrap.min.js).
Ubicamos los archivos y clic en agregar.

1.2. Verificamos que los archivos bootstrap.js y bootstrap.min.js deben estar ya agregados.

Nota: El archivos bootstrap.js es el .js que sí deseásemos podemos hacer nuestras propias modificaciones, ya que el archivo bootstrap.min.js es el archivo .js compilado. Te recomiendo leer esta publicación.

2.  Ahora debemos eliminar el sub directorio Themes que esta en el dirección Content, valga la redundancia, también es creado por defecto al crear la aplicación.

3.  Agregamos los estilos (.css) del bootstrap en el directorio Content.

4. Luego agregamos la carpeta images en el directorio Content:

4.1. Y agregamos los archivos de imágenes del bootstrap o en nuestro propios archivos css.

4.2. Como resultado verificamos que nuestro archivos ya fueron agregados:

VERIFICAMOS EN LOS DIRECTORIOS Content Y Scripts QUE FUERON AGREGADOS TODOS LOS ARCHIVOS CORRESPONDIENTE AL FRAMEWORK DE BOOTSTRAP:

CON TODO ESTO AUN NO SE LOGRA EN CORRECTO FUNCIONAMIENTO DEL FRAMEWORK DE BOOTSTRAP, DEBEMOS REALIZAR LOS SIGUIENTES CAMBIOS ES NUESTRO PROYECTO:

5. Comentar o eliminar la sección bundles del archivo BundleConfig.cs, puedes revisar acerca de los archivos del directorio App_Start:


5.1. Luego hacemos referencia a todos nuestro archivos que fueron agregados a nuestra proyecto (considera el color de cada uno de ellos):

6. Comentamos y agregamos las nuevas referencia en nuestro archivo (vista) _Layout.cshtml que se encuentra en el directorio ..\Views\Shared:

7. Cambiamos la sección de nuestro div de nuestro archivo (vista) Login.cshtml que se encuentra en el directorio ..\Views\Login:

8. Agregamos nuestro css (style-login.css) relacionado a nuestra vista login, puede revisar preparando template login - ASP.Net MVC:

9. Ejecutamos (presionar F5) nuestro aplicación, y tendremos nuestro primera vista que todo esto es gracias al FRAMEWORK DE BOOTSTRAP y algunos agregaciones propias en nuestro archivo de style-login.css.

10. Ahora clic en el botón login para ver las mismas acciones de validaciones que se mostraron en la anterior fase Agregar vistas ASP.NET MVC - Fase IV.

10.1. Ingresamos el usuario y clic en login y aun nos pide el password (validación).

11. Para finalizar ingresamos todos los datos y veremos como resultado la siguiente pantalla del administrador, recuerda que en la fase anterior los loguemos con los roles de administrador y usuario, así mismo puede loguearte con el  usuario invitado.

Pueden descargar la fuente desde:
 Fuente en C#
 Project - GitHub
Con todos esto pasos doy por finalizados las fases, construyendo una aplicación ASP.Net MVC desde cero. Lo que ahora sigue es implementar toda la solución del modulo de seguridad y a futuro publicarlo.

Comentarios

Entradas más populares de este blog

Habilitar Usuario HR Oracle

Al realizar la primera instalación del Oracle, el usuario HR por defecto está bloqueado y por ende no podemos loguearnos como dicho usuario, lo que debe hacer son los siguiente pasos, aplicables para Linux o Windows.
1. Conectarse como usuario system o sysdba + contraseña haciendo uso del comando connect.
Usuario: system
Password: xxxx 


2. Hacer uso  del comando alter user hr account unlock desbloqueamos la cuenta.
alter user hr account unlock;

3. Escribimos el comando alter user HR identified by hr; con esto estamos diciendo que la contraseña será hr.

alter user HR identified by hr;

4. Ahora testeamos la conexión con el comando - conn hr/hr@xe. Si deseas después de conectarnos se puede realizar un select a la tabla employees del hr.


Resultado del select realizado
5. Con todos estos pasos realizados ya podemos logearnos desde cualquier IDE como el usuario hr  y la contraseña hr que definimos en el paso 3. 
Para finalizar nos loguearemos con el IDE Oracle SQL Developer.

Espero les sea de utilidad,…

Usuario SYS y SYSTEM - ORACLE

Usuario SYS y SYSTEM
Ambos usuario son creados de forma automática al crear la base de datos ORACLE y se otorga el rol de DBA.

SYS (password por defecto: CHANGE_ON_INSTALL).
SYSTEM (password por defecto: MANAGER).

Lo que se recomienda es cambiar el password de ambos usuarios por el tema de seguridad.

SYS:
Todas las tablas y vistas para el diccionario de datos de la base de datos están almacenados en el esquema SYS. Estas tablas y vistas son críticas para el funcionamiento de la base de datos ORACLE. Para mantener la integridad del diccionario de datos, las tablas del esquema SYS son manipulados solo por la base de datos. Nunca se debería modificar algo o crear tablas en el esquema del usuario SYS.

SYSTEM:
El usuario SYSTEM se utiliza para crear tablas y vistas adicionales que muestran información administrativa, tablas internas y vistas utilizado por varias opciones y herramientas de la base de datos ORACLE. No se recomienda utilizar el esquema SYSTEM para almacenar tablas de interés para usu…

Parámetro de entrada y salida – PL/SQL

Parámetro de entrada y salida – PL/SQL:
Los parámetros de entrada y salida no son los parámetros de inicialización de la base de datos ORACLE. Los parámetros de entra y salida son utilizados mayormente en implementaciones de funciones, procedimientos almacenados o bloques de código bajo el lenguaje del PL/SQL, se considera que ambos parámetros (entra y salida) puedan realizar operaciones en el mismo bloque PL/SQL, es decir, si enviamos un parámetro de entrada hará que cumpla cierta operación y retornara los valores de salida de dicha operación procesada de acuerdo al parámetro de ingresado. Es de acuerdo al caso que nos presenta en la implementación.
Algo importante al definir los parámetros, es saber y considerar cuántos tipos de parámetro existe si solo hablamos de entrada y salida, en realidad mi determinación seria 3 tipos:

Parámetros:

IN – entrada
OUT – salida
IN OUT – entrada salida

Parámetro IN – entrada:
El comportamiento común de estés tipos de parámetros es estar siempre pendiente d…