T ỔNG QUAN VỀ WEB... Mô hình Client/Server trong ASP :.[r]
Trang 1TỔNG QUAN VỀ WEB
Trang 2MỞ ĐẦ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
Trang 3PHẦ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à
Trang 4Web 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
Trang 5Client :
+ 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 :
Trang 6</tr>
<tr>
<td width="100">Tên CT:</td>
<td width="320" colspan="4"><input type="text" name="Ten_Chuong_Trinh" size='33'
Value="<%=rs("Ten_Chuong_Trinh")%>" style="FONT-FAMILY:.VnTime"></td>
</tr>
<tr>
<td width="80">Biên tập:</td>
<td width="80"><input type="text" name="Bien_Tap" size="12" Value="<%=rs("Bien_Tap")%>" style="FONT-FAMILY:.VnTime"></td>
<td width="40"></td>
<td width="100">Biên dịch:</td>
<td width="80"><input type="text" name="Bien_Dich" size="12" Value="<%=rs("Bien_Dich")%>" style="FONT-FAMILY:.VnTime"></td>
</tr>
<tr>
<td width="100">Thời lợng:</td>
<td width="80"><input type="text" name="Thoi_Luong" size="12"
Value="<%=rs("Thoi_Luong")%>"></td>
<td width="40"></td>
<td width="100">Vùng SX:</td>
<td width="80"><input type="text" name="Vung_SX" size="12" Value="<%=rs("Vung_SX")%>" style="FONT-FAMILY:.VnTime"></td>
</tr>
<tr>
<td width="100">HS qui đổi:</td>
<td width="80"><input type="text" name="He_So_Qui_Doi" size="12"
Value="<%=rs("He_So_Qui_Doi")%>"></td>
<td width="40"></td>
<td width="100">Thù lao BT:</td>
<td width="80"><input type="text" name="Thu_Lao_BT" size="12"
Value="<%=rs("Thu_Lao_BT")%>"></td>
</tr>
<tr>
<td width="100">Thù lao DD:</td>
<td width="80"><input type="text" name="Thu_Lao_DD" size="12"
Value="<%=rs("Thu_Lao_DD")%>"></td>
<td width="40"></td>
<td width="100">Thù lao QP:</td>
<td width="80"><input type="text" name="Thu_Lao_QP" size="12"
Value="<%=rs("Thu_Lao_QP")%>"></td>
</tr>
<tr>
<td colspan="5" width="400" align="Center"><br><a href="javascript:update()"><img
src=" /images/ThucHien.gif" border="0" WIDTH="85" HEIGHT="21"></td>
</tr>
</table>
</form>
</Font>
<%
%>
</BODY>
Trang 7</HTML>
FieldNull.inc :
<Script language="JScript" RUNAT="SERVER">
function strGioPhut(GioPhut)
{
var g= new Date(GioPhut);
return (g.getHours()+":"+g.getMinutes());
}
function strNgay(Ngay)
{
var d= new Date(Ngay);
return (d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getYear()); }
function strNull(str)
{
var s= new String(str);
if ((s=="null") || (s==""))
{
return " ";
}
return s;
}
function numNull(num)
{
var n= new Number(num);
if ((n==NaN) || (n==0))
{
return " ";
}
return n;
}
</Script>