آموزش پیشرفته ASP.Net Web Forms ساخت یک ماشین حساب

گروه نرم افزاری هیلتن
گروه نرم افزاری هیلتن
964 بار بازدید - 3 سال پیش - به نام خدا ، در
به نام خدا ، در خدمت شما عزیزان هستیم با دوره آموزشی ASP.Net Web Forms. این قسمت قصد داریم یک ماشین حساب در محیط Web Forms بسازیم.در قسمت پیش داخل تگ body یک div داشتیم که درونش یک متنی رو نوشته بودیم که در خروجی روی صفحه وب نمایش میداد . در این قسمت اون متن رو پاک میکنیم سپس از نوار پایینی صفحه وارد محیط دیزاین Design میشیم از منو Toolbox تولباکس و بخش کنترلرهای asp.net یک کنترلر Lable داخل div میندازیم.حالا از نوار پایینی وارد محیط Source برنامه میشیم.ما هر تغییری که در محیط دیزاین Design برنامه ایجاد کنیم در واقع تغییرات بصورت کد ، در محیط Source ایجاد میشوند و بلعکس.در اینجا در محیط دیزاین ما یک Lable روی محیط فرمی قرار دادیم بنابراین در محیط Source برنامه داخل div یک خط کد به ازای Lable ی که روی فرم قرار دادیم ایجاد شد به این صورت که یک تگ Lable از نوع asp ایجاد شد (asp : Lable) که یک آیدی ID منحصر به فرد بنام Lbl1 دارد یک text به نام Number A دارد و یک runat = server (یعنی سمت سرور اجرا میشود) دارد.بهترین کار این هست که با محیط دیزاین Design کار نکنیم و در عوض در محیط Source با کد کار کنیم و UI رو بالا بیاریم.به این ترتیب در محیط Source با استفاده از تگ Lable یک Lable دیگه از نوع asp ایجاد میکنیم و بهش یک آیدی بنام Lbl2 میدیم و یک runat = server برای اینکه در سمت سرور اجرا شود همچنین یک text به نام Number B هم به آن میدهیم.بعد وارد محیط دیزاین Design میشویم که میبینیم هر دوتا Lable ی که ایجاد کردیم دقیقا درکنار هم قرار گرفته اند اما ما میخواهیم Lable دومی یک خط پایینتر بیاد بنابراین بین دوتا Lable از تگ br استفاده میکنیم تا یک خط پایینتر بیاید.مرحله بعد دوباره وارد محیط دیزاین Design میشویم اینبار از منوی Toolbox تولباکس و بخش کنترلرهای asp.net یک کنترلر TextBox از نوع asp را با دراپ درگ میکشیم و داخل div روبروی اولین Lable یعنی Number A میندازیم. حالا میخوایم روبروی دومین Lable یعنی Number B هم یک کنترلر TextBox نوع asp بیندازیم ، اما ایندفعه در محیط Source با استفاده از کد میخواهیم اینکار رو انجام بدیم.بنابراین زیر تگ دومین Lable ، یعنی Number B ، یک تگ TextBox از نوع asp ایجاد میکنیم (asp : TextBox) که یک آیدی ID منحصر به فرد بنام Txt2 بهش میدیم و یک runat = server هم بهش میدیم (توجه داشته باشید تمام کنترلر های asp.net سمت سرور باید اجرا شود بنابراین باید از runat = server استفاده کنیم) . گام بعدی در محیط دیزاین Design از منو Toolbox یک Button زیر TextBox میندازیم و نام آن را + قرار میدهیم چون میخواهیم دوعدد گرفته شده از تکست باکس اول و دوم رو با هم جمع بزنیم (البته میتونستیم Button رو در محیط Source هم ایجاد کنیم).توجه داشته باشید که کدهایی که بصورت HTML در صفحه Web Form مینویسیم در سمت کلاینت client اجرا میشوند اما کدهای سی شارپ که کار اصلی را انجام میدهند ، سمت سرور server اجرا میشوند.برای رفتن به قسمت کدهای سی شارپ یا همون کد های سمت سرور کافیست روی صفحه Design یا Source راست کلیک کنیم و روی گزینه view code کلیک کنیم تا به قسمت کدهای سی شارپ منتقل شویم.ما یک Button روی وب فرم مون داشتیم ، ایونت کلیک ش رو باز میکنیم ، دو متغییر به نام a و b و یک متغییر هم بنام c تعریف میکنیم و اعدادی رو که کاربر داخل دوتا TextBox وارد کرده رو درون متغییر a و b میریزیم.در آخر مقادیر متغییر a و b رو درون متغییر c با هم جمع میزنیم و با استفاده از دستور Response . write(c.ToString()) عدد بدست آمده را روی صفحه وب چاپ میکنیم.
3 سال پیش در تاریخ 1400/04/20 منتشر شده است.
964 بـار بازدید شده
... بیشتر