angular aspnetcore seed

الزاوي-aspnetcore-البذور

Angular 7.2.7 / ASP.NET Core 2.2 Seed Project مع تصحيح أخطاء VS Code الكامل

تثبيت

1. انسخ المشروع في المجلد الذي تختاره - git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
2. قم بإزالة المجلد .git - rm -rf .git
3. قم بتهيئة مستودع جديد في الدليل - git init
4. تثبيت حزم NPM - (cd ClientApp && npm install)
5. استعادة حزم NuGet - dotnet restore
6. قم بتشغيل Visual Studio Code - code .
7. يمكن إجراء تصحيح أخطاء رمز الخادم والعميل بالضغط على F5

هيكل المشروع

النهاية الخلفية

الواجهة الخلفية هي تطبيق ASP.NET Core 2.2 WebAPI.

• Controllers - أضف نقاط نهاية جديدة عن طريق إنشاء وحدات تحكم أو تحديثها في هذا الدليل
• Models - قم بإضافة نماذج البيانات في هذا المجلد
• Interfaces - أضف أي واجهات سيتم تنفيذها في هذا الدليل
• Services - أضف أي خدمات في هذا الدليل. عادةً ما تقوم الخدمات بإجراء تفاعلات HttpClient وقاعدة البيانات المباشرة
• Startup.cs - يوجد تكوين بدء التشغيل هنا، بالإضافة إلى تسجيل أي خدمات بيانات سيتم إدخالها في وحدات التحكم في وقت التشغيل

الواجهة الأمامية

ستجد رمز الواجهة الأمامية في دليل ClientApp . هذا تطبيق Angular 7.2.0 CLI متوافق تمامًا. وهذا يعني أنه من داخل مجلد ClientApp تتوفر إمكانيات ng generate الكاملة ويتم تشجيعها.

تشغيل المشروع

هذا مشروع ASP.NET Core 2.2 مع واجهة أمامية Angular 6. تم تكوين مشروع dotnet لإنشاء مشروع Angular تلقائيًا عند تنفيذ dotnet run . هذا يعني أنه لا داعي للقلق بشأن تشغيل ng serve -o يدويًا. يتم تشغيله أيضًا في وضع إعادة التحميل السريع، لذا فإن أي تغييرات يتم إجراؤها على كود dotnet و/أو الكود الزاوي ستؤدي إلى إعادة التحميل والتحديث التلقائي في المتصفح.

تصحيح الأخطاء من Visual Studio Code

يشتمل هذا المشروع على ملف .vscode/launch.json وملف .vscode/tasks.json . هذا يعني أنه يمكنك افتراضيًا تشغيل F5 والوصول إلى نقاط التوقف في كل من التعليمات البرمجية من جانب الخادم والعميل. حلو!!

إذا كانت لديك مشكلات عند التشغيل لأول مرة، فتأكد من اختيار هدف تصحيح الأخطاء Full stack .

المساهمات موضع ترحيب

هذا مشروع غير رسمي للغاية وسيتم قبول أي وجميع طلبات السحب مع التحسينات. وإنني أتطلع إلى ملاحظاتك!

التدريب الزاوي

إذا كنت جديدًا أو من ذوي الخبرة في استخدام Angular، فإنني أوصي بشدة بالتوجه إلى Ultimate Angular والاشتراك في دورات Angular Framework. اتبع الرابط الموجود في اللافتة للقيام بذلك.