employee manager
1.0.0
フロントエンド UI に Angular バージョン 8 を使用し、バックエンド Web API に Asp.Net Core を使用する管理システム。
これは、コンセプトをより大きなプロジェクトに拡張することを実証するプロジェクトです。これは、Angular と ASP.Net Core を使用したフォーム検証を備えた従業員管理システムです。コンセプトは、一般的な JavaScript フレームワークを理解し、C#/ASP.Net Core と組み合わせると同時に、API のバージョン管理、コントローラー エンドポイント テスト、将来の機能実装のためのセットアップ統合テストを提供することです。
Auto Mapper を使用したデータ転送オブジェクト (Dto) を使用すると、Api のDataEntitiesディレクトリにある元のエンティティ クラスが保護され、特定のタスク (フェッチ、作成、編集) のクラスにマップされます。
アプリケーションは次のツールとフレームワークを使用して構築されました。
プロジェクトには、Swagger を使用した組み込みの API エンドポイント テストが含まれています。これは、起動時に使用されるように、Configure サービスと IConfiguration の両方のStartup.csクラスでセットアップされました。ローカル環境でプロジェクトを起動した後、 https://localhost:5001/swaggerに移動してテスト インデックス ページを表示します。
このアプリケーションをテスト/使用するには、次のものが必要です。
zip ファイルをダウンロードするか、プロジェクトのクローンを作成して、リポジトリを取得します。
ファイルを複製または解凍した後、ソリューション ファイルを含むディレクトリに移動します。
~ $ cd src/EmployeeManager/どちらの順序でも、クライアントまたは API/サーバー側のファイルに移動し、それらの依存関係をインストールします。もう一度言いますが、.Net Core 2.2 SDK とともに Node.js とnpmインストールする必要があります。
クライアント側の依存関係の場合:
~ $ cd src/EmployeeManager/client
~ $ npm install @angularcliもインストールされていることを確認してください。
# for Angular
~ $ npm install -g @angular/cli @angular/coreサーバー側コードの場合、依存関係と NuGet パッケージをビルドおよび復元します。
~ $ cd src/EmployeeManager/server/
~ $ dotnet restoreクライアント側でローカル環境を実行するには: ../clientディレクトリ内でターミナル/コマンド ボックスでnpmスクリプト コマンドを使用します。
# for Angular client
~ $ ng build -optionsこれにより、 angular.jsonスクリプトを介して、API のwwwrootディレクトリに縮小された JavaScript ファイルが出力されます。
サーバー側でローカル環境を実行するには: dotnet ツールを使用してターミナルで実行するか、Visual Studio を使用してCTL + F5で実行します。
ブラウザでlocalhost:5001 (または ) に移動して、現在実行中のビルドを確認します。
EmployeeDtoをEmployeeUpdateDtoにバインドできないため、成功したリクエストをサーバーに送信する際に問題があり、代わりにコンテキスト クラスが使用されています。バージョン 1 の/v1/...ルート。
