Giter Club home page Giter Club logo

crud-mvc-dotnet's Introduction

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

crud-mvc-dotnet's People

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.