Csharpexpensecalculator
ASP.NET Web API ، Angular / CLI ، إطار الكيان (تطبيق الميزانية مع مصادقة الرمز المميز)
ماركوس بارنز
الغرض: هذا مشروع بسيط ASP.NET Web API مع جداول قاعدة البيانات مصممة لإظهار لاستخدام إطار الكيان مع الجداول داخل قاعدة بيانات لمصادقة المستخدم وبيانات النفقات الأخرى. تمت كتابة C# "ExpenseApi" (جانب الخادم) في Visual Studio 2017 و CLI "Expensebensclient" (جانب العميل) مكتوبة برمز VS (v1.41.1)
الاتجاهات:
- افتح المجلد "ExpenseClient" في رمز Visual Studio
- افتح SLN Expnesesapi في Microsoft Visual Studio
- قم بتشغيل العميل عن طريق إدخال " ng serving -o" في المحطة/CL
- قم بتشغيل تطبيق الخادم في VS (يجب أن يكون هذا أيضًا يعمل للتواصل مع قاعدة البيانات)
إذا كنت تواجه مشكلة في التشغيل:- إذا حصلت على هذا الخطأ أثناء تشغيل العميل
- حدث استثناء غير معقول: لم يستطع العثور على وحدة "@@devkit/build-angular" من ....
- ثم قم بتشغيل هذا في CL
- تثبيت NPM-save-dev @angular-devkit/build-angular
- إذا لم تملأ قاعدة البيانات
- إنشاء قاعدة بيانات SQL Server محلية جديدة
- افتح مستكشف الخادم
- انقر بزر الماوس الأيمن فوق اتصالات البيانات
- انقر فوق "إنشاء قاعدة بيانات SQL Server جديدة"
- اكتب "." أو "(محلي)" لاسم الخادم
- اكتب ExpensesDB لاسم الخادم
- بعد الإعداد ، انقر فوق DB واضغط على F4
- انتقل إلى web.config
- بالقرب من الأسفل ، استبدل قيمة "ConnectionString" بالقيمة الجديدة
- انقر على حل ExpenseApi ، اضغط على F4 لإظهار الخصائص ، ونسخ عنوان URL EX. http: // localhost: 49189/
- انتقل إلى VS Code> SRC> APP> ENTROM.SERVICE.TS
- استبدل قيمة عنوان URL الأساسي حتى رقم المضيف المحلي (على سبيل المثال. 49189) ، اترك '/api/outries/' في النهاية.
- التنسيق هو:
تحديد:
- Microsoft ASPNET Web API 2.2
- @Angular/cliw
- حزم nuget (قد تضمنت بعض الإضافات في القائمة):
- entityframework بواسطة 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
سمات :
- تم تمرير اسم المستخدم وكلمة المرور للتخزين في جدول قاعدة بيانات محلي.
- تسجيل الدخول/تسجيل الخروج من المستخدمين من قاعدة البيانات ، وذلك باستخدام الرموز ووضعها في التخزين المحلي
- يسمح للمستخدمين بإضافة الإدخالات وتحريرها وحذفها (إما المصاريف أو الدخل)
- تصفية الإدخالات بالاسم
مراجع مفيدة:- https://material.angular.io/guide/getting-started
لقطات شاشة أخرى:
