Ini adalah aplikasi web ASP.NET 8 dan Angular 17 yang belum selesai. Aplikasi ini didasarkan pada templat proyek 'Angular dan ASP.NET Core' di Visual Studio 2022. Tujuannya adalah untuk menggunakan Aplikasi Angular Galeri Template Devexpress 'DevExtreme UI dan menggunakannya sebagai sisi klien dari aplikasi ASP.NET untuk menunjukkan aplikasi lini lini bisnis (LOB) yang tampak bagus.
Saya perhatikan sebagian besar jika tidak semua aplikasi ASP.NET di GitHub tidak memiliki UI atau menggunakan UI yang sangat sederhana. Saya memutuskan seseorang harus menunjukkan UI yang bagus.
UI DevExpress asli mendapatkan semua datanya dari layanan web DevExpress. Saya menyalin dan memodifikasi versi sudut mereka sehingga berjalan sebagai bagian dari aplikasi ASP.NET sebagai bagian klien web. Bagian 'Daftar Kontak' sekarang mendapatkan datanya dari Asp.net Back End yang mendapatkannya dari database. Tujuannya adalah untuk melakukan jenis konversi yang sama untuk sisa UI tetapi saya berhenti pendek dan pindah untuk berkonsentrasi pada Blazor. Ujung belakang didasarkan pada pola arsitektur yang bersih dan corflow titik akhir yang sama -> layanan -> repositori -> database dapat diterapkan pada sisa aplikasi menggunakan konvensi yang sama.
Aplikasi tidak menerapkan otentikasi, otorisasi, penebangan, wadah. dll. Untuk mengimplementasikan fitur -fitur tersebut, lihat Jasontaylordev/Cleanarchitecture untuk beberapa inspirasi dan implementasi.
UI didasarkan pada DevExtreme Devexpress yang merupakan suite komponen UI unggulan dan dipoles penuh dan galeri demo adalah demo yang bagus. Saya sangat merekomendasikannya. DevExtreme gratis untuk aplikasi non komersial dan memerlukan lisensi untuk aplikasi komersial.
Instruksi untuk mengatur database:
- Langkah pertama adalah menyiapkan database. Aplikasi ini menggunakan SQL Server. Jika Anda menggunakan SQL Server 2019 atau lebih tinggi, Anda dapat memulihkan database dari file cadangan, dxfullapp.bak, di folder 'Misc_Files' di proyek infrastruktur.
- Lain jalankan skrip dxfullapp.sql yang ada di folder 'Misc_files' untuk membuat dan mengisi database dengan data. Edit file jika perlu untuk memperbarui nilai nama file ke jalur instalasi SQL Server Anda yang tepat di sistem Anda.
- Perbarui nilai DefaultConnectionString jika perlu di file appsettings.json di proyek server.
Instruksi untuk menjalankan aplikasi:
- (Ada masalah di mana solusinya membutuhkan waktu beberapa menit untuk memuat di VS 2022. Belum yakin apakah itu masalah lokal.)
- Setelah mengatur database dan string koneksi, buat proyek server proyek startup. Jalankan aplikasi dan akan meluncurkan browser dengan halaman yang dimuat dengan kontak. Halaman awal akan menampilkan halaman yang rusak kemudian menyegarkan secara otomatis dan diterjemahkan dengan benar. Ini harus diperbaiki.
Untuk melakukan daftar (saat ini tidak ada rencana untuk menyelesaikannya):
- Konversikan semua UI untuk menggunakan ASP.NET Back End alih -alih titik akhir DevExpress.
- Buat semua DTO untuk melayani klien dan memetakan entitas kepada mereka. (Menggunakan Automapper atau Mapster jika itu lebih disukai).
- Tambahkan unit, fungsional, integrasi dan tes ujung ke ujung.
- UI tidak melakukan pembaruan seperti menyimpan pengeditan atau membuat objek baru. Menerapkannya.
- Tambahkan otentikasi, otorisasi, logging, pemeriksaan kesehatan .. dll.
- Cobalah API minimal alih -alih API berbasis pengontrol.
- Klien Angular saat berada di versi 17, tidak benar -benar menggunakan fitur spesifik versi apa pun. Yang saya lakukan adalah mengonversinya dari versi 15 ke 17.
Mengapa DevExtreme:
- Ini memiliki puluhan komponen UI berkualitas tinggi, dipoles dan dapat diperluas yang secara asli mendukung sudut, bereaksi, vue, javaScript polos dan polos.
- Dukungan dan dokumentasi teknis yang sangat baik. Online dengan demo yang dapat disesuaikan secara real time yang menunjukkan fitur dari setiap komponen.
- Jaringan data responsif yang kuat dan seluler. Harga seluruh suite kurang dari harga komponen UI satu-grid yang populer.
- Sementara itu membutuhkan biaya, dalam jangka panjang itu akan menghemat banyak uang dengan memotong biaya pengembangan dan waktu dukungan vs menggunakan gado -gado komponen UI open source yang bekerja, berperilaku dan terlihat tidak konsisten. Gunakan komponen yang dihidupkan oleh perusahaan alih -alih bergantung pada waktu luang pengembang atau komunitas.
- PS: Saya tidak berafiliasi dengan DevExpress selain menjadi pelanggan yang bahagia. Saya hanya mengungkapkan pendapat pribadi saya.
- Nikmati Coding!
