آشنائی با امکانات ويژوال استوديو دات نت در رابطه با برنامه نويسی وب New Page 1



ساير




 

 

 

SAKHA RAVESH CO.

 ا مروز

 پنجشنبه  5  مرداد  1396  2017  Jul.  27   Thursday ToDay
صفحه اصلی  مقالات نکته هادايره المعارف خودآموزها | تازه ها خود آزمون ها    
  نسخه قابل چاپ  

    5 4 3 2 1 

 عنوان

 نويسنده

  مشاهده

 تعداد آراء

 امتياز

 مبانی برنامه نويسی وب در دات نت ( بخش سوم )

 مديريت وب

20880

29

3.5

با توجه به جایگاه داده در عصر حاضر و  لزوم نگاه جامع به این مقوله مهم ، بر آن شدیم تا محوریت فعالیت های خود را بر  روی این موضوع متمرکز نمائیم . از این رو گروه فابک با شعار فناوری اطلاعات برای کسب وکار شکل گرفت و  خدمات خود  را از طریق  سایت www.fabak.ir  به مخاطبان محترم عرضه می نماید

 

مبانی برنامه نويسی وب  در دات نت

مبانی برنامه نويسی وب  در دات نت ( بخش سوم )
در بخش اول اين مقاله ، با ماهيت برنامه هائی که بر روی بستر اينترنت  پياده سازی می گردند ، آشنا و در ادامه به بررسی ابزارهای موجود بمنظور پياده سازی برنامه های وب ، نحوه عمليات برنامه های وب ASP.NET  و تشريح بخش های متفاوت يک برنامه وب ،اشاره  گرديد . در بخش دوم به بررسی  جايگاه فريمورک دات نت دررابطه با  برنامه های وب ، پرداخته گرديد . در اين بخش با امکانات ويژوال استوديو دات نت در رابطه با برنامه نويسی وب در دات نت آشنا خواهيم شد .

صفحه آغاز ( Start Page )
پس از اجرای ويژوال استوديو دات نت ، اولين چيزی که مشاهده خواهد شد ، Start Page است. صفحه فوق ، شامل بخش های مختلفی بمنظور ارائه اطلاعات و تسهيل در انجام برخی فعاليت های متداول است (مثلا" فعال نمودن يکی از آخرين فايل هائی که از آن استفاده شده است ) .

پانل Project ، نشان داده شده در شکل فوق ، ليست آخرين چهار پروژه  ای که بر روی آنان کار شده است را نشان داده و می توان با کليک نمودن بر روی يکی از آنان ، زمينه ادامه انجام عمليات بر روی پروژه مورد نظر را فراهم نمود .  بمنظور ايجاد يک پروژه جديد و يا فعال نمودن پروژه ای که در ليست پروژه های اخير ، نمايش داده نشده است ، می توان متناسب با خواسته خود يکی از دکمه های موجود بر روی Project tab را فعال نمود.
در سمت چپ ، Start page ، ليستی از ساير عناوين شامل اطلاعات جاری در رابطه با ويژوال استوديو دات نت و ساير محصولات ، وب سايت های مربوطه  و ساير موارد نمايش داده شده است . در صورتيکه بر روی يک ازعناوين فوق کليک گردد ، Start Page ، عنوان مربوطه  را نمايش می دهد.
اطلاعاتی که در Start page نشان داده می شود ، بصورت پويا از اينترنت اخذ و بهمراه ساير اطلاعات موجود ، نمايش داده می شود ( مشروط به متصل بودن به اينترنت )  . در رابطه با برنامه های وب ، جالبترين پانل ، مربوط به Web hosting بوده که مسئوليت نمايش ليست وب سايت هائی که امکان ميزبان نمودن برنامه های وب ASP.NET را بر روی اينترنت فراهم می نمايند ، برعهده دارد .
پانل My Profile ، در صفحه Start ، امکان انجام تنظيمات لازم و دلخواه در رابطه با ويژوال استوديو دات نت را فراهم می نمايد .

با استفاده از گزينه های موجود ، می توان لی اوت پنجره پيش فرض ويژوال استوديو دات نت ، تنظيم زبان برنامه نويسی مورد نظر و سايرعمليات متداول نظير: مشخص نمودن نوع نمايش  Help  را انجام داد( در پانل طراحی ويژوال استوديو دات نت و يا در يک پنجره جداگانه ). پنجره help ، از جمله مواردی است که استفاده از آن در ويژوال استوديو دات نت ممکن است برای کاربران شلوغ جلوه نمايد ( در صورت استفاده از يک مانيتور نوزده اينچ ، وضعيت نمايش Help  مطلوبتر می گردد). دراين رابطه می توان از گزينه External option استفاده تا وضعيت نمايش Help بهبود يابد .

پنجره های ويژوال استوديو دات نت
ويژوال استوديو دات نت دارای دو نوع پنجره است : پنجره Document و پنجره ابزار. پنجره Document ، محتويات برنامه را نمايش می دهد : فرم ها ، صفحات وب و کد تماما" در پنجره Document نمايش داده می شوند. در اين راستا ، می توان چندين پنجره Document  را در يک لحظه فعال و بمنظور انتخاب آنان از دکمه های Tab مربوطه  درقسمت بالای صفحه نمايش استفاده نمود. پنجره ابزار ، عناصر لازم بمنظور ايجاد برنامه را نمايش می دهد . عناصر فوق ، شامل کنترل ها ، ارتباطات بانک اطلاعاتی ، کلاس ها و خصلت هائی می باشند که در يک  پروژه استفاده می گردد. پنجره ابزار ، در سمت چپ و راست  پنجره های Document نمايش داده شده و می توان وضعيت نمايش آنان رابصورت اسلايد ( حرکت کشوئی ) تبديل نمود (کليک بر روی Tab مربوطه ) .بمنظور استقرار دائم يک پنجره ابزار بر روی صفحه ، می توان از دکمه Auto Hide در قسمت بالا و سمت راست پنجره ابزار استفاده نمود. (دکمه Auto Hide نظير يک سوزن ته گرد، نشان داده می شود) . با کليک نمودن مجدد بر روی پنجره ابزار ، می توان وضعيت نمايشی ان را بصورت Tabbed تبديل نمود. بدين ترتيب می توان از نمايش Tabbed بمنظور مخفی نمودن پنجره ابزار در دو سمت پنجره Document استفاده تا فضای لازم بمنظور ويرايش محتويات برنامه فراهم گردد.

نمايش پيش فرض پنجره های Document و Tool در ويژوال استوديو دات نت بصورت Tabbedمی باشد . بمنظور تغيير پيش فرض فوق، می توان گزينه Options از منوی Tools را انتخاب  و پس از نمايش جعبه محاوره ای مربوطه ، تنظيمات مورد نظر را انجام داد .

آشنائی با Toolbox
عناصر در Toolbox طبقه بندی و در گروه های متفاوتی سازماندهی شده اند .زمانيکه بر روی يک گروه  کليک می گردد ، Toolbox مربوطه ، آيتم های مربوط به گروه انتخابی رانمايش خواهد داد . در ادامه می توان در بين آيتم ها حرکت و کنترل موردنظر را انتخاب  نمود.

در موارديکه Document جاری ، کد می گردد ، Toolbox صرفا" شامل Clipboard Ring می باشد  Clipboard Ring ، بيست مورد آخری را که  کپی ( Ctrl + C) و يا Cut  شده است ( Ctrl+X ) را نمايش و بدين ترتيب امکان paste نمودن آنان در يک document ديگر فراهم می گردد .

ويرايش سندهای وب
بمنظور ويرايش فرم های وب و اسناد HTML بصورت ويژوال  ، می توان از روش معروف drag-and-drop نظير آنچيزی که در ويرايش فرم های ويندوز استفاده می گردد، استفاده و يا ويرايش آنان را بعنوان فايل های Text انجام داد . بمنظور سوئيچ نمودن بين حالات متفاوت ويرايش ، می توان از دکمه های Designو يا HTML در پنجره Document استفاده نمود. در صورت عدم ضرورت انجام برخی عمليات بصورت ويژوال ، می توان ويرايش اسناد وب را بعنوانText انجام داد. استفاده از حالت HTML بمراتب راحت تر از استفاده از ابزارهای ويژوال خواهد بود. در صورت آشنائی  با HTML ، تکنولوژی IntelliSense ( تشخيص هوشمندانه ) ، کمک لازم در خصوص تکميل عناصر HTML را ارائه خواهد داد .

ويرايش Code-Behind
فرم های وب ، علاوه بر عناصر ويژوال که در يک فايل خاص ذخيره می گردند، دارای فايل هائی با محتويات کد( منطق موردنظر برای انجام عمليات در ارتباط با فرم وب ) بوده  که به آنان مرتبط می گردند. در زمان ايجاد يک فرم وب جديد، فايل کد مربوطه نيز بصورت اتوماتيک ايجاد خواهد شد. اين نوع فايل ها ، اصطلاحا" Code-Behind ناميده شده و دارای نامی مشابه فرم وب بوده که دارای انشعاب vb .  و يا cs . ، اضافه شده به انشعاب آنان می باشد. يک فرم وب از طريق Pagedirective @ که در صفحه HTML فرم های وب استفاده می گردد با فايل کد مربوطه، مرتبط خواهد شد .

VB.NET

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="Form1.aspx.vb" Inherits="WebApplication1.Webform1"%>

Visual C#

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm1" %>

ويژوال استوديو ، بصورت اتوماتيک پشتيبانی اطلاعات ارائه شده توسط page directive را انجام خواهد داد . مثلا" در صورتيکه فرم وب با يک نام متفاوت ديگر ذخيره گردد ،  خصلت CoedBehind بصورت اتوماتيک بهنگام می گردد.ويژوال استوديو، بصورت اتوماتيک پشتيابی اطلاعات ارائه شده توسط خصلت Inherits مربوط به Page directive را انجام نخواهد داد ، بنابراين در صورتيکه namespace ريشه مربوط به پروژه و يا نام کلاس  يک فرم وب تغيير يابد ، می بايست عمليات بهنگام سازی بصورت دستی  در دايرکتيو مربوط به صفحه وب انجام شود. ويژوال استوديو دات نت ، تعريف کلاس ، روتين مقداردهی اوليه و روتين مربوط به رويداد  Page_Load  را در ارتباط با هر فايل Code Behind مربوط به فرم وب ايجاد می نمايد .کد ارائه شده در ناحيه ای که با عبارت Web Form Designer Generated Code ، نشان داده شده است را نمی بايست تغيير داد ، چراکه کد فوق در ادامه توسط ويژوال استوديو باتوجه به شرايط برنامه، مجددا" بازنويسی و تغييرات شما ناديده گرفته می شود. برای مخفی نمودن کد ، می توان بر روی علامت "- " در سمت چپ دايرکتيو Region#  کليک و آن را بصورت يک خط نمايش و با تغيير علامت "-" به علامت "+" ، ناحيه مربوطه را مجددا" نمايش داد. ويرايشگر کد ويژوال استوديو دات نت ، امکان تکميل دستورات تايپ شده در ارتباط با کليد واژه ها ، اعضاء کلاسی که در کد مورد نظر از آنان استفاده شده است را بصورت هوشمندانه فراهم می نمايد.

ويرايش فرم های وب که از يک فايل استفاده می نمايند 
ASP.NET ، حمايت لازم در خصوص فرم های وبی که از يک فايل استفاده می نمايند را فراهم می نمايد . در اين مدل ، فرم وب دارای کد مربوطه خود بهمراه HTML در يک فايل يکسان می باشد . تعداد زيادی از کدها ی نمونه و خود آموزها ئی که بر روی وب سايت ها قرار می گيرد از مدل فوق ، استفاده می نمايند ( توزيع و نمايش آنان ساده تر است ) .ويژوال استوديو دات نت ، قادر به ويرايش و حتی اجرای اين نوع از فرم های وب نيز می باشد .لازم است بدين نکته توجه گردد که امکان استفاده از برخی امکانات پيشرفته نظير: تکميل اتوماتيک( تشخيص هوشمندانه ) در ارتباط با کد درج شده بين المان های <script> و < script /> ، وجود نخواهد داشت . درنمونه فرم  وب زير که از يک فايل استفاده شده است ، محيط يک دايره محاسبه می گردد.

VB.NET

<%@ Page Language="VB" %>
<script runat="server">
    Private Sub butCalculate_Click(ByVal sender As System.Object, _ 
        ByVal e As System.EventArgs)
        ' Declare variables.
        Dim dblCircArea, dblRadius As Double
        ' Convert text input to a double (optional).
        If txtRadius.Text <> "" Then _
          dblRadius = System.Convert.ToDouble(txtRadius.Text)
        ' Calculate area.
        dblCircArea = System.Math.PI * System.Math.Pow(dblRadius, 2)
        ' Display result.
        ShowResult(dblCircArea)
    End Sub
   
    Sub ShowResult(ByVal Result As Double)
        litResult.Text = "<h3>Results</h3>"
        litResult.Text += "<p>The circles area is: <b>" + Result.ToString() _ 
            + "</b>"
    End Sub
</script>
<html>
<head>
    <title>Calculate Area</title>
</head>
<body>
    <form runat="server">
        <h2>Calculate Area
        </h2>
        <hr />
        Circle radius: 
        <asp:TextBox id="txtRadius" Runat="server"></asp:TextBox>
        <asp:Button id="butCalculate" onclick="butCalculate_Click"  Runat="server"
            Text="Calculate"></asp:Button>
        <p>
            <asp:Literal id="litResult" Runat="server"></asp:Literal>
        </p>
    </form>
</body>
</html>

Solution Explorer
سازماندهی برنامه ها در ويژوال استوديو دات نت ، بصورت Projects و Solutions می باشد. Project ، شامل مجموعه ای از فايل ها بمنظور ايجاد  يک برنامه اجرائی است .Solution ، شامل گروهی از پروژه ها بمنظور ايجاد يک واحد عملياتی واحد است .بمنظور مشاهده فايل های موجود در يک Solution ، می توان از Solution Explore استفاده نمود.

اطلاعات مربوط به Solution درفايلی با انشعاب slh .، ذخيره و بصورت پيش فرض در فولدر My Document ذخيره می گردد.  بمنظور فعال نمودن Solution ، می توان از فايل فوق استفاده و يا بصورت مستقيم اقدام به فعال نمودن فايل های پروژه که در فولدر Project مستقر می باشند ، نمود( vbproj . و يا csproj . ). در صورت فعال شدن يک فايل  Project  و پس از ذخيره سازی آن ، ويژوال استوديو دات نت ،  يک فايل Solution جديد برای آن ايجاد می نمايد.

اجرای يک پروژه
بمنظور اجرای يک Project در ويژوال استوديو دات نت، می توان بر روی دکمه Start موجود بر Toolbar ، انتخاب گزينه Start از طريق منوی Debug و يا فشردن کليد F5 استفاده کرد. زمانيکه يک Project اجراء می گردد ، فايل های پروژه ايجاد و در صورت بروز هرگونه خطاء ، موارد مربوطه در Task List window نمايش داده می شود.با کليک نمودن  بر روی شرح خطاء در Task list ، خط مورد نظر و مرتبط با خطاء بوجود آمده در پنجره Document  نمايش و امکان تصيح آن فراهم می گردد.در صورت عدم بروز خطاء در زمان فرآيند Build ، اجرای برنامه درحالت Debug آغاز می گردد. در رابطه با يک برنامه وب ، برنامه IE  فعال  و صفحه شروع برنامه نمايش داده می شود. در صورتيکه در زمان اجراء برنامه و در حالت Debug ، خطائی بوجود آيد ، خطاء مورد نظر در مرورگر نمايش داده می شود. در اين وضعيت از دو گزينه متفاوت می توان استفاده نمود :

  • در صورت آگاهی از علت بروز خطاء ، می توان اجراء برنامه رامتوقف ( با بستن پنجره مرورگر ) و به ويژوال استوديو دات نت مراجعت و خطاء مورد نظر را برطرف نمود .

  •  در صورتيکه اطمينان لازم نسبت به علل بروز خطاء وجود نداشته باشد ، می توان دکمه  Back مرورگر را فعال تا به ويژوال استوديو دات نت سوئيچ ويک Breakpoint در محلی که خطاء بروز نموده است را تعريف و مجددا" به  مرورگر مراجعه و اجرای برنامه را دنبال نمود. ويژوال استوديو دات نت ، اجراء برنامه را در محل Breakpoint متوقف و می توان مراحل مربوطه به مکان يابی منبع خطاء را دنبال کرد.

تنظيم Breakpoint و مشاهده متغيرها
با تنظيم و تعريف يک Brakpoint ، می توان اجراء يک پروژه را در خط خاصی متوقف نمود. زمانيکه ويژوال استوديو دات نت ، پروژه ای را اجراء می نمايد ، پروژه را متوقف و خط مورد نظر بهمراه Breakpoint را در ويرايشگر کد و  قبل از اجرای خط مربوطه ، نمايش خواهد داد . بمنظور تنظيم يک Breakpoint ، می توان بر روی حاشيه خاکستری سمت چپ خط کليک و يا خط مورد نظر را انتخاب و از کليد F9 استفاده نمود.
زمانيکه ويژوال استوديو دات نت ، اجراء برنامه را در محل يک Breakpoint متوقف می نمايد ، می توان  مقدار متغيرهای فعال را با انتقال اشاره گر موس بر روی متغير مشاهده کرد. در صورتيکه متغير يک نوع پيچيده باشد ، نظير يک شی و يا يک آرايه ، می توان داده مرتبط با آن را با اضافه نمودن آن به پنجره Watch مشاهده نمود. بمنظور افزودن يک آيتم به پنجره Watch ،می توان آيتم مورد نظر را  انتخاب و آن را به پنجره فوق Drag نمود. با کليک نمودن بر روی علامت "+" در پنجره Watch ، می توان آيتم های زير مجموعه را نيز مشاهده نمود ( نظير المان های يک آرايه و يا خصلت های شی ).

اجرای دستورات
پس از توقف در يک Breakpoint ، می توان فرآيند اجراء را با کليک نمودن دکمه Continue موجود بر روی Toolbar و يا فعال نمودن کليد F5 ادامه داد . در اين رابطه ،  می توان بمنظور اجرای خط به خط برنامه از کليد F10 ويا F11  استفاده نمود. کليد F10 ، هر فراخوانی به يک روتين را بعنوان يک عبارت در نظر می گيرد. بعبارت ديگر، کليد F10 بمتزله Steps Over نمودن يک روتين است ( اجراء روتين  و توقف در خط بعدی روتين جاری) . F11 ، باعث فراخوانی روتين ها با دنبال نمودن دستورات موجود در روتين و توقف در اولين خط مربوط به روتين فراخوانده شده ،می گردد.

خلاصه 

  • چهار نوع متفاوت از برنامه های اينترنت وجود دارد : Web applications, Web services, Internet-enabled applications, and peer-to-peer applications.

  • برنامه های وب بر روی يک سرويس دهنده اجراء و درخواست های کاربران را پردازش  و از کدهای اجرائی و منابع ايستا بر روی سرويس دهنده استفاده می نمايند.

  •  برنامه های وب ، قادر به ارائه محتويات پويا بر اساس منابع پويای سرويس دهنده نظير يک بانک اطلاعاتی و بر اساس داده های ورودی کاربران نظير ايجاد يک فرم ورود اطلاعات و اخذ داده از کاربران می باشند.

  •  ASP.NET ، پلات فرمی برای ايجاد برنامه های وب بوده که بر روی سرويس دهنده ويندوز و با استفاده از IIS و فريمرک دات نت اجراء می گردند.

  • برنامه های وب ، شامل محتويات ، کد اجرائی و فايل های پيکربندی می باشند .

  •  محتوی يک برنامه وب از طريق فرم های وب ارائه می گردد . فرم های وب از عناصر HTML نظير صفحات معمولی HTML استفاده و قادر به پاسخگوئی رويدادهای کاربر نظير کليک نمودن موس می باشند.

  • کدهای اجرائی برنامه های وب در يک فايل .dll . ذخيره که اسمبلی ناميده می شود. اسمبلی ها ، به يک وضعيت ميانی ترجمه و ترجمه نهائی آنان توسط CLR و قبل از اجراء برنامه انجام خواهد شد .

  • فريمورک دات نت از CLR و کتابخانه کلاس دات نت تشکيل شده است . کتابخانه کلاس دات نت ، عمليات زمان اجراء CLR را برای برنامه يسان انجام می دهد .

  • کلاس های دات نت بر اساس نيازهای برنامه نويسی ، طبقه بندی و در مجموعه ای از namespace ها ، سازماندهی شده اند . بدين ترتيب ،امکان يافتن کلاس ، متد و خصلت مورد نياز بمنظور انجام يک فعاليت براحتی فراهم می گردد .

  •  با استفاده از ويژوال استوديو دات نت و از طريق Start page ، می توان يک پروژه موجود را فعال و يا پروژه ای جديد را ايجاد و همچنين تنظيمات دلخواه مربوط به  محيط کاربر را انجام داد .

  • بمنظور ويرايش فرم های وب و صفحات HTML می توان از دو گزينه متفاوت استفاده نمود : ويرايش ويژوال ، (استفاده از گزينه Design مربوط به پنجره Document ) و ويرايش متنی (استفاده از گزينه HTML مربوط به پنجره Document ) .

  • برای تغيير پارامترها و امکانات محيط ويژوال استوديو دات نت، می توان از جعبه محاوره ای Options استفاده کرد.



جستجو

مقالات                 
دايره المعارف       
دوره های آموزشی


 

 

مشاهده گروه ها



              

 

 تهيه شده در شرکت سخا روش -  1382