QuickApp Cadre rad libre
QuickApp inter-plate-forme pour le développement d'applications instantanées
QuickApp est construit avec Angular 9, ASP.NET Core avec Entity Framework. Il offre une authentification basée sur OpenID Connect et un tableau de bord réactif personnalisable
Aperçu
QuickApp est un modèle de projet open source auto-hébergé qui offre des fonctionnalités de développement instantanées. Premièrement, son côté client est dans Angular 9 avec TypeScript. Deuxièmement, le noyau ASP.NET avec l’entité Framework fonctionne à l’arrière. De plus, il utilise WebPack pour gérer les bibliothèques côté clients et Swagger pour la documentation de l’API REST qui facilite le développement des applications rapides. Après cela, ce logiciel open source utilise OpenID Connect pour l’authentification basée sur les jetons et offre une gestion complète des utilisateurs ainsi que leurs rôles. L’utilisateur peut effectuer des opérations CRUD sur toutes les entités générées telles que les commandes, les produits, les utilisateurs, etc. De plus, il utilise Bootstrap à des fins de thème où l’utilisateur peut modifier la couleur du thème juste à partir de l’interface utilisateur intuitive. Surtout, il existe un service de notification à l’avant avec des effets lisses en raison d’animations angulaires. Enfin, en ce qui concerne les langues, ce projet est principalement basé sur TypeCript et C # avec l’entrée de HTML JQuery et CSS.
Configuration requise
Les exigences pour configurer Formbuilder comprennent:
- ASP.NET Core 3.0
- Core du cadre d’entité
- Nodejs 8.x +
Caractéristiques
Voici les principales caractéristiques de QuickApp:
- Open source
- Cross-plateforme
- Support OpenID Connect
- API RESTFUL
- Rôles basés sur l’autorisation
- Tableau de bord simple
- Documentation de l’API avec fanfaron
- Sécurisé
- Robuste
- Thème personnalisé
Instructions d’installation
Clone d’abord le référentiel en utilisant la commande suivante:
git clone https://github.com/emonney/QuickApp.git
Après un clone réussi, exécutez les commandes suivantes:
dotnet restore // for ASP.NET project backend npm install // for Angular front end
Maintenant, accédez au fichier «Environment.ts» dans le projet ClientApp / Angular et configurez l’URL frontale avec l’URL du backend et exécutez la commande suivante dans le répertoire racine pour exécuter l’extrémité arrière.
dotnet run
Après cela, exécutez les commandes suivantes pour exécuter l’extrémité frontale.
cd ClientApp/ ng serve
Enfin, vous pouvez accéder à l’URL [http: // localhost: 4200 /] (https://href.li/?http://localhost:4200/) dans le navigateur. Connexion d’administration par défaut:
Nom d’utilisateur: administrateur
Courriel: Adminebenmonneycom
Mot de passe: TEMPPSS123 Connexion standard par défaut:
Nom d’utilisateur: utilisateur
Courriel: userebenmonneycom
Mot de passe: TEMPP @ SS123