انجمن‌های فارس وب

عنوان مقاله: آموزش استفاده از Web Part ها
سطح مقاله: تخصصي
منبع: انجمن هاي فارس وب ([ جهت مشاهده لينك عضو شويد ! ])
-------------------------------------------------------------------------------------------------------------------------------
حتما در انجمن ها توجه نموده اید که می توانید شخصی سازی (Personalization ) را دیده اید ، منظورم همون امکانی است که شما می توانید بخش ها را مخفی نمایید . (اگر تا بحال به آن دقت نکرده اید همین حالا یکبار آن را امتحان نمایید) شیطون

به این خاصیت در استفاده کاربری شخصی سازی گویید ، یعنی شما می توانید به عنوان یک کاربر (End User) چیدمان صفحه را مطابق میل خود انجام دهید و در دفعات بعد که وارد سایت می شوید چیدمان سایت مخصوص خود را مشاهده کنید ، این شیوه در بسیاری از سایت های بزرگ (بخصوص با حجم اطلاعاتی بالا و یا بخش های متنوع زیاد) مانند MSN به عنوان جزء لاینفک سایت در آمده است .
به عبارت دقیق تر طراح سایت بخش های مختلف سایت را دسته بندی می کند و امکان شخصی سازی را برای آن ها قرار می دهد تا کاربران به میل خود بخش های مختلف را ببینند تا سر درگمی در سایت ها کمتر شود.
این امکان (Portal) با استفاده از Web Part ها در ASP.Net 2.0 (.Net Framework 2005) موجود و قابل استفاده می باشد.
در این مقاله سعی شده است تا شرحی از این کنترل ها و چگونگی بهره گیری از آن ها و طراحی سایت های پرتال داشته باشیم ، به این امید که برایتان مفید باشد.

برای آشنایی با این کنترل نمونه ای را مرحله به مرحله در این آموزش آمده است :
در پروژه ی جدیدی کارمان را آغاز می کنیم .
برای اضافه کردن یک Web Part دو روش وجود دارد :
1. استفاده از کنترل وب سرور بر روی صفحه
2. ساختن یک Web User و انداختن آن بر روی صفحه

برای استفاده از Web Part شما از هر روشی که استفاده نمایید در ابتدا باید یک WebPartManager در صفحه قرار دهید ، این کنترل وظیفه مدیریت تمامی کنترل های Web Part را بر روی صفحه بر عهده دارد.
توجه نمایید که WebPartManager می بایست اولین کنترلی باشد که شما روی صفحه قرار می دهید .
حال می خواهیم در این صفحه دو بخش قابل کنترل داشته باشیم ، یک جدول 1*2 ایجاد نمایید و در هر کدام یک کنترل WebPartZone بگذارید ، این کنترل UI (User Interface یا رابط کاربری) صفحه شما را بر عهده دارد .
حال نمای پروژه تان به شکل زیر است :

حال زمان آن است دیگر کنترل هایی که می خواهید در آن بخش قرار گیرد را به آن ها اضافه نمایید. به عنوان نمونه یک کنترل Calendar به WebpartZone1 بیافزایید و از طریق Auto Format نمای آن را Colorful2 انتخاب نمایید.
حال نمای شما به صورت زیر در آمده است :

توجه نمایید : که شما تنها می توانید از کنترل های Server Side استفاده نمایید.
و مهم تر آنکه : زمانی که یک کنترل به WebPartZone ها اضافه می نمایید Web Parts FrameWork آن را درون نوع خاصی از کنترل به نام GenericWebPart قرار می دهد که بتواند کنترل را به یک Web Part واجد شرایط تبدیل نماید.
به عنوان نمونه به بالای تقویم نگاه نمایید ، Title ی می بینید که اکنون با مقدار Untitled مشخص شده است ، در صورتی که قبلا برای Calendar همچین مشخصه ای ندارید. در صورتی که Properties آن را ببینید نمی توانید این مشخصه را تغییر دهید ، پس برای تغییر می توانید از طریق Source View آن را تغییر دهید ، به Source View بروید و مقدار Title را تنظیم نمایید.

<asp:Calendar ID="Calendar1" Title = "WebPartCalendar" ...

حال پروژه تان را اجرا نمایید ، می بینید که در کنار تقویم یک فلش کوچک قرار دارد که می توانید بوسیله آن ، Calendar را Minimize یا Close نمایید.

امیدوارم این ابتدای کار براتون مفید باشه ، ولی مطمئن باشید تا همینجا نمی مونه چشمک

<این مقاله برای اولین بار در انجمن های فارس وب منتشر شده ، با استفاده آن بدون ذکر منبع زحمات نویسنده را هدر ندهید>

در پست قبلی با استفاده از روش اولی که برای اضافه کردن Web Part ها بود (استفاده از کنترل وب سرور بر روی صفحه) و در این پست می خواهیم از طریق روش دوم (ساختن یک Web User و انداختن آن بر روی صفحه ) کارمان را ادامه دهیم .
حتما با استفاده از پست قبل دیده اید که اگر کنترل دیگری را اضافه نمایید برای هر کنترل یک GenericWebPart جداگانه می اندازد که طراحی شما را از شکل می اندازد.
برای اینکه بتوانید در یک WebPartZone از چند کنترل استفاده نمایید باید از این شیوه استفاده نمایید:
در این بخش می خواهیم به وب سایتمان بخش جستجوی گوگل را اضافه نماییم.
در همان پروژه ای که در پست قبلی ساختیم می خواهیم یک WebUser اضافه نماییم ، به Solution Explorer رفته و Add New Item را بزنید و یک Web User Control اضافه نمایید و نام آن را GoogleSearchPart.ascx بگذارید.
حال بخش جستجو را به صورت زیر بسازید :

نام Text Box را txtSearch و نام button را btnSearch بگذارید .
روی btnSearch دابل کلیک نمایید و کد زیر را برای آن بنویسید :

Protected Sub btnSearch_Click(ByVal sender As Object,
 ByVal e As System.EventArgs) Handles btnSearch.Click
        Response.Write(Page.IsValid)
        Dim queryStr As String = HttpUtility.UrlEncode(txtSearch.Text)
        Response.Redirect("http://www.google.com/search?q=" & queryStr)
    End Sub 

حال وقت آن است تا این کنترل را به صفحه اصلی تان اضافه نمایید ، بر صفحه default.aspx برگردید و به Solution Explorer بروید و User Control تان را به WebPartZone2 بکشید ، کافی است برای آن Title مناسبی (از همان شیوه ای که در پست اول استفاده نمودیم) انتخاب نماییم

<uc1:GoogleSearchPart ID="GoogleSearchPart1"  
Title = "Google Search"  runat="server" /> 

حال پروژه تان را اجرا نمایید و نتیجه کار را ببینید .

با دو روش آشنا شدیم ، امیدوارم برایتان مفید باشد . خانوم کنجکاو

<این مقاله برای اولین بار در انجمن های فارس وب منتشر شده ، با استفاده آن بدون ذکر منبع زحمات نویسنده را هدر ندهید>

سلام خانم مليكا ،‌من يه پيشنهادي داشتم البته ميبخشيد جسارته ،‌ فكر كنم اگه بتونيد همين اطلاعات رو به صورت PDF هم بگذاريد خيلي عالي ميشه ، ممنون .

خیلی عالی بود

Melika

Melika

KamranShakh

Hamidnch