مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

آشنایی با کدنویسی سمت کلاینت در ASP.NET


سمت کلاینت در ASP.NET

کدنویسی سمت کلاینت (client side) دو جنبه دارد:

  • اسکریپت های سمت کلاینت : این اسکریپت ها در مرورگر اجرا می شوند و به نوبه خود سرعت اجرای صفحه را افزایش می دهند. مانند ، فرآیند اعتبارسنجی داده های سمت کلاینت که می تواند داده های نامعتبر را شناسایی کند و نتیجه را به کاربر هشدار دهد ، بدون این که ارتباطی با سرور برقرار شود.
  • Source code سمت کلاینت : صفحات ASP.NET این source  code (کد منبع) را تولید می نمایند. برای مثال ، کد منبع HTML یک صفحه ASP.NET ، حاوی تعدادی فیلدهای مخفی و بلوک هایی از کدهای جاوا اسکریپت می باشد که به صورت خودکار تزریق شده اند ، و اطلاعاتی مانند view state را نگه داشته یا کارهای دیگری را برای ایجاد صفحه انجام می دهند.

اسکریپت های سمت کلاینت

 کنترل های سرور ASP.NET ، امکان فراخوانی کدهای سمت کلاینت را که با جاوا اسکریپت یا VBScript نوشته شده اند ، فراهم می نماید. برخی از کنترل های سرور ASP.NET از اسکریپت نویسی سمت کلاینت استفاده می کنند تا پاسخ لازم را به کاربر ارائه دهند ، بدون آن که به سرور مراجعه شود. مانند ، کنترل های اعتبارسنجی.

به غیر از این اسکریپت ها ، کنترل button یک خصیصه به نام OnClientClick دارد که اجازه می دهد ، در صورتی که بر روی یک کلید  کلیک می شود ، اسکریپت سمت کلاینت اجرا شود.

کنترل های سنتی و کنترل های سرور HTML رویدادهای زیر را دارا می باشند و می توانند در یک اسکریپت در زمان بروز رویداد ، اجرا شوند. این رویدادها در حالت های زیر رخ می دهند:

رویداد

توضیحات

Onblur

هنگامی که تمرکز کنترل از بین می رود.

Onfocus

هنگامی که کنترل ، تمرکز را دریافت می کند.

Onclick

هنگامی که بر روی کنترل کلیک می شود.

Onchange

هنگامی که مقدار کنترل تغییر می یابد.

Onkeydown

هنگامی که کاربر یک کلید را فشار می دهد.

Onkeypress

هنگامی که کاربر یک کلید الفبایی را فشار می دهد.

Onkeyup

هنگامی که کاربر یک کلید را رها می کند.

Onmouseover

هنگامی که کاربر اشاره گر موس را بر روی کنترل حرکت می دهد.

onserverclick

هنگامی که کنترلی کلیک می شود ، رویداد ServerClick را مطرح می کند.

Source code سمت کلاینت

ما قبلاً شرح داده ایم که صفحات ASP.NET عموماً در دو فایل نوشته می شوند:

  • فایل content یا فایل markup (.aspx)
  • فایل پشت صحنه کد (code-behind)

فایل content حاوی تگ های کنترل HTML یا ASP.NET و مجموعه ساختار صفحه می باشد. در حالت run-time ، فایل content ، به یک کلاس صفحه تجزیه و تبدیل می شود.

این کلاس ، همراه با تعریف کلاس در فایل کد و کد سیستم تولید شده ، با همدیگر یک کد اجرایی (اسمبلی) را ایجاد می کنند که تمام داده های ارسال شده را پردازش می کند ، پاسخ را تولید کرده و آن را به کلاینت ارسال می نماید.

به کد صفحه ساده زیر توجه نمایید:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
   Inherits="clientside._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

   <head runat="server">
      <title>
         Untitled Page
      </title>
   </head>
   
   <body>
      <form id="form1" runat="server">
      
         <div>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>  
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Click" />
         </div>
         
         <hr />
         
         <h3> <asp:Label ID="Msg" runat="server" Text=""> </asp:Label> </h3>
      </form>
   </body>
   
</html>

هنگامی که این صفحه در مرورگر اجرا می شود ، گزینه View Source ، صفحه نمایش داده شده را به مرورگر از طریق ASP.NET runtime ارسال می نماید.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >

   <head>
      <title>
         Untitled Page
      </title>
   </head>
   
   <body>
      <form name="form1" method="post" action="Default.aspx" id="form1">
      
         <div>
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" 
               value="/wEPDwUKMTU5MTA2ODYwOWRk31NudGDgvhhA7joJum9Qn5RxU2M=" />
         </div>
 
         <div>
            <input type="hidden" name="__EVENTVALIDATION"  id="__EVENTVALIDATION" 
               value="/wEWAwKpjZj0DALs0bLrBgKM54rGBhHsyM61rraxE+KnBTCS8cd1QDJ/"/>
         </div>

         <div>
            <input name="TextBox1" type="text" id="TextBox1" />  
            <input type="submit" name="Button1" value="Click" id="Button1" />
         </div>

         <hr />
         <h3><span id="Msg"></span></h3>
         
      </form>
   </body>
</html>

اگر به دقت کد را بررسی نمایید ، شما در ابتدا دو تگ <div> را می ببینید که حاوی فیلدهای مخفی می باشند که view state و اطلاعات اعتبارسنجی را ذخیره می کنند.

فصلِ: 5 , تعداد قسمت ها: 176 , سطح: صفر تا صد

این فصل در یک نگاه:

در این فصل پس از بررسی سیستم مسیریابی و طراحی صفحه نمایش ویدیو ها، به سراغ پنل کاربری خواهیم رفت و مباحث Model Binding و…

توجه: این دوره آموزشی به صورت پیوسته بر اساس آخرین نسخه ی ASP.NET Core بروزرسانی خواهد شد.   آموزش صفر تا صد طراحی سایت اشتراک ویدیو مشابه آپارات با استفاده از  ASP.NET CORE  MVC 3.0 و V…
فصلِ: 8 , تعداد قسمت ها: 357 , سطح: صفر تا صد

این فصل در یک نگاه:

توضیحات کلی مجموعه: در این مجموعه قصد داریم تا فروشگاه اینترنتی دیجی کالا رو با Asp.Net Core3 پیاده سازی کنیم. ابتدا طراحی قالب دیجی کالا رو به صورت کامل انجام خواهیم داد. در مرحله میریم …
فصلِ: 5 , تعداد قسمت ها: 135 , سطح: صفر تا صد

این فصل در یک نگاه:

توضیحات کلی مجموعه: در این مجموعه آموزشی، با استفاده از جدیدترین تکنولوژی ها و ابزار های مایکروسافت (دات نت)، به یک پروژه جذاب مدیریت آگهی مشابه دیوار می پردازیم. این آموزش در دو بخش کلی و…
فصلِ: 7 , تعداد قسمت ها: 153 , سطح: صفر تا صد
موضوعات: آموزش ASP.NET

این فصل در یک نگاه:

در این دوره به آموزش صفر تا صد جدیدترین نسخه ASP یعنی CORE جدیدترین ورژن خواهیم پرداخت.این آموزش از سطح مقدماتی تا فوق …

دوره آموزش کامل طراحی وب به همراه پروژه ساخت سیستم مدیریت کتابخانه  این دوره  با کور 1 آغاز می شود و در ادامه پروژه به کور 2 تبدیل می شودو پروژه نهایی (سیستم مدیریت کتابخانه) با Asp.net کور…
فصلِ: 1 , تعداد قسمت ها: 5 , سطح: متوسط

این فصل در یک نگاه:

ساخت محیط کاربریآموزش نحوه ی ارسال ایمیل در Asp.net MVCآموزش تنظیمات Gmail برای استفادهاستفاده از Yahooاستفاده از سرویس …

به نام خدا... در خدمتتون هستم با آموزش ارسال ایمیل در Asp.net MVC... ارسال ایمیل یکی از اجزای اصلی ییک سایت به شمار می رود و واقعا سایتی که برای اجزای مختلفش همانند ثبت کاربر جدید و یا ارسال…
فصلِ: 2 , تعداد قسمت ها: 62 , سطح: صفر تا صد

این فصل در یک نگاه:

فصل دوم در یک نگاه:فصل دوم در یک نگاه:…

در این پکیج به مبحث طراحی وب ، در قالب ساخت یک سایت فروشگاهی 5040 به آدرس http://5040.ir می پردازیم که به جرات مشهورترین و یکی از برترین فروشگاه های مجازی در کشور است. در این مجموعه قصد داری…
فصلِ: 4 , تعداد قسمت ها: 78 , سطح: متوسط

این فصل در یک نگاه:

در این دوره آموزشی، وبسایت ورزش3 را با استفاده از ASP.NET Core پیاده سازی می کنیم و همچنین اپ اندروید آن را هم با Xamarin متصل به سرور سایت طراحی و در نهایت نحوه انتشار آن در مارکت هایی مثل …
فصلِ: 1 , تعداد قسمت ها: 14 , سطح: متوسط

این فصل در یک نگاه:

کاملترین آموزش هاست و کار با سی پنل.در هنگام خرید سرویس هاست کلمه ای به نام “کنترل پنل” را زیاد خواهید دید آیا تا به حال…

سی پنل یک کنترل پنل هاست محبوب و معروف در جهان و ایران است. در فیلم آموزش سی پنل هم توصیه اکید شده تا افراد مبتدی و حتی افراد حرفه ای از این کنترل پنل هاست سی پنل استفاده کنند. آموزش cpanel …
فصلِ: 5 , تعداد قسمت ها: 25 , سطح: صفر تا صد

این فصل در یک نگاه:

فصل پنجم…

توضیحات کلی مجموعه: درباره گیت: لذت پیش بردن پروژه های برنامه نویسی خود را با بهترین ورژن کنترل سیستم جهان تجربه کنید کامل ترین دوره ی آموزشی گیت و گیت هاب به همراه مثال های کاربردی گی…
فصلِ: 1 , تعداد قسمت ها: 15 , سطح: متوسط

این فصل در یک نگاه:

رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…

 اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …

تولید شده توسط کلیک سایت

پشتیبانی آنلاین
آماده پاسخگویی هستیم
انتخاب تصویر جهت ارسال:
در حال ضبط صدا

(جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

توقف و ارسال :
لغو ضبط
در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09010005000 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به واتساپ کلیک کنید
0 پیام جدید
پشتیبان در حال تایپ ...
ارسال تصویر ضبط صدا
0 کارشناسان آنلاین می باشند
این گفت و گو توسط پشتیبان به اتمام رسید