クイックアプリケーション開発

QuickApp フリーラッドフレームワーク

インスタントアプリケーション開発のためのクロスプラットフォームQuickApp

QuickAppは、Angular 9、ASP.NET Coreを備えたエンティティフレームワークで構築されています。 OpenID Connectとカスタマイズ可能なレスポンシブダッシュボードに基づいて認証を提供します

概要

QuickAppは、即時開発機能を提供する自己ホストのオープンソースプロジェクトテンプレートです。第一に、そのクライアント側はTypeScriptとともにAngular 9にあります。第二に、エンティティフレームワークを備えたASP.NETコアは、バックエンドで動作します。さらに、クライアントサイドライブラリを管理するためにWebpackを使用し、迅速なアプリケーション開発のために簡単に提供するREST APIのドキュメントにSwaggerを使用します。 その後、このオープンソースソフトウェアは、トークンベースの認証にOpenID Connectを使用し、その役割とともに完全なユーザー管理を提供します。ユーザーは、注文、製品、ユーザーなどの生成されたすべてのエンティティでCRUD操作を実行できます。さらに、QuickAppは、迅速なアプリケーション開発のためにAngularディレクティブとサービスを完全に使用することを確認します。さらに、ユーザーが直感的なユーザーインターフェイスからテーマ色を変更できるテーマのためにブートストラップを使用します。 とりわけ、フロントエンドには、角度アニメーションのためにスムーズな効果がある通知サービスがあります。最後に、言語に関する限り、このプロジェクトは主にHTML jQueryとCSSの入力を使用したTypeCriptとC#に基づいています。

システム要求

FormBuilderをセットアップするための要件は次のとおりです。 -ASP.NETコア3.0

  • エンティティフレームワークコア -nodejs8.x +

特徴

QuickAppの重要な機能は次のとおりです。

  • オープンソース
  • クロスプラットフォーム -OpenID Connectサポート
  • RESTFUL API
  • 許可ベースの役割
  • シンプルなダッシュボード -Swaggerを使用したAPIドキュメント
  • 安全
  • 屈強
  • カスタムテーマ

インストール手順

最初に次のコマンドを使用してリポジトリをクローンします。

     git clone https://github.com/emonney/QuickApp.git

クローンが成功した後、次のコマンドを実行します。

     dotnet restore // for ASP.NET project backend npm install // for Angular front end  

次に、ClientApp/Angularプロジェクトの「Environment.TS」ファイルに移動し、バックエンドURLでフロントエンドURLを構成し、次のコマンドをルートディレクトリに実行してバックエンドを実行します。

     dotnet run

それを行った後、次のコマンドを実行してフロントエンドを実行します。

     cd ClientApp/ ng serve

最後に、URL [http:// localhost:4200/](https://href.li/?http://localhost:4200/)にアクセスできます。 デフォルトの管理者ログイン: *ユーザー名:admin

*電子メール:Adminebenmonneycom

*パスワード:Temppss123 デフォルトの標準ログイン: *ユーザー名:ユーザー

*電子メール:userebenmonneycom *パスワード:TEMPP@SS123

探検

次のリンクが関連する場合があります。

Jhipsterで最初のアプリケーションをセットアップして作成する方法

 日本