/crud-mvc-dotnet

ASP.NET Core 3.1 + Entity framework + LocalDB + FluentValidation + Datatables + Export content to (Excel, CSV, PDF)

Primary LanguageJavaScript

Crud MVC DOTNET

Sistema web básico con operaciones CRUD hecho en .Net Core 3.1 y SQL Server.

¿De qué trata esta aplicación?

Este proyecto consiste en un pequeño sistema web MVC de inventario con una base de datos lista para usar y lógica de negocio mínima. Todos los componentes usados se listan a continuación.

¿Cómo pruebo esto? (Despliegue)

Para poder ejecutar la aplicación (por el momento solo en sistemas Windows) se necesita instalar los siquientes componentes:

Una vez instalados, seguir los siguientes pasos para iniciar el proyecto.

  1. Descargar el proyecto compilado listo para probar desde este enlace.

  2. Descomprimir los archivos del proyecto en alguna carpeta, por ej. crear una carpeta en el escritorio llamada ExampleProject.

  3. Pararse dentro de esa carpera. Para esto, abrir una terminal y ejecutar el comando cd C:\Users\%username%\Desktop\ExampleProyect\.

  4. Antes de iniciar el proyecto cambiar la conexión para que "apunte" a la base de datos que trae dentro de la carpeta App_Data. Para esto, abrir el archivo appsettings.json y dejarlo como se muestra a continuación:

    {
      "Logging": {
        "LogLevel": {
          "Default": "Information",
          "Microsoft": "Warning",
          "Microsoft.Hosting.Lifetime": "Information"
        }
      },
      "AllowedHosts": "*",
      "ConnectionStrings": {
        // develop
        //"DefaultConnection": "Server=(localdb)\\mssqllocaldb; Database=crud_mvc_dotnet; Trusted_Connection=True;"
        // deploy in other machine
        "DefaultConnection": "Server=(localdb)\\mssqllocaldb; Database=crud_mvc_dotnet; Trusted_Connection=True; AttachDbFilename=|DataDirectory|\\App_Data\\crud_mvc_dotnet.mdf"
      }
    }

    Lo que se hace acá es solamente cambiar el valor del ConnectionStrings para que lea la base de datos desde App_Data\crud_mvc_dotnet.mdf que se encuentra en el proyecto.

  5. Iniciar el proyecto, en la terminal ejecutar el comando dotnet crud.dll, deberan mostrarse unas lineas y entre esas una url de navegación similar a esta https://localhost:5001.

  6. Abrir el navegador e ir a la url anteriormente mostrada y listo, ya se puede probar la aplicación.

Diagrama de clases

La aplicación cuenta con una estructura tipo MVC (Modelo-Vista-Controlador). Además implementa una capa de servicios para el acceso a datos. Todo esto en un mismo proyecto. Para una vista general, se presenta el diagrama de clases (archivo ClassDiagram.cd)

Capturas

Pagina de lista de artículos.

Página de reportes

Demostración

article_add_item_and_export.mp4

Modo nocturno (visto en teléfono móvil) https://github.com/manuel-chinchi/crud-mvc-dotnet/assets/88981972/4edf58fc-0212-4648-8d99-871ae1439dea