الصفحة الرئيسية>كود مصدر ASP>فئات أخرى
تنزيل

Angular6-Webapi

تسجيل الدخول ، الرمز المميز ، عملية CRUD مع Angular 6 و .NET CORE2 Webapi

قاعدة كود المستودع

يتكون المستودع من مشاريع على النحو التالي:

# اسم المشروع تفاصيل المشروع موقع
1 webapi asp.net core2 webapi كخلف مجلد الخلفية
2 عميل الزاوي 6 كواجهة أمامية مجلد العميل

قائمة

قائمة

قائمة

يضيف

يحرر

تفاصيل الإعداد

تفاصيل إعداد البيئة

  1. تنزيل/تثبيت dotnet core2.1 لتشغيل مشروع WebAPI

  2. تنزيل/تثبيت العقدة لتشغيل تطبيق Angular6-Webapi [الواجهة الأمامية]

  3. قم بتنزيل/تثبيت رمز Visual Studio لتشغيل/تصحيح التطبيقات

  4. قم بتنزيل/تثبيت Git Bash وتكوين رمز Witin Visual Studio عن طريق وضع "terminal.integrated.shell.windows": "C:\Program Files\Git\bin\bash.exe" في إعداد المستخدمين .please تحقق من موقع bash.exe وتعديله وفقًا لموقعه.

  5. في Visual Studio Code ، يرجى تثبيت ملحق C#

تفاصيل إعداد المشروع

  1. يرجى استنساخ أو تنزيل المستودع من Github

  2. قم بإنشاء مجلد ووضع المستودع الذي تم تنزيله

  3. افتح رمز Visual Studio وافتح المجلد الذي تم إنشاؤه حديثًا حيث يتم تنزيل المستودع

(أ) لبدء خدمة webapi الخلفية

  1. داخل رمز Visual Studio ، افتح محطة أوامر عن طريق الضغط على Control في أزرار لوحة المفاتيح و ~

  2. داخل المحطة ، تصفح إلى موقع المجلد المسمى "الخلفية"

  3. استعادة التبعيات ، اكتب dotnet restore على المحطة

  4. قم بتشغيل مشروع webapi ، اكتب dotnet run على المحطة

  5. يجب أن تبدأ WebAPI [خدمة الواجهة الخلفية] على المنفذ 5000

(ب) لبدء تطبيق الواجهة الأمامية

  1. داخل Visual Studio Code افتح محطة أوامر جديدة

  2. داخل المحطة الجديدة ، تصفح إلى المجلد المسمى "عميل"

  3. لاستعادة التبعيات ، اكتب npm install على المحطة

  4. الآن من أجل تشغيل Angular6-Webapi (تطبيق الواجهة الأمامية) ، اكتب npm start على المحطة

  5. بعد فترة وجيزة ، يجب أن يفتح متصفح بعنوان URL localhost:5050 

 For better experience please chrome browser

الدعم أو الاتصال

تواجه أي مشكلة؟ يرجى قراءة هذه الوثائق أو الاتصال وفرزها.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل