مراحل عملی ايجاد يک برنامه نمونه دات نت New Page 1



ساير




 

 

 

SAKHA RAVESH CO.

 ا مروز

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

    5 4 3 2 1 

 عنوان

 نويسنده

  مشاهده

 تعداد آراء

 امتياز

 ايجاد يک برنامه وب نمونه در دات نت ( بخش نهم )

 مديريت وب

9400

8

4.2

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

 

ايجاد يک برنامه وب نمونه در دات نت ( بخش نهم )

ايجاد يک برنامه وب نمونه در دات نت ( بخش نهم )

 آنچه تاکنون گفته شده است :

  • بخش اول  ايجاد يک برنامه وب و فرم وب  ( فاز اول )
  • بخش دوم : استفاده از کنترل های سرويس دهنده و بررسی کد HTML توليد شده ( فاز دوم ) 
  • بخش سوم : بررسی صحت  و اعتبار داده ها ( فاز سوم )
  • بخش چهارم : افزودن اسکريپت  سمت سرويس گيرنده و درج کد در فايل Code Behind
  • بخش پنجم : اشکال زدائی برنامه
  • بخش ششم : مديريت وضعيت برنامه
  • بخش هفتم : دستيابی به داده در فرم های وب
  • بخش هشتم: دستيابی به داده در فرم های وب

در بخش هفتم اين مقاله به مراحل اول و دوم (  استفاده از کلاس SqlConnection   و نمايش داده در DataGrid  )  و در بخش هشتم به  مرحله سوم (   Paging و مرتب سازی DataGrid ) مربوط به فاز پنجم ، اشاره گرديد . در اين بخش به بررسی مرحله چهارم ، خواهيم پرداخت ( ويرايش ، بهنگام سازی ) .

فاز پنجم : دستيابی به داده در فرم های وب

مرحله چهارم : دستورات ويرايش و بهنگام سازی . در اين مرحله با نحوه اضافه نمودن يک ستون به کنترل DataGrid   به منظور ويرايش و بهنگام سازی داده ، آشنا می شويم.

افزودن يک ستون به DataGrid

  • سوئيچ به Design View مربوط به صفحه LoginDemo.aspx ( انتخاب View | Designer و يا فعال نمودن کليد  SHIFT+F7 )

  • کليک بر روی HTML tab برای مشاهده محتوی صفحه . افزودن کد زير بين <asp:Datagrid> و </asp:Datagrid> . ( کد فوق يک ستون و با نام "ويرايش"  و از نوع LinkButton ايجاد می نمايد)
     

    Creates a custom column

     <asp:Datagrid id="dgArticles" ... >
      <Columns>
       <asp:EditCommandColumn ButtonType="LinkButton" UpdateText="بهنگام" CancelText="انصراف"  EditText="ويرايش">
         </asp:EditCommandColumn>

      </Columns>
    </asp:Datagrid>

  • سوئيچ به Design View ( کليک بر روی Desgin Tab )

  • شکل DataGrid در فرم وب :

  • اجرای برنامه ( Debug | Start و يا فعال نمودن کليد F5 )

  • درج داده ورودی در فيلدهای "نام " و "رمز عبور" ( Srco,Srcopassword )

  • کليک بر روی دکمه "ورود به سايت " 

  • در صورت تائيد کاربر ، وی به صفحه  LoginDemo.aspx ، هدايت و از طريق صفحه فوق ، داده موجود در جدول SrcoArticles در DataGrid ( به همراه يک ستون جديد با نام "ويرايش"  ) نمايش داده می شود.

تمهيدات لازم برای نمايش پيام به کاربر پس از بهنگام سازی داده

  • انتخاب View | Toolbox و يا فعال نمودن کليد های CTRL+ALT+X

  • انتخاب کنترل  Label ازطريق Web Forms tab موجود در  Toolbox و استفرار آن بر روی فرم وب LoginDemo.aspx  ( در وضعيت Desgin view )  و در قسمت پائين DataGrid

  •  تنيظيم خصلت های زير برای کنترل  Label  استفاده شده بر روی فرم وب . ( برای مشاهده پنجره Properties مربوط به يک کنترل ، پس از انتخاب کنترل دستور View|Properties را فعال و يا از کليد F4 ، استفاده می نمائيم ) .

    تنظيم خصلت های کنترل  Label  

    خصلت

     مقدار

    ID

     lblMessage

    Text خالی

افزودن امکان ويرايش ، بهنگام سازی ، انصراف در DataGrid

  • سوئيچ به صفحه Code behind مربوط به صفحه LoginDemo.aspx ( انتخاب View | Code و يا فعال نمودن کليد F7 )

  •  انتخاب dgArticles از طريق Drop Down مربوط به اسامی کلاس ها

  • انتخاب متد EditCommand از طريق Drop Down مربوط به اسامی متدها . در ادامه ويژوال استوديو يک Event handler با نام dgArticles_EditCommand   ، ايجاد می نمايد .

  • انتخاب CancelCommand از طريق Drop Down مربوط به اسامی متدها . در ادامه ويژوال استوديو يک Event handler با نام dgArticles_CancelCommand   ، ايجاد می نمايد .

  • انتخاب UpdateCommand از طريق Drop Down مربوط به اسامی متدها . در ادامه ويژوال استوديو يک Event handler با نام dgArticles_UpdateCommand   ، ايجاد می نمايد .

  • افزودن کد زير در متد dgArticles_EditCommand ( امکان ويرايش DataGrid فراهم می گردد ) .

EditCommand method

 Private Sub dgArticles_EditCommand(ByVal source As Object, ByVal e As_ System.Web.UI.WebControls.DataGridCommandEventArgs) Handles dgArticles.EditCommand
  dgArticles.EditItemIndex = CInt(e.Item.ItemIndex)
  BindGrid("dgArticles")

End Sub

  • افزودن کد زير در متد dgArticles_CancelCommand ( امکان انصراف از عمليات ويرايش  در DataGrid فراهم می گردد ) .

 

CancelCommand method

 Private Sub dgArticles_CancelCommand(ByVal source As Object, ByVal e As_ System.Web.UI.WebControls.DataGridCommandEventArgs) Handles dgArticles.CancelCommand
  dgArticles.EditItemIndex = -1
  BindGrid("dgArticles")

End Sub

  • افزودن کد زير در متد dgArticles_UpdateCommand ( امکان بهنگام سازی داده  در DataGrid فراهم می گردد ) .

UpdateCommand method

 Private Sub dgArticles_UpdateCommand(ByVal source As Object, ByVal e As _
 System.Web.UI.WebControls.DataGridCommandEventArgs) Handles dgArticles.UpdateCommand
 Dim updateCmd As String

 updateCmd = "UPDATE SrcoArticles SET Title = @Title where ArticleID = " &  _
 dgArticles.DataKeys(CInt(e.Item.ItemIndex))

Dim myCommand As SqlCommand
myCommand = New SqlCommand(updateCmd, myConnection)

myCommand.Parameters.Add(New SqlParameter("@Title", SqlDbType.NVarChar, 80))
Dim CurrentTextBox As System.Web.UI.WebControls.TextBox
CurrentTextBox = e.Item.Cells(1).Controls(0)
myCommand.Parameters("@Title").Value = CurrentTextBox.Text
myCommand.Connection.Open()
Try
  myCommand.ExecuteNonQuery()
   lblMessage.Text = "<b> عنوان مقاله " & dgArticles.DataKeys(CInt(e.Item.ItemIndex)) & " بهنگام گرديد  </b><br>"
   dgArticles.EditItemIndex = -1
   Catch exp As Exception
    lblMessage.Text = "ERROR: " & exp.Message
End Try

myCommand.Connection.Close()
BindGrid("dgArticles")
End Sub
 

  • اجرای برنامه ( Debug | Start و يا فعال نمودن کليد F5 )

  • درج داده ورودی در فيلدهای "نام " و "رمز عبور" ( Srco,Srcopassword )

  • کليک بر روی دکمه "ورود به سايت " 

  • در صورت تائيد کاربر ، وی به صفحه  LoginDemo.aspx ، هدايت و از طريق صفحه فوق ، داده موجود در جدول SrcoArticles در DataGrid نمايش داده می شود( به همراه لينک ويرايش ) 

  • کليک بر روی لينک "ويرايش "  در هر يک از سطرهای DataGrid :

  • پس از نمايش DataGrid ( قابل ويرايش ) ، عنوان مقاله را تغيير و در ادامه لينک " بهنگام " را فعال تا تغييرات مورد نظر در بانک اطلاعاتی ذخيره گردد. پس از بهنگام سازی ، پيام " عنوان مقاله < شماره مقاله> بهنگام گرديد " از طريق کنترل lblMessage  نيز نمايش داده می شود.

 

نتايج مرحله  چهارم  فاز پنجم  :

  • آشنائی با  نحوه ويرايش و  بهنگام سازی داده موجود در يک DataGrid

در بخش دهم ( آخر)  اين مقاله به بررسی عمليات مربوط به فاز ششم ، خواهيم پرداخت .



جستجو

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


 

 

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



              

 

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