فصل یکم- معرفی کنترل های وب و نحوه استفاده از آن ها در صفحات ASP.NET
۱-۱-انتخاب Layout
هنگامی که شما کنترلی را بر روی فرم قرار می دهید دو گزینه پیش رو خواهید داشت:
Gird Layout -1-1-1
در این حالت مکان کنترل ها مطلق می باشند و بیشتر شبیه به طراحی ظاهر برنامه های ویندوز می باشد که با مقدار زیادی متن مخلوط نیستند.
Flow Layout -2-1-1
در این حالت کنترل ها نسبت به یکدیگر روی صفحه قرار می گیرند. برای مثال اگر شما کنترلی را در زمان اجرا به برنامه اضافه کنید کنترل های بعد از آن به سمت پایین حرکت خواهند کرد. از این حالت بیشتر برای مواردی که مخلوطی از متن ها و کنترل ها نیاز است استفاده می گردد.
برای تنظیم این موارد در پنجره ی خواص که در سمت راست صفحه قرار دارد شی Document را انتخاب کنید و سپس خاصیت Page Layout آن را تغییر دهید (شکل ۱-۱).
۱-۲-انتخاب کنترل صحیح
می توان کنترل های سرور وب و یا کنترل های HTML را روی فرم های وب قرار داد. چه تفاوتی در این زمینه وجود دارد؟ کنترل های سرور وب مزایای قابل توجهی را نسبت به کنترل های HTML ارائه می دهند که در جدول زیر مرور شده اند:
جدول ۱-۱ مقایسه کنترل های سرور وب و کنترل های HTML
|
ویژگی |
Server Controls |
HTML Controls |
|
رخدادهای سرور |
می توانند به رخدادهای مربوط به کنترل پاسخ دهند |
تنها می توانند به رخدادهایی در سطح صفحه عکس العمل نشان دهند. |
|
حفظ حالت |
داده ی وارد شده در کنترل بین درخواست ها ثابت باقی می ماند. |
داده هانگهداری نمی شوند و باید به صورت دستی و با برنامه نویسی این کار صورت می گیرد. |
|
سازگاری |
به صورت خودکار نوع مرورگر را تشخیص می دهد و خود را هماهنگ می کند. |
هیچ گونه سازگاری اتوماتیکی وجود ندارد و باید با برنامه نویسی این کار انجام شود. |
|
خواص |
از .NetFrameWork به ارث رسیده شده است. |
تنهاویژگی های مربوط به HTML در آن ها وجود دارد. |
سوال: با این مقایسه چرا مایکروسافت کنترل های HTML را ارائه داده است؟ دلایل آن به شرح زیر هستند:
– مهاجرت از ASP قدیمی به ASP.NET به سادگی صورت گیرد. زیرا ASP قبلی تنها از عناصر HTML و یا همان کنترل های HTML جدید می توانست استفاده کند.
– تمام کنترل ها نیازی به رخدادهای سمت سرور و یا حفظ حالت ندارند.
– کنترل کاملی در مورد شکل نهایی صفحه با کنترل های HTML وجود دارد زیرا به صورت خودکار نمی تواند نوع مرورگر را حدس بزند و خود راهماهنگ با آن نماید.
در حالت کلی استفاده از کنترل های سرور وب ساده تر و کارآتر می باشد. در جدول زیر کنترل هایی را که در Toolbox ویژوال استودیو دات نت می بینید با هم مقایسه شده اند و عملی را که هر کدام انجام می دهند مرور گردیده است.
جدول ۱-۲- مقایسه عملکرد کنترل های وب و کنترل های HTML
|
عملکرد |
Server Control |
HTMLControl |
|
نمایش متن |
Label, TextBox, Literal |
Label, TextField, TextArea, PasswordFiled |
|
نمایش جدول |
DataGrid, Table |
Table |
|
انتخاب از لیست |
ListBox, DropDownList, Repeater, DataList |
DropDown, ListBox |
|
انجام دستورات |
Button, LinkButton, ImageButton |
Button, ResetButton, SubmiButton |
|
تنظیم مقادیر |
CheckBoxList, CheckBox, RadioButtonList, RadioButton |
Button, ResetButton, SubmitButton |
|
نمایش تصاویر |
ImageButton, Image |
Image |
|
حرکت بین صفحات |
HyperLink |
(فقط تگ <a>) |
|
کنترل های گروهی |
Placeholder, Panel |
FlowLayout, GirlLayout |
|
کار با تاریخ |
Calender |
– |
|
نمایش تبلیغات |
AdRotator |
– |
|
نمایش خط افقی |
Literal |
Horizontal rule |
|
دریافت نام فایل از کلاینت |
– |
FileField |
|
ذخیره سازی داده ها روی صفحه |
به وسیله مدیریت حالت و به صورت خودکار انجام می شود |
Input Hidden |
|
ارزیابی داده ها |
RequierdFieldValidator, Comare Validator, RangeValidator, RegularExperssionValidator, CustomValidator, ValidationSummury |
– |
در قسمت های آتی نحوه ی استفاده از کنترل های وب مرور خواهند شد.
۱-۳- کار با متن
روش های زیادی برای نمایش متن روی یک صفحه وجود دارد. برای یک متن فقط خواندنی می توان از روش های زیر استفاده کرد:
– استفاده از دستور Response.Write(“Some Text”);
– استفاده از کنترل Lable
– استفاده از کنترل TextBox با خاصیت RealOnly مساوی True
– استفاده از کنترل Literal
برای نمایش یک متن قابل ویرایش می توان از کنترل سرور TextBox استفاده کرد. خواص کلیدی آن در جدول زیر مرور شده اند:
جدول ۱-۳- خواص مهم کنترل TextBox
|
خاصیت |
نحوه استفاده |
|
Text |
برای دریافت متن از آن و یا نوشتن متن در آن به کار برده می شود. |
|
TextMode |
حالت SingleLine و یا MultiLine که مانند TextArea می شودو یا حالت Password |
|
ReadOnly |
در صورت True بودن، کاربر نمی تواند آن راتغییر دهد. |
|
AutoPostBack |
تا زمانی که True نشود نمی توان از رخداد TextChanged آن کنترل استفاده کرد و به صورت پیش فرض False است. |
چون نحوه استفاده از این کنترل در طی فصول قبلی در عمل مطالعه گردید، لزومی به تکرارآن در اینجا نمی باشد.
۱-۴- کار با جداول و لیست ها
برای آراستن متن در ردیف ها و ستون ها باید از یکی از کنترل های لیست که در جدول ۱-۲ نامبرده شدند استفاده شود. از ListBox، DropDownList و جدول برای جداول و لیست های دینامیک استفاده می گردد. از DataGrid، DataList و Repeater برای نملیش جدول و لیست های پیچیده مانند آن هایی که حاوی کنترل ها هستند و یا متصل به پایگاه داده اند استفاده می گردد. در جدول زیر مرور شده اند.
جدول ۱-۴- کنترل های لیست و جدول ASP.NET
|
کنترل |
موارد کاربرد |
|
ListBox |
نمایش متنی فقط خواندنی در یک لیست با قابلیت Scoroll |
|
DropDownList |
نمایش متن فقط خواندنی در یک DropDownList ساده |
|
Table |
نمایش متن و یا کنترل ها در ستون ها و ردیف ها |
|
DataGrid |
نمایش داده ها و کنترل های پیچیده در جداول |
۱-۵- اضافه کردن آیتم ها به یک لیست یا جدول در زمان طراحی
فهرست
مقدمه ۱
فصل یکم-معرفی کنترل های وب و نحوه استفاده از آنها در ASP ۲
۱-۱- انتخاب Layout ۲
۱-۱-۱- Grid Layout ۲
۱-۱-۲- Flow Layout ۲
۱-۲- انتخاب کنترل صحیح ۳
۱-۳- کار با متن ۶
۱-۴- کار با جداول و لیست ها ۷
۱-۵- اضافه کردن آیتم ها به یک لیست یا جدول در زمان طراحی ۸
۱-۶- اضافه کردن آیتم ها به لیست یا جداول در زمان اجرای برنامه ۱۰
۱-۷- دریافت آیتم انتخاب شده از یک لیست ۱۲
۱-۸- نحوهData Binding ساده در کنترل لیست ها ۱۲
۱-۹- اضافه کردن آیتم ها به DataGrid,DataList , Repeater Control ۱۵
۱-۱۰- انجام دستوات ۲۲
۱-۱۱- دریافت مقادیر از کاربر ۲۴
۱-۱۲- نمایش گرافیک و تبلیغات ۲۷
۱-۱۳- کنترل های گروهی ۳۱
۱-۱۴- کار با تاریخ ۳۲
فصل دوم بررسی و تعیین اعتبار داده های وارد شده از طرف کاربر ۳۳
۲-۱- ارزیابی داده های ورودی کاربر ۳۳
۲-۲- ترکیب کنترل های تعیین اعتبار ۳۶
۲-۳- Cansel کردن تعیین اعتبار داده ۴۱
۲-۴- تعیین اعتبار سفارشی ۴۴
۲-۵- موارد تکمیلی کنترل های وب ۴۶
۲-۵-۱- طریقه حرکت بین صفحات مختلف در ASP NET ۴۶
۲-۵-۲- استفاده از HyperLink و Redirection ۴۷
۲-۵-۳- استفاده از متد Transfer ۴۷
۲-۵-۴- استفاده از متد Execute ۴۹
۲-۶- نمایش در یک صفحه مرورگر جدید ۴۹
فصل سوم – توضیحات مقاله ۵۱
۳-۱- معرفی معماری سه لایه ۵۱
۳-۲- ایجاد متدهای insert, update, delete به صورت سفارشی ۵۵
۳-۲-۱- افزودن پروسیژر به DataSet و ایجاد TableAdapter ۶۰
۳-۲-۲- استفاده از TeacherCourseTableAdapter ۶۲
۳-۳- طراحی لایه ی ارائه ۶۴
۳-۳-۱- صفحه اصلی ۶۴
۳-۳-۲- صفحه ثبت استاد جدید ۶۶
۳-۳-۳- صفحه نمایش لیست اساتید ۶۸
۳-۳-۴- صفحه ثبت درس جدید ۶۹
۳-۳-۵- صفحه ثبت دانشجو در کلاس ۷۱
۳-۳-۶- صفحه لیست انشجویان هر کلاس ۷۴
۳-۳-۷- صفحه ثبت آزمون جدید ۷۶
۳-۳-۸- صفحه آرشیو سوالات ۷۸
۳-۳-۹- صفحه تنظیم سولات آزمون ۷۹
۳-۳-۱۰- صفحه ثبت نمرات نهایی دانشجو ۸۰
۳-۳-۱۱- صفحه کارنامه دانشجو ۸۱
۳-۳-۱۲- صفحه ثبت اعتراض توسط دانشجو ۸۵
۳-۳-۱۳- صفحه مشاهده اعتراض دانشجویان ۸۷
۳-۳-۱۴- صفحه لیست اعتراضات ۸۸
۳-۳-۱۵- صفحه ارزیابی ملکرد استاد ۸۹
۳-۳-۱۶- صفحه نتایج نظرسنجی ۹۱
۳-۳-۱۷- صفحه آپلود مقالات ۹۲
۳-۳-۱۸- صفحه ورود مسئول آموزش ۹۶
۳-۳-۱۹- تغییر رمز عبور Admin ۹۷
۳-۴- DATA BASE ۹۸
۴-۱- فصل چهارم-نتیجه گیری ۱۰۲
منابع ۱۰۳