روزنوشتهای من درباره اینترنت، کامپیوتر، سایبراسپیس و ...!

بازگشت به صفحه اصلی وبلاگ

 
 

June 09, 2006

 
 
 

ايجاد و اجرای اولين پروژه ASP.NET - بخش اول: طراحی صفحه

اين دفعه می‌خوام نحوه ايجاد يک برنامه خيلی ساده ASP.NET و اجرای اون رو توضيح بدم. می‌خوايم صفحه‌ای ايجاد کنيم که اسم کاربر رو می‌گيره و يه پيام خوش‌آمدگويی نشون می‌ده.

اول پروژه‌ای رو که توی مطالب قبلی ساختيم رو باز کنيد. اگه فايل Default.aspx باز نيست با کليک روی اون توی Solution Explorer بازش کنيد.

معمولا سمت چپ صفحه پنلی به اسم Toolbox هست که از توی اون می‌تونيم اشيائی که مربوط به صفحه هستن رو توی صفحه بکشيم و از اون‌ها برای طراحی صفحه استفاده کنيم. اگر اين پنل رو نمی‌بينيد از منو View گزينه Toolbox رو انتخاب کنيد. اين پنل چندين زبانه داره که ما اينجا از زبانه Web Forms استفاده می‌کنيم.

دفعه قبل گفتم که با اضافه کردن خصوصيت runat="server" به تگ‌های عادی می‌تونيد اون‌ها رو برای استفاده توی ASP.NET آماده کنيد. به اين نوع کنترل‌ها HTML Control می‌گن که برای ايجاد سازگاری بين ASP.NET و صفحات HTML قديمی درست شدن. اما کنترل‌های ديگه‌ای هم وجود دارن به اسم Server Control که نسبت به اون کنترل‌ها قابليت‌های بيشتری دارن. تگ‌های ايجاد شده با اين کنترل‌ها با <ASP:… شروع می‌شن. موارد موجود در زبانه Web Forms شامل Server Controlها می‌شن.

ما به اين کنترل‌ها نياز داريم:

  • کنترل Label که به ما اجازه می‌ده متن داخلش رو با استفاده از کد خودمون تغيير بديم. اين کنترل متن خوش‌آمدگويی ما رو نشون می‌ده.
     
  • کنترل Textbox که به کاربر اجازه می‌ده متنی رو توش وارد کنه. ما با استفاده از کدمون می‌تونيم نوشته کاربر رو بخونيم. از اين کنترل ما برای گرفتم اسم کاربر استفاده می‌کنيم.
     
  • کنترل Button که يک دکمه است و کاربر می‌تونه روی اون کليک کنه. وقتی روی دکمه کليک شد کدی که ما نوشتيم اجرا می‌شه. ما برای اين دکمه کدی می‌نويسيم که اسم کاربر رو از کنترل Textbox بخونه و متن خوش‌آمدگويی رو توی Lable بنويسه.

اول کنترل‌های Label ، Textbox و Button رو از توی Toolbox به داخل صفحه بکشيد.

بعد با دکمه‌های فلش‌دار صفحه‌کليد نشانگر رو ما بين کنترل‌ها ببريد و دکمه Enter رو بزنيد تا هر کنترل توی يه خط قرار بگيره.

در صورتی که فاصله‌های زياد ايجاد شده با دکمه Enter رو دوست نداريد می‌تونيد از ترکيب دکمه‌های Shift+Enter استفاده کنيد.

می‌بينيد که Label و Button متن پيش‌فرض خودشون رو دارن. برای تغيير متن داخل دکمه روی کنترل Button کليک کنيد. با کليک روی هر کنترل در پنل Properties که معمولا پايين سمت راست صفحه قرار داره ليست خصوصيات اون نمايش داده می‌شه و شما می‌تونيد اون خصوصيات رو ويرايش کنيد. در صورتی که اين پنل رو پيدا نمی‌کنيد از منو View گزينه Properties Window رو انتخاب کنيد.

برای تغيير متن داخل دکمه بايد خصوصيت Text اون رو عوض کنيد. توی پنل خصوصيات (Properties) اين خصوصيت رو پيدا کنيد و توی اون متن «ارسال» رو وارد کنيد. وقتی Enter رو بزنيد می‌بينيد که نوشته داخل دکمه عوض شده. (می‌تونيد خودتون امتحان کنيد ببينيد بقيه خصوصيات باعث چه تغييراتی توی کنترل می‌شن!)

اين کار رو برای کنترل Label هم تکرار کنيد و متن اون رو بکنيد: «لطفا نام خود را وارد کنيد».

ASP.NET و کلا تکنولوژی .NET از يونی‌کد استفاده می‌کنه و به راحتی می‌شه هر جا از کاراکترهای غير لاتين هم استفاده کرد. البته شما هنگام ذخيره صفحاتی که شامل کاراکترهای يونی‌کد هستند بايد مشخص کنيد که به صورت يونی‌کد ذخيره شوند. برای اين کار از منو File مورد Save As… رو بزنيد و بعد روی فلش کوچيک کنار دکمه Save کليک کنيد و Save with Encoding... رو بزنيد و اونجا Unicode (UTF-8 with signature) – Codepage 65001 رو انتخاب کنيد. در صورتی که داخل کد يا HTML باشيد به منو File گزينه Advanced Save Options… اضافه می‌شه که اونجا هم می‌تونيد نوع کدگذاری رو تعيين کنيد.


 
 

 

نظرات دیگران:

 

 

dela

June 9, 2006 03:59 PM

 
 

مرسی نوید مهربونم!

 

 

mohsen

June 10, 2006 01:46 PM

 
 

سلام
دوست عزيز چطور مي توانم با
BlogRolling يك لينك دوني مثل شما درست كنم؟ يعني شكل ظاهري اگه مي شود آموزش بديد

 

 

محمد

June 12, 2006 07:05 AM

 
 

سلام مدتهاست که وبلاگت رو می خونم و لی تا حالا توش نظر ندادم.
من یه هاست گرفتم و روی اون MT نصب شده.
ولی اصلا با کدها و نحوه قالبسازی MT آشنایی ندارم. مثلا تو بلاگفا کدهای تمام امکانات پست در تگ قرار میگیره اما در مورد MT اثلا نمیدونم. هر چی هم سرچ کردم پیدا نکردم. اگه ممکنه یه توضیحی در رابطه با کدهای MT بده...ممنون..
راستی اون آدرس اینه www.par30design.com که نمیدونم کدهای ام تی چجوریه و همین جوری پا در هوا مونده..

 

 

 
 

 

استفاده از مطالب این وبلاگ فقط با اجازه نویسنده آن مجاز می باشد

Design: © Mojtaba Dashtinejad