WHAT IS BLAZOR?

by

 

مقدمة عن منصة بلازور.

في مقالتي هذه سوف نتحدث عن منصة جديده مقدمة  شركة مايكروسوف  تسمح مطورين المواقع بستخدام لغات عالية المستوى مثل  C#   في تطوير صفحات الويب.

منصة بلازور Blazor framework   التي تسمح لك بتنفيذ كود بلغة الــ C# ضمن متصفح الويب دون الحاجة لاستخدام لغة الــ Java Script   التى كانت تحتكر موضوع في طرف العميل.

كما ذكرت كثير من المواقع ان قواعد اللعبة تغيرت.

طبعا يعتبر هذا انجاز كبير, حيث انه لا داعي لمطور C# ان يجيد Java Script   وبالاضافة لذلك استخدام مميزات سي شارب الكثير .

لكن السوال هو كيف تعمل Blazor   ؟

ليس كما جرت العاده في C# Razor يتم ترجمة كود السي شارب إلى كود جافا سكريبت حتى يتم تنفيده في المتصفح.

هنا تقوم بلازور بتحويل او ترجمة كود الـ C# إلى لغة منحفضة المستوى عن طريق استخدام WebAssembly .

الفرق المسؤل عن هذا العمل هو Mono   الذي تبنى مشروع بلازور .

 

الصوره التالية تبين بنية بلازور .

 

عند تنفيذ او تشغيل  تطبيق بلازور  Blazor App  في متصفح كروم. التطبيق  التى هو عبارة عن عداد يتضمن blazor.js.

والتى تستخدم mono.js  لتقوم بتهيئة المتصفح عن طريق Mono runtime (mono.wasm) في الــ WebAssembly.

بدورها تقوم بعمل تحميل لكل المكاتب المطلوبة .

 

تعمل بلازور مع فجوال ستديو 2017 النسحة ال 7 مع تحديث ASP.NET Core 2.1 .

 روابط التحميل .

 

•Setup:

•Install the .NET Core 2.1 SDK (2.1.300 or later).

•Install Visual Studio 2017 (15.7 or later) with the ASP.NET and web development workload selected.

•Install the latest Blazor Language Services extension from the Visual Studio Marketplace.

 

 

https://youtu.be/zyE2RaLcFfM

 

 

 

 

What is MVC?

by

The Model-View-Controller is an architectural pattern that separates an application into three main logical components: the model, the view, and the controller. Each of these components are built to handle specific development aspects of an application. MVC is one of the most frequently used industry-standard web development framework to create scalable and extensible projects.

MVC Components

 

Model

The Model component corresponds to all the data-related logic that the user works with. This can represent either the data that is being transferred between the View and Controller components or any other business logic-related data. For example, a Customer object will retrieve the customer information from the database, manipulate it and update it data back to the database or use it to render data.

View

The View component is used for all the UI logic of the application. For example, the Customer view will include all the UI components such as text boxes, dropdowns, etc. that the final user interacts with.

Controller

Controllers act as an interface between Model and View components to process all the business logic and incoming requests, manipulate data using the Model component and interact with the Views to render the final output. For example, the Customer controller will handle all the interactions and inputs from the Customer View and update the database using the Customer Model. The same controller will be used to view the Customer data.

.NET Framework and .NET Core الفرق بين

by

 اليوم سوف نتكلم على الفرق بين

 .NET Framework and .NET Core 

ماذا يجب ان تختار عندما تريد تصميم  برنامجك القادم  ؟ 

.NET Framework and .NET Core ?

في هذه المقالة سوف نقارن بعض الفروقات بين هذه المنصات .

 

.NET Ecosystem 

لنقم بمراجعة هيكلية .NET Ecosytem  .

كما تشاهد في الشكل السابق .NET Ecosystm  يملك ثلاثة مكونات رئيسة , وهي :

 .NET Framework, .NET Core, and Xamarin. 

Xamarin 

عندما تريد بناء برنامج خاص بالموبايل (iOS, Android, and Windows Mobile).

بستخدام لغة C#  ,   طبعا Xamrin  هو خيارك .

The .NET Framework 

تدعم Windows and Web applications و UWP   من اجل بناء تطبيقات على نظام ويندوز , بالاضافة إلى ASP.NET MVC  التى تمكننا من انشاء موقع الويب . على منصة >NET Framework  .

 

.NET Core

منصة مفتوحة المصدر و ايضا يمكنها العمل على اكثر من نظام تشغيل Windows, Mac, and Linux.

يمكنك بناء تطبيقات لتعمل على الانظمة السابقة , وايضا تدعم UWP  و ASP.NET Core  .فقط . 

UWP  تستخدم لبناء تطبيقات على Windows 10  . وتطبيقات  Wndows Mobile  .

 

كانت نظره سريعه على الفروقات . 

لكن ماذا نختار ؟

لكل منصه مزايها ,

.NET Framework

ستكون خيار جيد , لانك لا تريد تعلم تقنية جيده , بيئة عمل مستقره , ويمكنك انشاء تطبيقات Windows Forms or WPF

.NET Core

عندما تريد ان يكون تطبيقك يعمل على اكثر من نظام تشغيل , وتعشق منصات المصادر المفتوحة ... والطريق طويله امامك .

 

 

 

 

 

 

ASP.NET Web Service

by

ASP.NET Web Service 

?????? ????? ????? ???? ??????? .

?? ????? ?????? ??  ?? ??????? ?? ????? ????? Web Service   .

??????? , ?????? ????????? ?? ??? ??????? ?? ????? ??? , ????? ??????? ????? ?? ??????? ????? ???? ?? ?????? ??? ???? ?????? ?? ASP.NET Web Service  .

?? ??? ????? ??? Java  ?? PHP  .

??? ?? ???? ????? ????? , ??????? ???? ????? ??? ???? ??????? , ?????????? ?? ?? ???????? ?? ??? ??????? .

- ?? ?????? ?? ??? ??? ???? ???  , ??? ???? ?????? Yahoo  , ?? ?? ???? ??? .

??? ?? ?????? ???? ????? , ?? ???? ?????? ??????? ......

??? ?? ????? ????? , ??? ???? ?????? ??????? ???? ????? ????? , ????? ???????? ,

???? ????? ????? ,?????? ?????? ........

????? ????? ??? ???? ?? ASP.NET Web Service  .

- ??? ????? , ?? ?? Hello World  .

--???? ????? ?????? , ????? ????? ???? .

 

?? ???? ????? ???? .....

 

???? ??? ??????? ?????? ?????? ....

??? ????? ??????? ?????? , ???? ??????  ??? ?????? ??? ?? ?????? ??????? :

 

???? ??? ????? ?????? , ????? ???????? .

 

???? ??? ????? ?????? , ??? ???? ?? ?????? ??????? ???? ???? ???? Helloworld  ??? ?????? ??? ?? ???? ???? Hello World  .

 

??? ????? ??? Helloworld  . ??? ????? ??? XML , ???????? .

 

???? ????? ?? ???? , ?? ??? , ??? ????????  , ???? ??????? ??????? .

- ??? ??? ??? ????? .

??? ???? ?????? ??????? , ?????? ADD  ???? ???? A  ? b  ?????? ?????? .

???? Run  .

???? ????? ???????? Helloworld  ? Add  .

 

?????? ?????? ADD   , ???? ?????? ??????? ,, ????? ????? ?? a and b  ??? ?? Invoke

 

?????? ?? ::

?

 

 

???? ???? ???? , ???? ????????? ??? , ?? ????? Projects  .

 

 

Read Add AppSettings to the Web.config File

by

Web.config File - ASP.NET MVC

I am going to explain about  Add/Update appSettings  in the Web.config file and how you can configure them to use in the application.

The simple following method from MDSN help you to read  any Key you sent it .


 public string  ReadSetting(string key)
        {
          var appSettings = ConfigurationManager.AppSettings;
           string result = appSettings[key] ?? "Not Found";
           return result;
        }

Last code ReadSetting , Just give your Key As String , will return the Value , if your key not exist will return to you "Not Found" String .

 

Add Key:

the next code will Add new Key with Value you give , but if there is any key is exist same as you add , just will Update the Value .

 static void AddUpdateAppSettings(string key, string value)
        {
             var configFile = WebConfigurationManager.OpenWebConfiguration("~/");
              var settings = configFile.AppSettings.Settings;
                if (settings[key] == null)
                {
                    settings.Add(key, value);
                }
                else
                {
                    settings[key].Value = value;
                }
                configFile.Save(ConfigurationSaveMode.Modified);
                ConfigurationManager.RefreshSection(configFile.AppSettings.SectionInformation.Name);
            }

 

After Add/Update your key , late say you need to use the Value some where in you C# code ,

Just use  it like the following Code :

String Str =ReadSetting(YourKey);

The question , how to read it  at Razor ??

Same way how we wrote it ReadSetting Method with some change ,

First add  System.Configuration to your References ,add it to your page :

 @using System.Configuration;

@{ 
    string  _YourValue = ConfigurationManager.AppSettings["YourKey"];
 }
 

I wish you find this post useful .