Bài 2: Thiết kê và lập trình web với ASP.NET - Giới thiệu ASP.NET

Lp trình và Thit k Web 2 Bà i 2 Bà i 2 GiiGii thiuthiu ASPASP .NET.NET GiiGii thiuthiu ASP ASP .NET.NET Ths Trn Th Bích Hnh Ths . Trn Th Bích Hnh Khoa CNTT Khoa CNTT –– H.KHTNH.KHTN © 2009 Khoa Công ngh thông tin LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET NidNid Ni d ung Ni d ung  Gii thiu v ASP .NET Gii thiu v ASP .NET  Giithiuv .NET Framework   Các thành ph  ncamt ng dng A SP .NET  C ch x lý mt ng dng ASP.NET  Cutrúcca 1 WebForm © 2009 Khoa CNTT - HKHTN 2 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET NidNid Ni d ung Ni d ung  Gii thiu v ASP .NET Gii thiu v ASP .NET  Giithiuv .NET Framework   Các thành ph  ncamt ng dng A SP .NET  C ch x lý mt ng dng ASP.NET  Cutrúcca 1 WebForm © 2009 Khoa CNTT - HKHTN 3 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET GiiGii thithi ASP NETASP NET GiiGii thi u thi u ASP . NETASP . NET  ASP .NET ASP .NET – Active Server Page .NET Công ngh ca Microsoft cho phép xây dng các ng dng – Công ngh ca Microsoft cho phép xây dng các ng dng web đng – Da trên nn tng NET Framework Da trên nn tng . NET Framework – c phát trinlênt ASP © 2009 Khoa CNTT - HKHTN 4 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET  điđi  ASPASP  u  u đi m đi mc  ac  a ASPASP  Công ngh Server - side scripting Công ngh Server side scripting  Tđng thông dch  Cho phép tocácng dng web đngin, nhanh chóng và d dàng  To trang web có tích hp ni dung đng © 2009 Khoa CNTT - HKHTN 5 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET Kh tKh t điđi  ASPASP Kh uy tKh uy t đi m đi mc  ac  a ASPASP  Ch h tr 2 loi ngôn ng : VBScript và JavaScript Ch h tr 2 loi ngôn ng : VBScript và JavaScript  Pha trn code, HTML và text  Không tng thích trình duyt  Không qunlýtrng thái trang web  C ch debug kém Tái  d d ké  Tái s  d ng co d e ké m © 2009 Khoa CNTT - HKHTN 6 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Cá đi ibt  ASP NETCá đi ibt  ASP NET Cá c đi m n i bt c  a ASP . NETCá c đi m n i bt c  a ASP . NET  H tr đa ngôn ng : C# , VB.NET , J# H tr đa ngôn ng : C# , VB.NET , J#  Biên dch trc các trang, giúp làm tng tc đ thchin  A SP code đclp vi HTML và text  Qunlýtrng thái trang web  Có c ch h tr debug thông qua IDE VS.NET H t tái  d d thô h k th  H t r tái s  d ng co d e thô ng qua c c h k th a © 2009 Khoa CNTT - HKHTN 7 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET Cá đi ibt  ASP NETCá đi ibt  ASP NET Cá c đi m n i bt c  a ASP . NETCá c đi m n i bt c  a ASP . NET  S dng c ch Server - side Caching S dng c ch Server side Caching  i cùng vi nhiu server control đcxâydng sn  Tđng nhndng trình duytngi dùng đang s dng © 2009 Khoa CNTT - HKHTN 8 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Cá đi ibt  ASP NETCá đi ibt  ASP NET Cá c đi m n i bt c  a ASP . NETCá c đi m n i bt c  a ASP . NET  Web Service : trin khai mt hàm t xa thông qua web Web Service : trin khai mt hàm t xa thông qua web © 2009 Khoa CNTT - HKHTN 9 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET NidNid Ni d ung Ni d ung  Gii thiu v ASP .NET Gii thiu v ASP .NET  Giithiuv .NET Framework   Các thành ph  ncamt ng dng Web  C ch x lý mt ng dng ASP.NET  Cutrúcca 1 WebForm © 2009 Khoa CNTT - HKHTN 10 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Giithi  NET F kGiithi  NET F k Gii thi u v  . NET F ramewor kGii thi u v  . NET F ramewor k  .NET Framework là nntn g cho Microsoft.NET Platform g  .NET Framework là môi trng cho vicxâydng, trin khai và vn hành các n g dn g Win/Web cn g nh Web g g g Service © 2009 Khoa CNTT - HKHTN 11 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET Giithi  NET F kGiithi  NET F k ii 22 00 Gii thi u v  . NET F ramewor k Gii thi u v  . NET F ramewor k –– vers i on vers i on 22 00  Giú p đn g in hóa q uá p g q trình phát trin, tích hp sn phm  .NET Framework không ph thuc vào ngôn ng ph thuc vào ngôn ng .  Các ngôn ng đang  Các ngôn ng đang đc h tr : C++, C#, VB.NET, Jscript © 2009 Khoa CNTT - HKHTN 12 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET CC hh h th t đđ  NET F kNET F k C  C  c h c h h o th o t đ ng đ ng c  ac  a. NET F ramewor k . NET F ramewor k © 2009 Khoa CNTT - HKHTN 13 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET Giithi  NET F kGiithi  NET F k ii 33 00 Gii thi u v  . NET F ramewor k Gii thi u v  . NET F ramewor k –– vers i on vers i on 33 00 Windows Presentation Foundation (WPF). Windows Cardspace Windows Communications Foundation (WCF). Windows Workflow Foundation (WF). © 2009 Khoa CNTT - HKHTN 14 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Giithi  NET F kGiithi  NET F k ii 33 55 Gii thi u v  . NET F ramewor k Gii thi u v  . NET F ramewor k –– vers i on vers i on 33 55 © 2009 Khoa CNTT - HKHTN 15 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET NidNid Ni d ung Ni d ung  Gii thiu v ASP.NET Gii thiu v ASP.NET  Giithiuv .NET Framework   Các thành ph  ncamt ng dng Web  C ch x lý mt ng dng ASP.NET  Cutrúcca 1 WebForm © 2009 Khoa CNTT - HKHTN 16 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET C SC S C u trúc mt ng dng A S P.NET C u trúc mt ng dng A S P.NET WbCli t W e b Cli en t ASP.NET Applications IIS Applications NET . NET Framework Operating System © 2009 Khoa CNTT - HKHTN 17 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET CáCá thà hthà h hh  tt  dd ASP NETASP NET Cá c Cá c thà n hthà n h p h np h nc  ac  am t m t  ng  ng d ng d ng ASP . NETASP . NET NiNi dungdung Wb W e b Form LpLp trình x lýtrình x lý Cu hìnhCu hình © 2009 Khoa CNTT - HKHTN 18 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET CáCá thà hthà h hh  tt  dd ASP NET(ASP NET( tttt )) Cá c Cá c thà n hthà n h p h np h nc  ac  am t m t  ng  ng d ng d ng ASP . NET(ASP . NET( tttt ))  Trong mt ng dng ASP NET hoàn chnh các phn thc  Trong mt ng dng ASP . NET hoàn chnh , các phn thc thi ca Web Form đclu trong các file .dll và chytrên server thông qua điu khin ca IIS server thông qua điu khin ca IIS © 2009 Khoa CNTT - HKHTN 19 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET NidNid Ni d ung Ni d ung  Gii thiu v ASP.NET Gii thiu v ASP.NET  Giithiuv .NET Framework   Các thành ph  ncamt ng dng A SP. NET  C ch x lý mt ng dng ASP.NET  Cutrúcca 1 WebForm © 2009 Khoa CNTT - HKHTN 20 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET C h  lý tt ASPNETC h  lý tt ASPNET C  c h x  lý m t t rang ASP . NETC  c h x  lý m t t rang ASP . NET © 2009 Khoa CNTT - HKHTN 21 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET DD D emo D emo  Gii thiu cách to ASP.NET Web Project Gii thiu cách to ASP.NET Web Project  Các chđThitk và lptrình   Biên dch và Tri  n khai Web Project © 2009 Khoa CNTT - HKHTN 22 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET NidNid Ni d ung Ni d ung  Gii thiu v ASP.NET Gii thiu v ASP.NET  Giithiuv .NET Framework   Các thành ph  ncamt ng dng A SP .NET  C ch x lý mt ng dng ASP.NET  Cutrúcca 1 WebForm © 2009 Khoa CNTT - HKHTN 23 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET CC C u trúc mt Web Form aspx C u trúc mt Web Form aspx  Mt Web Form bao gm các thành phn: Mt Web Form bao gm các thành phn: – Directives Code Declaration Blocks – Code Declaration Blocks – Code Render Blocks WbC t l – W e b C on t ro l s – Server-side comments – Literal Text và HTML Tags Code Declaration Blocks và Code Render Blocks có th đt trc tip trên WebForm hoc tách bit trong file Code Behind © 2009 Khoa CNTT - HKHTN 24 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Cutrúcmt Web Form aspxCutrúcmt Web Form aspx Cu trúc mt Web Form aspxCu trúc mt Web Form aspx <%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" Page directives "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Sample Page</title> <script runat= " server " > Literal text và html tags <script runat= server > void Page_Load() { messageLabel.Text = "Hello World"; } </script> Code declaration Blocks </head> <body> <% comment here %> <form runat="server"> <> Server-side comments < p > <asp:Label id="messageLabel" runat="server" /> </p> <p> <% Declare the title as string and set it %> Web controls <% string Title = "This is generated by a code render " + "block."; %> <%= Title %> </p> </form> Code render Blocks © 2009 Khoa CNTT - HKHTN </form> </body> </html> 25 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET Di tiDi ti Di rec ti ves Di rec ti ves  Chacácch th cho bitcáchthcWebFormđcbiêndch Cha các ch th cho bit cách thc Web Form đc biên dch  c khai báo trong <%@ %> và có th đt ti bt k v trí nào trên Web Form trên Web Form  Mt s thuc tính quan trng: Language AutoEventWireup CodeFile Language , AutoEventWireup , CodeFile , Ví d: <%@ Language=“C#” AutoEventWireup=“true” CodeFile=“Default.aspx.cs” %> © 2009 Khoa CNTT - HKHTN 26 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET CdCd dl tidl ti bl kbl k C o d e C o d e d ec l ara ti on d ec l ara ti on bl oc k s bl oc k s  c khai báo nuphnx lý logic cachng trình đc c khai báo nu phn x lý logic ca chng trình đc th hin ngay trong Web Form ( không s dng code behind )  Khai báo các phng thchoc các hàm x lý s kin  Khai báo các phng thc hoc các hàm x lý s kin Ví d: i <scr i pt runat="server"> void mySub() { // Code here } void Page_Load( ) { // Code here } </script> © 2009 Khoa CNTT - HKHTN 27 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET CdCd RdRd Bl kBl k C o d e C o d e R en d e rR en d e r Bl oc k s Bl oc k s  Là các đon code đc thc thi khi mt trang đc np ho  c tr n  i dun g v p hía n g i dùn g .   g pg g  Bao gm 2 loi: Inline Code – Inline Code – Inline Expression © 2009 Khoa CNTT - HKHTN 28 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET CdCd RdRd Bl kBl k Ili CdIli Cd C o d e C o d e R en d e rR en d e r Bl oc k s Bl oc k s I n li ne C o d e I n li ne C o d e  Bao gmcáclnh x lý trên server nhng không tr Bao gm các lnh x lý trên server nhng không tr ni dung v phía trình duyt.  Thng đcs dng đ khai báo bin  Thng đc s dng đ khai báo bin  c khai báo trong cp th <% %> Ví d: < % % string Title = "This is generated by a code render block."; %> %> © 2009 Khoa CNTT - HKHTN 29 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET CdCd RdRd Bl kBl k Ili E iIli E i C o d e C o d e R en d e rR en d e r Bl oc k s Bl oc k s I n li ne E xpress i on I n li ne E xpress i on  Code x lý tr thông tin v trình duyt. Code x lý tr thông tin v trình duyt.  Thông tin tr v có th là ni dung ca mt bin hoc kt qu ca vi  c g i th  c hi  n m  t p hn g thc  g    p g  c khai báo trong cp th <%= %> Ví d: Ví d: <% ti Titl "Thi i t d b d d bl k " s t r i ng Titl e = "Thi s i s genera t e d b y a co d e ren d er bl oc k . " ; %> <%= Title %> hoc <%= mySub() %> © 2009 Khoa CNTT - HKHTN 30 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET CC Web C ontrolsWeb C ontrols  Bao gm 3 loi: – Html Control – Html Server Control – Asp.net Server Control  c khai báo trong th <form runat=“server” > </form> Ví d: <asp:Label ID =“ Label 1 ” runat =“ server ” Text =“ Text Content ” /> <asp:Label ID Label 1 runat server Text Text Content /> <asp:TextBox ID=“TextBox1” runat=“server” Text=“Enter text here” /> © 2009 Khoa CNTT - HKHTN 31 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET SS S erve rS erve r side commentsside comments  Th hin các ghi chú trên Web Form Th hin các ghi chú trên Web Form  S dng mt trong 2 dng: Ht l C t ! t – Ht m l C ommen t : < ! – commen t > – Asp.net Comment: <% comment %>  Html comment s đc gi v trình duyt do đó không thích hp đ comment ni dung Asp.net server-side code  Asp.net comment đc dùng đ n thông tin đi vi trình duyt nhng s đc x lý bi Asp.net runtime © 2009 Khoa CNTT - HKHTN 32 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET SS S erve rS erve r side commentsside comments  Ví d: Ví d: <! <% string Title = " This is generated by a code render block " ; %> <% string Title This is generated by a code render block . ; %> <%= Title %> > > Ktxutti trình duyt: Kt xut ti trình duyt: <! This is generated by a code render block This is generated by a code render block . > © 2009 Khoa CNTT - HKHTN 33 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET Literal Text và HTML TagsLiteral Text và HTML Tags  Cung cp cu trúc đnh dng thông tin trang web ( thông q ua các th Html ) cùn g vi n  i dun g hin th  tnh ( literal q )g  g  ( text )  Nu không có thành phn này, trang web s không có Nu không có thành phn này, trang web s không có cu trúc và trình duyt s không hin th đc © 2009 Khoa CNTT - HKHTN 34 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Lit l T t à HTML TLit l T t à HTML T Lit era l T ex t v à HTML T ags Lit era l T ex t v à HTML T ags Ví d: <%@ Page Language= " C# " %> <%@ Page Language= C# %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <head> <title>Sample Page</title> <script runat="server"> void Page_Load() { messageLabel Text =" Hello World " ; messageLabel . Text Hello World ; } </script> </head> <body> ft"" < f orm runa t = " server " > <p> <asp:Label id="messageLabel" runat="server" /> </p> < p > p <% Declare the title as string and set it %> <% string Title = "This is generated by a code render " + "block."; %> <%= Title %> </p> © 2009 Khoa CNTT - HKHTN </p> </form> </body> </html> 35 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET WbF đ âd i d bhidWbF đ âd i d bhid W e b F orm đ c x â y d ng v i co d e b e hi n dW e b F orm đ c x â y d ng v i co d e b e hi n d  Code behind: là file mã ngun ( C#, VB.net ) cha khai báo lp có nhim Code behind: là file mã ngun ( C#, VB.net ) cha khai báo lp có nhim v x lý các logic nghip v ca chng trình hay các s kin xy ra khi ngi dùng tng tác vi WebForm  Tên ca lp này trùng vi tên ca WebForm Ví d: nu tên WebForm là index  tên class s là index  Tt c các class x lý s kin trên WebForm đu k tha t lp S y stem.Web.UI.Pa g e yg  Tt c các class đu cha hàm Page_Load t đng gi thc hin khi WebForm nhn đc request t client WebForm nhn đc request t client  Hàm Page Load dùng đ khitoni dung ca các control trên © 2009 Khoa CNTT - HKHTN Hàm Page _ Load dùng đ khi to ni dung ca các control trên WebForm 36 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET WbF đ âd i d bhidWbF đ âd i d bhid W e b F orm đ c x â y d ng v i co d e b e hi n dW e b F orm đ c x â y d ng v i co d e b e hi n d  Ví d: Ví d: © 2009 Khoa CNTT - HKHTN 37 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET TT ktkt T ng T ng ktkt  u đim ASP .NET u đim ASP .NET  C ch hot đng ca .NET Framework   C ch  x lý ca ng dng A SP .NET  Cu trúc WebForm © 2009 Khoa CNTT - HKHTN 38 . HKHTN 3 LptrìnhvàThitk Web 2 – Bài 2: Giithiu ASP .NET GiiGii thithi ASP NETASP NET GiiGii thi u thi u ASP . NETASP . NET  ASP .NET ASP .NET – Active Server Page .NET Công ngh ca Microsoft cho phép xây dng các ng dng – Công ngh ca Microsoft cho phép xây dng các ng dng web. CNTT - HKHTN 6 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Cá đi ibt  ASP NETCá đi ibt  ASP NET Cá c đi m n i bt c  a ASP . NETCá c đi m n i bt c  a ASP . NET  H tr đa ngôn ng : C# , VB .NET , J# H tr đa ngôn ng : . CNTT - HKHTN 8 Lp trình và Thitk Web 2 – Bài 2: Giithiu ASP .NET Cá đi ibt  ASP NETCá đi ibt  ASP NET Cá c đi m n i bt c  a ASP . NETCá c đi m n i bt c  a ASP . NET  Web Service : trin khai mt hàm t xa thông qua web Web Service : trin khai mt hàm t xa thông qua web ©