Tài liệu Tổng quan về WEB ppt

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang	34
Dung lượng	295,11 KB

Nội dung

TỔNG QUAN VỀ WEB MỞ ĐẦU Trở về quá khứ, cách mà các ứng dụng phần mềm đợc áp dụng vào thực tế là lập trình ra nó trong một ngôn ngữ lập trình, sau đó đợc cài vào các máy khác nhau. Chỉ có một phiên bản nh vậy đợc chạy trong cùng một thời điểm. Đó là mô hình một ứng dụng mang tính tập trung. Ngày nay, khi công nghệ Internet ra đời từ lúc còn sơ khai cho đến khi đang ở giai đoạn đỉnh điểm thì các ứng dụng phần mềm có một quan niệm khác. Đặc biệt là khi công nghệ Web đợc coi là “sức sống” của mạng Internet ra đời thì việc sử dụng các ứng dụng phân tán dới dạng ứng dụng Web đợc coi là phổ biến. Nó cho phép cùng một ứng dụng có thể đợc sử dụng bởi nhiều ngời trong cùng một thời điểm. Và do đó dẫn tới một xu thế hiện nay là “Hãy ngồi ở nhà, với chiếc máy tính của bạn, để giao tiếp với thế giới bên ngoài qua các trang Web”. Qua đó ta thấy rằng, Web và Internet là hai thuật ngữ khá phổ biến hiện nay. Bắt đầu từ các trang Web tĩnh HTML cho phép hiển thị các thông tin cố định thì tiếp tục nảy sinh vấn đề phải tạo ra đợc các trang Web biểu thị các thông tin thay đổi theo yêu cầu của ngời dùng. Đó là các trang Web động. Bài viết này đợc chia làm 4 phần : Phần 1 : Tổng quan về Web. Phần 2 : ASP. Phần 3 : Xây dựng ứng dụng Web VTV1. Phần 4 : Listing. PHẦN 1 : TỔNG QUAN VỀ WEB I. Web là gì ? Web là công nghệ trên Internet cho phép thể hiện các thông tin một cách sinh động, gần gũi với con ngời hơn trên 1 trang thông tin gọi là trang Web. Trang Web đợc trình bày trên các bộ duyệt Web (Browser) trên các máy Client. Trang Web chính là các file văn bản dạng Text đợc cấu trúc hoá theo ngôn ngữ HTML. II. HTML là gì ? HTML là ngôn ngữ đánh dấu siêu văn bản (HyperText Markup Language). HTML đợc cấu tạo bởi các thẻ gọi là các Tab. Các thẻ này là các từ đợc đánh trong 2 dấu < và >. Cấu trúc chung 1 trang Web HTML : <HTML> <HEAD> <! Thông tin phần header của trang Web > <TITLE>Tiêu đề của trang Web</TITLE> </HEAD> <BODY> <! Thông tin phần body trang Web > </BODY> </HTML> III. Các loại trang Web : Các trang Web đợc phân thành 3 loại nh sau :  Trang Web tĩnh (trang .HTML) : Là trang đã đợc lu trữ trên Server từ trớc. Khi có yêu cầu từ phía Client, trang này sẽ đợc tải về Client và đợc hiển thị trên Server .  Trang Web động (DHTML : Dynamic HTML ): Là các file chơng trình đợc chạy trên Server. Sau khi chạy xong, Server sẽ sinh ra trang Web tĩnh HTML tơng ứng với chơng trình đó và gửi về Client. Nh vậy đến đây ta có thể coi rằng trang Web động là các trang Web HTML không tồn tại từ trớc trên Server mà trái lại tuỳ theo yêu c ầu từ phía Client, trang Web này sẽ đợc tạo ra sau khi chạy chơng trình trên Server . Các trang Web động có thể tạo ra bằng các cách sau : + CGI (Common Gateway Interface) : Là chuẩn chung phổ biến nhất để các browser có thể chạy 1 chơng trình trên server, có thể cài đặt trên mọi hệ điều hành và Web server. Nó là tên gọi để chỉ các chơng trình chạy trên Server mà đầu vào là các thông tin từ phía Client, đầu ra là các trang HTML để gửi vể phía Client. CGI cho cách tạo các trang Web động 1 cách “chắc chắn” nhất trong đó mọi hệ điều hành đều hỗ trợ. Tuy nhiên việc dùng CGI là khá phức tạp. + ASP (Active Server Page) : Là thành phần đợc cài thêm vào Web Server để tạo ra các trang Web động. Đầu vào là các file.asp có cấu trúc tơng tự nh trang .HTML nhng có thêm các lệnh Script để tạo ra trang Web. Các file .asp này đợc chạy trên Server. Để chạy đợc ASP bắt buộc phải cài nó trên các Web Server của MicroSoft. Ta sẽ nói rõ thêm về ASP ở phần sau. + JSP (Java Server Page) : Là công nghệ mới công bố của riêng hãng Sun MicroSystem. Nó là sự tích hợp của cả Web Server và JSP để tạo trang Web động. Nó không phụ thuộc vào mức Web Server và hệ điều hành ở dới.  Trang Web có nhúng các Applet và Script : Là các trang HTML có nhúng các câu lệnh Script và Applet đợc viết bằng ngôn ngữ JavaScript , VBScript , Perl Các Applet này đợc chạy bên phía Client. Để các Applet , Script có thể chạy đợc , các Browser phải hỗ trợ các bộ dịch ngôn ngữ Script, Applet tơng ứng. Các loại Applet ch ạy trên Browser (Client) : + Java Applet : Xây dựng dựa trên ngôn ngữ Java. + ActiveX : Là các đối tợng dới dạng modul có sẵn. Chỉ chạy trên hệ điều hành Window. + Plug-In : Các thành phần bổ trợ cho các chức năng mới của Browser. IV. Mô hình giao tác Client/Server : Trớc hết ta cần hiểu các khái niệm về Client, Server : Server : + Đợi các yêu cầu (Request) từ các máy Client. Phân tích các yêu cầu đó để xử lý. Gửi kết quả trả lời (Response)về Client. + Chứa các phần mềm Web Server, Database Server + Luôn trong trạng thái On-Line. Client : + Tạo các kết nối. Gửi các yêu cầu đến máy Server và chờ nhận kết quả từ Server. + Chứa các phần mềm Web Browser nh IE, Nestcape + Có thể ở trạng thái Bật/Tắt bất cứ lúc nào. Nh vậy mô hình một giao tác giữa Client và Server nh sau : Đầu tiên, Client gửi một yêu cầu kết nối đến Server theo địa chỉ URL mà nó cần kết nối. Server tơng ứng sẽ “nghe” và kiểm tra xem các kênh kết nối dành cho nó có kênh nào rỗi không. Nếu có kênh rỗi nó sẽ thiết lập liên kết và gửi kết quả trả về Client tơng ứng. Đối với các yêu cầu khác hoặc dữ liệu mà Client gửi tới, Server sẽ làm tơng tự. Mô hình Client/Server trong ASP : PHẦN 2 : ASP (ACTIVE SERVER PAGE) I.ASP là gì ? ASP là một thành phần đợc cài tại Web Server để hỗ trợ việc dùng các trang Web động .asp. Ứng dụng ASP là tập hợp các trang ASP và các thành phần ActiveX. Các file ASP (.asp) gồm phần văn bản (text), HTML và các lệnh script. Mỗi khi browser gửi yêu cầu về một file .asp cho Web Server, ASP xử lý phần lệnh script rồi trả lại cho browser kết quả là một trang HTML. Các script là các câu lệnh có nghĩa bằng bất cứ ngôn ngữ scripting nào, đợc ngăn cách với phần HTML bằng cặp dấu <% và %>. Ngôn ngữ tạo kịch bản (scripting language) Scripting là ngôn ngữ kết hợp giữa HTML và các ngôn ngữ lập trình nh J, C++, VB Trong đó: + HTML tạo văn bản và kết nối các trang. + Các ngôn ngữ lập trình tạo ra những lệnh phức tạp cho máy tính. - Ngôn ngữ scripting chủ yếu tạo ra các văn bản dạng text và gọi đến các component đã đợc biên dịch sẵn viết bằng các ngôn ngữ lập trình trên. - Server mới là bên đọc và xử lý các script trong ASP, vì thế chỉ các Web server mới cần hỗ trợ cho ngôn ngữ này. - Client browser chỉ cần đa ra yêu cầu về các trang .asp và chờ đợc đáp ứng, nó không cần hỗ trợ các ngôn ngữ scripting. - Scripting engine: là chơng trình xử lý các lệnh viết bằng ngôn ngữ scripting nào đó. ASP có hai scripting engine là VBScript vàJScript. - Ngôn ngữ scripting cơ sở: là ngôn ngữ đợc mặc định để xử lý các lệnh trong cặp dấu <% và %>. Điều này phụ thuộc vào từng server cụ thể. Có thể đặt ngôn ngữ cho một trang hoặc tất cả các trang của ứ ng dụng. Ví dụ nh - Đặt ngôn ngữ cho một trang: bằng chỉ dẫn <% @ LANGUAGE = tên ngôn ngữ %> II. Các đặc điểm của ASP :  Có thể thực hiện đợc các Script trên Web Server mà không phải thực hiện trên các Browser. Do đó Browser không hỗ trợ các ngôn ngữ Script vẫn có thể thực hiện đợc các Script bằng cách gửi các yêu cầu cho Server thực hiện. Điều này tạo ra một đặc tính tiện lợi mà ít ai nhận ra là có thể thực hiện đợc các trang Web sinh động mà có thể dùng các trình duyệt Web đơn giản không có hỗ trợ các Script.  Các file .asp chỉ đợc lu trữ trên Web Server mà không tồn tại ở máy Client.  Các trang Web .asp sẽ đợc thực hiện (biên dịch) bởi thành phần Script Engine cài trong ASP ở Web Server.  Việc sử dụng ASP cho phép tạo ra các ứng dụng Web mạnh và linh hoạt, có giao diện thân thiện với ngời dùng qua trang HTML. III. Các thành phần của ASP : Thành phần chủ yếu trong ASP đợc gọi là ActiveX Server Components ActiveX là một công cụ mạnh để xây dựng các ứng dụng Web vì nó cung cấp các đối tợng để bạn có thể sử dụng trong script của mình. Bạn có thể xây dựng các ứng dụng Web động, có tơng tác nhờ sử dụng các component do server cung cấp. Các component này đợc sử dụng nh là những khối cơ bản trong script hoặc các ứng dụng Web, chúng thực hiện những công việc thông thờng để bạn không cần phải viết lại mã lệnh nữa. Component là mã lệnh đã đợc dịch, sẵn sàng để chạy, đợc đặt dới dạng các file .dll hoặc .exe. Bạn có thể dùng các component do ASP cung cấp hoặc lấy từ một nguồn nào đó hay tạo ra các component cho mình. ASP cung cấp 5 thành phần (components) cơ bản: Advertisement Rotator Tạo đối t ợ Browser Capabilities Tạo đối tợng BrowserType quyết định kiểu, khả năng và version của mỗi browser truy nhập đến Web site của bạn Database Access Cung cấp các truy nhập đến cơ sở dữ liệu sử dụng ActiveX Data Objects (ADO). Content Linking Tạo đối tợng NextLink để tạo ra bảng nội dung của trang Web và nối chúng lại nh là các trang trong một quyển sách. File Access Cung cấp các truy nhập đến các file. IV. Bạn phải làm gì để tạo đợc trang Web động .asp : - Lắp đặt hệ thống phần cứng về mạng (nối các máy, cài đặt hệ điều hành )  Cài đặt phần mềm Web Server trên máy mà bạn định chọn làm Server. Các phần mềm phổ biến có thể là : + IIS (Internet Information Server) : Web Server ( của Microsoft ) dùng để cài trên Window NT. Thờng đợc cài trong thực tế để làm Web Server trên Internet. + PWS (Personal Web Server) : Web Server ( của Microsoft ) dùng để cài trên Window 9x. Thờng đợc cài trên máy tính cá nhân đơn lẻ để test ứng dụng Web .asp. Nó mô phỏng mô hình Client/Server trên một máy đơn lẻ. + FTS (FastTrack Server) : Web Server của Netscape. Cũng thờng đợc cài trong thực tế để làm Web Server trên Internet. + Ngoài ra còn một số các phần mềm Web Server khác.  Cài ASP Đến đây bạn hoàn toàn có thể tạo các trang ASP bằng một bộ soạn thảo văn bản bất kỳ. Sau đó copy file .asp vừa soạn thảo vào th mục InetPub hoặc WebShare trên Server. Tuy nhiên để có thể tạo ra các ứng dụng Web có trang Web động .asp một cách dễ dàng và chuyên nghiệp hơn, bạn nên cài thêm các thành phần sau :  FrontPage Server Extensions : Cho phép copy các file HTML và ASP từ th mục project (của FrontPage hoặc Visual Interdev) vào th mục InetPub hoặc WebShare của Web Server một cách tự động.  Visual InterDev (trong bộ Visual Studio của MicroSoft): Phần m ềm cho phép tạo ứng dụng Web ASP một cách dễ dàng.  FrontPage : Phần mềm soạn thảo trang HTML. V. Cơ chế Submit một form trong ASP : Submit là thuật ngữ để chỉ một giai đoạn khi Web Browser trên máy Client gửi các thông tin mà ngời sử dụng điền trong một form về Web Server. Ví dụ khi ngời sử dụng điền thông tin trong một Text Box và bấm Submit. Nh vậy có thể hiểu theo cách khác là khi Browser gửi yêu cầu (Request) đến Server thì gọi là Submit. Có 2 method Submit : Get và Post. + Post Method : Thông tin sẽ nằm trong phần thân của form gửi về Server. Bên Server dùng Collection Form của đối tợng Request để lấy giá trị này. + Get Method : Thông tin sẽ đợc gắn vào sau địa chỉ URL đợc ngăn cách bởi dấu ? dới dạng một chuỗi Query. Dạng của chuỗi này nh sau : Địa_Chỉ_URL?Name1=Value1, Bên Server dùng Collection QueryString của đối tợng Request để lấy giá trị này. Một quá trình truyền thông tin về Server (Submit) thờng kèm theo địa chỉ của trang ASP sẽ tiếp nhận thông tin đó, xử lý thông tin đó và tạo ra kết quả là trang HTML gửi trả về Browser. Địa chỉ của trang ASP này đợc xác định bởi thuộc tính Action trong Tab Form của trang HTML chứa form. Ví dụ : Có một trang HTML nh sau : <HTML> <BODY> <FORM METHOD =”POST” ACTION =”ReceiveParam.asp” > <INPUT TYPE=”TEXT” NAME=”NAME1” SIZE=”40”> <INPUT TYPE=”SUBMIT” VALUE=”SEND TO SERVER”> </FORM> </BODY> </HTML> Khi form đợc Submit về Server nó sẽ gửi giá trị của NAME1 đồng thời link tới trang ReceiveParam.asp. Do đó để lấy đợc giá trị của NAME1 bên Server ta phải tạo một file ReceiveParam.asp và dùng Collection Form của đối tợng Request nh sau : <%@ Language = VBScript %> <% Set ReceivedValue = Request.Form(“NAME1”) %> <HTML> <BODY> <%=ReceivedValue%> </BODY> </HTML> Để Test kết quả ở trên hãy thực hiện các bớc sau trên máy đã cài Web Server và ASP :  Tạo một th mục Test trong InetPub(hoặc WebShare với PWS)\WWWROOT  Tạo một file Test.htm trong th mục Test và Paste những dòng trang HTML ở trên vào file đó.  Tạo một file ReceiveParam.asp trong th mục Test và Paste những dòng trang ASP ở trên vào file đó.  Trên Browser bất kỳ đánh địa chỉ URL : http://Server_Name/Test/test.htm. VI. Một ví dụ đơn giản về trang Web động ASP : Hãy trở lại với một ví dụ đơn giản về trang HTML “Hello World” : <HTML> <BODY> <FONT SIZE = 10 > Hello World ! </BODY> </HTML> Nếu chỉ hiển thị 1 dòng nh vậy thì sẽ không có vấn đề xảy ra. Tuy nhiên giả sử ta phải trình bày dòng Hello World ! trên nhiều dòng và với cỡ chữ to dần. Cách làm ở đây là viết lặp lại 2 dòng <FONT SIZE = i >, Hello World với i tăng dần. Điều đó sẽ làm cho việc đánh trở nên cồng kềnh và “con ong chăm chỉ”, không tận dụng đợc các chứ c năng lặp của 1 ngôn ngữ lập trình bình thờng. Giải pháp ở đây là xây dựng 1 trang Web động .asp nh sau : <%@ Language = VBScript %> <HTML> <BODY> <% For i = 10 To 20 %> <FONT SIZE = <%=i%> > Hello World ! <%Next%> </BODY> </HTML> Chỉ với 8 dòng ở trên ta có thể thay cho 24 dòng trong trang Web tĩnh HTML. Bí quyết là giao cho Server thực hiện các lệnh trên để nó tạo ra 24 dòng HTML và gửi về Client (yêu cầu trang .asp ở trên). [...]...PHẦN 3 : XÂY DỰNG ỨNG DỤNG WEB VTV1 I.Yêu cầu về ứng dụng Web : Dựa trên mô hình ứng dụng Web Client/Server Truy cập đợc cơ sở dữ liệu từ xa trên máy Server Úng dụng Web động dùng công nghệ ASP II.Giới thiệu về trang Web VTV01 : VTV01 là trang Web cho phép quản lý và theo dõi lịch phát sóng của kênh VTV1 Đài Truyền Hình Việt Nam Nó có... The_Loai : Field Name ID The_Loai Tài Liệu Data Type Description BG1 BG2 BG3 BG4 Auto Number 1 2 3 Text The loai chuong trinh TGĐV VQTG Hoạt Hình Tạp Chí BG5 BG6 4 5 PKH Phim Quan hệ giữa 2 bảng : IV Các trang Web trong VTV01 : - Default.htm : Trang Web mặc định tơng ứng với địa chỉ URL : Http://Server_Name/VTV01 Là trang tạo ra 3 frame để hiển thị cùng 1 lúc 3 trang Web khác nhau Global.asa (File Active... Window NT VTV01 dùng thành phần Database Access của ASP để truy cập cơ sở dữ liệu VTV.mdb đợc tạo trên Access 97 Ngoài ra có 2 ngôn ngữ Script đợc dùng trong ứng dụng là VBScript để truy vấn cơ sở dữ liệu và JavaScript để thực hiện các kết quả báo cáo in ra III Cơ sở dữ liệu của trang Web VTV1 : VTV01 có 1 file cơ sở dữ liệu duy nhất là VTV.mdb đợc tạo ra trên Access Nó gồm 2 bảng có cấu trúc nh sau... Active Server Application): Là file không bao gồm những nội dung gửi về phía Client Nó là file lựa chọn cho phép khai báo các đối tợng ở mức phiên và mức ứng dụng để dùng trong ứng dụng Web ASP Nó lu trữ các thông tin về các sự kiện và các đối tợng đợc sử dụng một cách toàn cục trong ứng dụng Đợc lu trữ trong th mục gốc của ứng dụng Web và mỗi ứng dụng chỉ có duy nhất một file Global.asa Trong ứng dụng... đợc khai báo ở đây Trong th mục (Folder) Code : About.htm : Trang Web giới thiệu Đợc hiển thị lúc đầu trong Default.htm Header.htm : Trang Web ảnh của VTV1 và FPT Hiển thị trên phần đầu trang LeftBat.htm : Trang Web link đến các trang động asp khác Hiển thị ở khung bên trái 6 ScheduleInit.asp : Trình bày form để User nhập thông tin về tháng cần xem lịch phát sóng Schedule.asp : Vẽ lịch phát sóng tơng... Thực hiện việc cập nhật cơ sở dữ liệu và trình bày kết quả thay đổi nội dung chơng trình DeleteAsp.asp : Xoá một chơng trình khỏi cơ sở dữ liệu và trình bày kết quả xoá Input.asp : Trình bày form để tạo một chơng trình mới InputAsp.asp : Thực hiện việc thêm một chơng trình mới vào cơ sở dữ liệu và trình bày kết quả thêm MonthReport.asp : Trình bày form để nhập thông tin về tháng cần báo cáo BKTTCT.asp... chuyển đổi ngày giờ V Sơ đồ liên kết giữa các trang Web trong VTV01 : VI Nhận xét : Ứng dụng đợc cài đặt trên nền Web Server : MicroSoft Internet Information Server và hệ điều hành Window NT 4.0 Nhìn chung đã đảm bảo đợc các yêu cầu đề ra ở trên Tuy nhiên còn một số hạn chế là cha có khả năng kiểm tra lỗi thông tin nhập và khả năng tơng thích với các Web Server và hệ điều hành khác là cha đợc đảm bảo... a user's session times out or quits your application 'Application_OnStart Runs once when the first page of your application is run for the first time by any user 'Application_OnEnd Runs once when the web server shuts down Sub Application_OnStart '==Visual InterDev Generated - startspan== ' Project Data Connection Application("Connection_ConnectionString") . Tổng quan về Web. Phần 2 : ASP. Phần 3 : Xây dựng ứng dụng Web VTV1. Phần 4 : Listing. PHẦN 1 : TỔNG QUAN VỀ WEB I. Web là gì ? Web là công. TỔNG QUAN VỀ WEB MỞ ĐẦU Trở về quá khứ, cách mà các ứng dụng phần mềm đợc áp dụng vào

Ngày đăng: 24/01/2014, 08:20

Xem thêm