Sistem manajemen menggunakan Angular versi 8 untuk UI ujung depan dan Asp.Net Core untuk Api web ujung belakang.
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.
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)
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.
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
Ambil repositori dengan mengunduh file zip atau mengkloning proyek.
Setelah mengkloning atau membuka ritsleting file, navigasikan ke direktori yang berisi file solusi:
~$ cd src/Manajer Karyawan/
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/klien~$ npm install
Pastikan @angularcli
diinstal juga:
# untuk Angular~$ npm install -g @angular/cli @angular/core
Untuk kode sisi server, buat dan pulihkan dependensi dan paket NuGet:
~$ cd src/EmployeeManager/server/~$ pemulihan dotnet
Untuk menjalankan lingkungan lokal di sisi klien: Gunakan perintah skrip npm
di terminal/kotak perintah saat berada di direktori ../client
:
# untuk klien Angular~$ 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.
Tambahkan Otorisasi dan Login.
Aktifkan pencarian berdasarkan nama Karyawan.
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)