Manajer Karyawan

Sistem manajemen menggunakan Angular versi 8 untuk UI ujung depan dan Asp.Net Core untuk Api web ujung belakang.

Cakupan

Ini adalah proyek untuk mendemonstrasikan perluasan konsep ke dalam proyek yang lebih besar. Ini adalah sistem manajemen karyawan dengan validasi formulir menggunakan Angular dan ASP.Net Core. Konsepnya adalah untuk membiasakan dan menggabungkan kerangka kerja JavaScript populer dengan C#/ASP.Net Core, sekaligus menyediakan Versi Api, pengujian Titik Akhir Pengontrol, dan menyiapkan pengujian integrasi untuk implementasi fitur di masa mendatang.

Penggunaan objek transfer data (Dtos) menggunakan Auto Mapper melindungi dan memetakan kelas entitas asli yang ditemukan di direktori DataEntities Api ke kelas untuk tugas tertentu, yaitu mengambil, membuat, dan mengedit.

Tangkapan layar

Tumpukan Pengembangan

Aplikasi ini dibangun menggunakan alat & kerangka kerja berikut:

C#/ASP.Net Inti 2.2
Versi sudut 8.3
Tali sepatu 4
SQL Server atau Database PostgreSQL (mudah dikonfigurasi di kelas DbContext)

Pengujian Titik Akhir Bawaan

Proyek ini berisi pengujian titik akhir Api bawaan menggunakan Swagger. Ini diatur di kelas Startup.cs di layanan Konfigurasi dan IConfiguration untuk digunakan saat startup. Setelah meluncurkan proyek di lingkungan lokal, navigasikan ke https://localhost:5001/swagger untuk melihat halaman indeks pengujian.

Tangkapan layar

Pengaturan

Untuk menguji/menggunakan aplikasi ini, Anda memerlukan yang berikut:

Asp.Net Core 2.0 SDK, sebaiknya 2.2.1
Node.js versi 8 atau lebih tinggi
CLI Sudut
Microsoft SQL Server atau pgAdmin untuk PostgreSQL

Instalasi

Ambil repositori dengan mengunduh file zip atau mengkloning proyek.

Setelah mengkloning atau membuka ritsleting file, navigasikan ke direktori yang berisi file solusi:

 ~ $ cd src/EmployeeManager/

Dalam urutan mana pun, navigasikan ke file sisi klien atau api/server dan instal dependensinya. Sekali lagi, Anda perlu menginstal Node.js dan npm bersama dengan .Net Core 2.2 SDK.

Untuk dependensi sisi klien:

 ~ $ cd src/EmployeeManager/client
~ $ npm install

Pastikan @angularcli diinstal juga:

 # for Angular
~ $ npm install -g @angular/cli @angular/core

Untuk kode sisi server, buat dan pulihkan dependensi dan paket NuGet:

 ~ $ cd src/EmployeeManager/server/
~ $ dotnet restore

Menjalankan Lingkungan

Untuk menjalankan lingkungan lokal di sisi klien: Gunakan perintah skrip npm di terminal/kotak perintah saat berada di direktori ../client :

 # for Angular client
~ $ ng build -options

Ini menghasilkan file JavaScript yang diperkecil di direktori wwwroot API melalui skrip angular.json .

Untuk menjalankan lingkungan lokal di sisi server: Gunakan alat dotnet untuk menjalankannya di terminal atau gunakan Visual Studio untuk menjalankannya dengan CTL + F5

Navigasikan ke localhost:5001 (atau ke ) di browser untuk melihat build saat ini berjalan.

TODO

Tambahkan Otorisasi dan Login.
Aktifkan pencarian berdasarkan nama Karyawan.

Masalah dan Bug yang Diketahui

Tindakan Update di kelas titik akhir pengontrol di bawah ApiVersion 2 (yaitu api/v2/endpoint) memiliki masalah dengan pengiriman permintaan yang berhasil ke server karena AutoMapper tidak dapat mengikat EmployeeDto ke EmployeeUpdateDto , jadi ia menggunakan kelas konteks sebagai gantinya pada versi 1 di bawah rute /v1/... (masalah telah diperbaiki)

Memperluas

Informasi Tambahan