Csharpexpensecalculator
Asp.net Web API, Angular / CLI, Entity Framework (Aplikasi Anggaran dengan Token Auth)
Marcus Barnes
Tujuan: Ini adalah proyek API Web ASP.NET sederhana dengan tabel basis data yang dirancang untuk menunjukkan untuk memanfaatkan kerangka kerja entitas dengan tabel dalam database untuk otentikasi pengguna dan data pengeluaran lainnya. C# "expensapi" (sisi server) ditulis dalam Visual Studio 2017 dan Angular /CLI "ExpenseSclient" (Sisi Klien) yang ditulis dalam VS Code (v1.41.1)
Petunjuk:
- Buka folder "ExpenseSlient" dalam kode studio visual
- Buka SLN Expnesesapi di Microsoft Visual Studio
- Jalankan klien dengan memasukkan " ng serve -o" ke terminal/cl
- Jalankan Aplikasi Server di VS (ini harus berjalan juga untuk berkomunikasi dengan database)
Jika Anda kesulitan menjalankan:- Jika Anda mendapatkan kesalahan ini saat menjalankan klien
- Pengecualian yang tidak ditangani terjadi: tidak dapat menemukan modul "@angular-devkit/build-angular" dari….
- Kemudian jalankan ini di CL
- Instal NPM --Save-dev @Angular-Devkit/Build-Angular
- Jika database tidak terisi
- Buat database SQL Server lokal baru
- Buka Server Explorer
- Klik Koneksi Data Kanan
- Klik “Buat Database SQL Server Baru”
- Ketik "." atau "(lokal)" untuk nama server
- Ketik PengeluaranDB untuk Nama Server
- Setelah diatur, klik DB dan tekan F4
- Arahkan ke web.config
- Di dekat bagian bawah, ganti nilai "ConnectionString" dengan yang baru
- Klik Solusi Pengeluaran APPSAPI, tekan F4 untuk memunculkan properti, salin URL EX. http: // localhost: 49189/
- Buka Vs Code> SRC> App> Entry.service.ts
- Ganti nilai url basis hingga nomor localhost (mis. 49189), tinggalkan '/API/entri/' di ujungnya.
- Format adalah: 'http: // localhost: #####/api/entri/'
Spesifikasi:
- Microsoft Aspnet Web API 2.2
- @Angular/Cliw
- Paket Nuget (mungkin sudah termasuk beberapa tambahan dalam daftar):
- EntityFramework oleh Microsoft
- Aspnet.mvc
- Aspnet.telemetrycorrelation
- Aspnet.web.optimization
- Aspnet.webapi.core
- Aspnet.webapi.cors
- Aspnet.webapi.helppage
- Aspnet.webapi.webhost
- Aspnet.webpages
- Identitymodel.jsonwebtokens
- Identitymodel.logging
- Identitymodel.tokens
- Identitymodel.tokens.jwt
Fitur :
- Pembuatan Nama Pengguna dan Kata Sandi disahkan ke penyimpanan ke tabel basis data lokal.
- Masuk/Masuk keluar dari pengguna dari database, menggunakan token dan ditempatkan di penyimpanan lokal
- memungkinkan pengguna untuk menambah, mengedit, dan menghapus entri (baik biaya atau pendapatan)
- Saring entri berdasarkan nama
Referensi yang berguna:- https://material.angular.io/guide/getting-started
Tangkapan layar lainnya: