آشنایی با کدنویسی سمت کلاینت در 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 و اطلاعات اعتبارسنجی را ذخیره می کنند.
این فصل در یک نگاه:
در این فصل پس از بررسی سیستم مسیریابی و طراحی صفحه نمایش ویدیو ها، به سراغ پنل کاربری خواهیم رفت و مباحث Model Binding و…
توجه: این دوره آموزشی به صورت پیوسته بر اساس آخرین نسخه ی ASP.NET Core بروزرسانی خواهد شد. آموزش صفر تا صد طراحی سایت اشتراک ویدیو مشابه آپارات با استفاده از ASP.NET CORE MVC 3.0 و V…این فصل در یک نگاه:
…
توضیحات کلی مجموعه: در این مجموعه قصد داریم تا فروشگاه اینترنتی دیجی کالا رو با Asp.Net Core3 پیاده سازی کنیم. ابتدا طراحی قالب دیجی کالا رو به صورت کامل انجام خواهیم داد. در مرحله میریم …این فصل در یک نگاه:
…
توضیحات کلی مجموعه: در این مجموعه آموزشی، با استفاده از جدیدترین تکنولوژی ها و ابزار های مایکروسافت (دات نت)، به یک پروژه جذاب مدیریت آگهی مشابه دیوار می پردازیم. این آموزش در دو بخش کلی و…این فصل در یک نگاه:
در این دوره به آموزش صفر تا صد جدیدترین نسخه ASP یعنی CORE جدیدترین ورژن خواهیم پرداخت.این آموزش از سطح مقدماتی تا فوق …
دوره آموزش کامل طراحی وب به همراه پروژه ساخت سیستم مدیریت کتابخانه این دوره با کور 1 آغاز می شود و در ادامه پروژه به کور 2 تبدیل می شودو پروژه نهایی (سیستم مدیریت کتابخانه) با Asp.net کور…این فصل در یک نگاه:
ساخت محیط کاربریآموزش نحوه ی ارسال ایمیل در Asp.net MVCآموزش تنظیمات Gmail برای استفادهاستفاده از Yahooاستفاده از سرویس …
به نام خدا... در خدمتتون هستم با آموزش ارسال ایمیل در Asp.net MVC... ارسال ایمیل یکی از اجزای اصلی ییک سایت به شمار می رود و واقعا سایتی که برای اجزای مختلفش همانند ثبت کاربر جدید و یا ارسال…این فصل در یک نگاه:
فصل دوم در یک نگاه:فصل دوم در یک نگاه:…
در این پکیج به مبحث طراحی وب ، در قالب ساخت یک سایت فروشگاهی 5040 به آدرس http://5040.ir می پردازیم که به جرات مشهورترین و یکی از برترین فروشگاه های مجازی در کشور است. در این مجموعه قصد داری…این فصل در یک نگاه:
…
در این دوره آموزشی، وبسایت ورزش3 را با استفاده از ASP.NET Core پیاده سازی می کنیم و همچنین اپ اندروید آن را هم با Xamarin متصل به سرور سایت طراحی و در نهایت نحوه انتشار آن در مارکت هایی مثل …این فصل در یک نگاه:
کاملترین آموزش هاست و کار با سی پنل.در هنگام خرید سرویس هاست کلمه ای به نام “کنترل پنل” را زیاد خواهید دید آیا تا به حال…
سی پنل یک کنترل پنل هاست محبوب و معروف در جهان و ایران است. در فیلم آموزش سی پنل هم توصیه اکید شده تا افراد مبتدی و حتی افراد حرفه ای از این کنترل پنل هاست سی پنل استفاده کنند. آموزش cpanel …این فصل در یک نگاه:
فصل پنجم…
توضیحات کلی مجموعه: درباره گیت: لذت پیش بردن پروژه های برنامه نویسی خود را با بهترین ورژن کنترل سیستم جهان تجربه کنید کامل ترین دوره ی آموزشی گیت و گیت هاب به همراه مثال های کاربردی گی…این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …