giáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minhgiáo trình asp khoa công nghệ thông tin đại học bách khoa hồ chí minh
TRƯỜNG ĐẠI HỌC BÁCH KHOA THÀNH PHỐ HỒ CHÍ MINH GIÁO TRÌNH ASP KHOA CễNG NGH THễNG TIN 2007 Giáo trình lập trình ứng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT CHƯƠNG 2- Lập trình CSDL với ASP I TỔNG QUAN VỀ ASP Trong phần tìm hiểu tổng quan ASP Các bạn hiểu • ASP gì? • Ta làm với ASP? • ASP hoạt động nào? • Làm để thiết kế Website ASP? • Sau thiết kế Website ASP, làm để đưa (xuất publish) lên mạng? • Tìm hiểu ASP thơng qua ví dụ đơn giản 1.1 ASP gì? ASP (Active Server Pages) mơi trường lập trình phía máy chủ, cho phép ta xây dựng trang Web có nội dung động (interactive Web pages) ứng dụng mãnh mẽ Web Khác với ngôn ngữ lập trình Web khác Perl, PHP, Cold Fusion,… sử dụng ngơn ngữ riêng mình, ASP sử dụng ngơn ngữ có sẵn phổ biến JavaScript hay VBScript Đây ngôn ngữ đơn giản dễ sử dụng Lưu ý script ngôn ngữ giới hạn, dùng để viết chương trình đơn giản Để thực cơng việc phức tạp kết nối CSDL, lập trình đồ hoạ, giao tiếp với thiết bị phần cứng, ta phải sử dụng component (thành phần) tạo trước ngơn ngữ lập trình mạnh mẽ C++, VB, Các script ASP có lệnh gọi đến component mà Một trang ASP tệp (file) có phần mở rộng ASP đặt thư mục Web máy chủ Nội dung kết hợp thẻ HTML, ngôn ngữ kịch (scripting) JavaScript, VBscript thành phần (components DLL ActiveX control ) viết ngôn ngữ khác nhằm tạo ứng dụng Web mạnh mẽ hồn chỉnh có khả bảo mật cao Nội dung trang ASP mô tả hình sau: Trang.ASP Nội dung văn Các Client-side script Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo trình lập trình ứng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Như vậy, trang ASP kết hợp thành phần: Các văn (những mà người sử dụng nhìn qua trình duyệt Web) Các thẻ HTML (nằm căp thẻ ) dùng để điều khiển việc hiển thị văn Các client-side script (được viết Javascript VBscript) dùng để tăng cường khả tương tác trang Web ta với người sử dụng xử lý nội dung động trang Web trình duyệt máy trạm mà không cần liên lạc với server Các client-side script thường viết ngôn ngữ JavaScript phải đặt cặp thẻ Với ba thành phần này, mã nguồn phải tải vào trình duyệt máy trạm Chính thân trình duyệt phải hiểu chúng, xử lý chúng hiển thị nội dung trang Web cho người dùng Người dùng xem tồn mã nguồn ba thành phần Thành phần thứ tư, mà ta tìm hiểu chương này, Serverside Script Chúng đoạn mã script viết ngơn ngữ VBScript (hoặc JavaScript), dùng để lập trình phía máy chủ (Server), nghĩa chúng biên dịch xử lý máy chủ trình biên dịch ASP (được cài đặt kèm theo dịch vu IIS – trình bày bên dưới) Các Server-side script đặt cặp thẻ “” Ta viết mã lệnh kết nối CSDL, xử lý liệu, đọc/ghi tệp, tất thao tác khác với hệ thống máy chủ cần Sau biên dịch thực thi, mã server-side script khơng cịn Kết mã ba thành phần 1., 2., IIS gửi cho trình duyệt máy trạm Lưu ý trang ASP khơng bắt buộc phải có đầy đủ thành phần Nghĩa là, có có mã HTML mà khơng có Trong trường hợp trang ASP mà khơng có tồn mã nguồn trang ASP Web Server gửi trực tiếp cho trình duyệt máy tràm mà không cần phải xử lý Khi thay đổi, sửa file ASP server ta cần ghi lại (save) file server mà Vào lần sau trang ASP gọi, script file ASP tự ng biờn dch li Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo trình lập tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü thuËt viªn CNTT 1.2 ASP làm việc nào? Khi kết hợp ASP vào Website, ASP làm việc theo tiến trình sau : User ngồi máy trạm, mở trình duyệt (browser) ví dụ Internet Explorer Netscape Navigator nhập địa tới nơi đặt tệp ASP máy chủ Trình duyệt user bắt đầu yêu cầu ASP file server Web Server (IIS) nhận yêu cầu chuyển tham số đến trình biên dịch ASP yêu cầu trình biên dịch ASP biên dịch file ASP mà máy trạm yêu cầu Các scripts trang ASP server bắt đầu xử lý ASP xử lý file yêu cầu từ phía user cách liên tục từ xuống (top-down), thực thi scripts chứa file ASP kết xuất thành trang Web HTML Trang HTML vừa sản xuất gửi tới trình duyệt user máy trạm Bởi scripts chạy server Web server xử lý toàn tiến trình trang HTML sản xuất gửi tới trình duyệt user Điều có nghĩa trang Web bạn bị hạn chế phạm vi mà Web server cung cấp Một ưu điểm việc đặt script bạn server user nhìn thấy source code nguyên mẫu bạn Thay vào user nhìn nội dung file HTML sản xuất 1.3 Giới thiệu Internet Information Server (IIS): 1.3.1 IIS gì? Microsoft Internet Information Services (các dịch vụ cung cấp thông tin Internet) dịch vụ dành cho máy chủ chạy Hệ điều hành Window nhằm cung cấp phân tán thơng tin lên mạng, bao gồm nhiều dịch vụ khác Web Server, FTP Server, Nó sử dụng để xuất nội dung trang Web lên Internet/Intranet việc sử dụng “Phương thức chuyển giao siêu văn bản“ Hypertext Transport Protocol (HTTP) Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo trình lập tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü thuËt viªn CNTT Như vậy, sau bạn thiết kế xong trang Web mình, bạn muốn đưa chúng lên mạng để người truy cập xem chúng bạn phải nhờ đến Web Server, IIS Nếu khơng trang Web bạn xem máy bạn thông qua việc chia sẻ tệp (file sharing) tệp mạng nội mà thơi 1.3.2 IIS làm gì? Nhiệm vụ IIS tiếp nhận yêu cầu máy trạm đáp ứng lại yêu cầu cách gửi máy trạm thông tin mà máy trạm u cầu Bạn sử dụng IIS để: • Xuất Website bạn Internet • Tạo giao dịch thương mại điện tử Internet (hiện catalog nhận đơn đặt hàng từ nguời tiêu dùng) • Chia sẻ file liệu thơng qua giao thức FTP • Cho phép người xa truy xuất database bạn (gọi Database remote access) Và nhiều khả khác 1.3.3 IIS hoạt động nào? IIS sử dụng giao thức mạng phổ biến HTTP (Hyper Text Transfer Protocol) FPT (File Transfer Protocol) số giao thức khác SMTP, POP3, để tiếp nhận yêu cầu truyền tải thông tin mạng với định dạng khác Một dịch vụ phổ biến IIS mà quan tâm giáo trình dịch vụ WWW (World Wide Web), nói tắt dịch vụ Web Dịch vụ Web sử dụng giao thức HTTP để tiếp nhận yêu cầu (Requests) trình duyệt Web (Web browser) dạng địa URL (Uniform Resource Locator) trang Web IIS phản hồi lại yêu cầu cách gửi cho Web browser nội dung trang Web tương ứng 1.3.4 Cài đặt IIS Hiện có phiên 3.0, 4.0 5.1 Nói chung cách cài đặt khơng có khó khác version Lưu ý : Tốt có cài (từ đĩa CD download từ Internet) tham kho bng sau Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo trình lập tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü thuËt viªn CNTT Version Windows 98 Window NT server 4.0 Windows 2000 Cài đặt Cài Personal Web Server Add/Remove Programs Control Panel Cài Internet Information Server Add/Remove Programs Control Panel Windows NT Option Pack Cài Internet Information Server Add/Remove Programs Control Panel Để cài IIS, sau đưa đĩa Win2K/WinXP vào ta chọn menu Star-> Settings>Control Panel-> Add/Remove Programs -> Add/Remove Windows components -> chọn Internet Information Services -> Next Giao diện hình cài IIS 1.3.5 Nạp ứng dụng Web lên IIS Sau cài trình Web chủ IIS, để xem trang ASP trước tiên ta phải nạp ứng dụng chứa trang ASP lên trình chủ Web IIS, bước thực sau: Bước 1: Mở trình chủ Web IIS cách vào menu Star -> Sittings -> Control panel -> Administrative Tools -> Internet Services Manager Bước 2: Tạo thư mục ảo (Virtual Directory) cho ứng dụng Thông thường ứng dụng Web đặt thư mục tham chiếu đến thông qua địa URL • Cách tạo thư mục ảo: Trên hình Internet Information Services ta vào Default Web Site -> New -> Virtual Directory Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo tr×nh lËp tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Tạo thư mục ảo cho ứng dụng • Trong nhập liệu Alias hộp thoại Virtual Directory Creation Wizard ta nhập tên bí danh cho thư mục ảo, bấm next • Chọn đường dẫn thư mục vật lý chứa ứng dụng ta quan tâm Thông thường thư mục chứa ứng dụng đặt C:\Inetpub\wwwroot, chọn thư mục vật lý chứa ứng dụng xong ta bấm Next để đến hình cấu hình bảo vệ đặt quyền cho thư mục ảo Chọn đường dẫn vật lý cho thư mục ảo • Đặt quyền cho thư mục ảo hình Có tất quyền gồm Read (cho phép đọc nội dung trang), Runscript (cho phép thực thi trang kịch bản), Execute (thực thi ứng dụng CGI), Write (cho phép ghi vào thư mục ảo), Browse (cho phép xem toàn ni dung th mc thay cho Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo tr×nh lËp tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT trang Web mặc định) Hai quyền Read Run script cần thiết để trang ASP truy xuất Màn hình cấp quyền truy cập thư mục ảo • Chúng ta đặt lại quyền bảo vệ thư mục ảo chế độ bảo mật cách nhấn chuột phải lên thư mục ảo tạo, vào Properties Màn hình Properties thư mục ảo Bước 3: Thiết lập trang mặc định cho thư mục ảo Khi máy client gõ địa Web URL tham chiếu đến ứng dụng mà không đưa tên trang cụ thể, lúc trình chủ sử dụng trang mặc định Ta thiết lập danh sách trang mặc định, IIS tìm theo thứ tự ưu tiên t trờn xung di Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo trình lập tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü thuËt viªn CNTT Để lập trang Web mặc định cho thư mục ảo Từ hình trên, ta vào mục Document Bạn xóa hoặt thêm trang mặc định vào danh sách cách chọn Add hay Remove Màn hình thiết lập trang Web mặc định cho ứng dụng Bước 4: Để xem trang Web ta mở trình duyệt Web Internet Explorer -> Gõ địa URL trang Web vào mục Address Nếu tạo trang mặc định cho thư mục ảo “index.asp” ta cần gõ địa http://localhost/Example 1.4 Bắt đầu với ASP qua ví dụ nhỏ 1.4.1 Mục đích chương trình Ta xây dựng ứng dụng ASP có chức sau : Khi user duyệt file server, script kiểm tra : - Trước 12 trưa “ Chào buổi sáng” - Từ 12 trưa tới chiều “ Chào buổi chiều “ - Sau chiều “ Chào buổi ti 1.4.2 Cỏc bc thc hin Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn Giáo tr×nh lËp tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Xác định tên máy chủ bạn cài đặt IIS Tạo thư mục để lưu trữ trang asp, htm bạn Tạo tệp văn thông thường (plan text) có phần mở rộng tệp asp viết script ASP, client-side script (Java Script), thẻ HTML cần thiết vào Có thể dùng trình soạn thảo văn đơn giản notepad để soạn nội dung trang asp Tạo thư mục ảo (Virtual Directory) IIS Console để đưa (xuất bản) trang asp, htm bạn lên mạng Chạy thử trình duyệt Web Trước hết, ta phải cấu hình cho server phải cài đặt Internet Information Services Cấu hình cho server ví dụ sau : Đặt tên cho server – thực chất đặt tên cho máy tính (ví dụ Trungtam) Để đặt tên cho server ta kích nút chuột phải vào biểu tượng Network Neighborhood hình chọn mục Network Identification Kích Properties nhập tên server vào Các thao tác cần làm lần mà Tạo thư mục đĩa server, ta lưu tệp ASP, giả sử C:\ViduASP Mở trình soạn thảo văn (Notepad Windows chẳng hạn) để soạn thảo tệp ASP Nhập nội dung sau ghi vào thư mục C:\ViduASP với tên vd1.asp Chú ý dịng bơi đậm ví dụ Server-side Script ASP Vớ d v ASP Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 10 Giáo trình lập tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü thuËt viªn CNTT V- MỘT SỐ ỨNG DỤNG ASP MẪU I.Xây dựng ứng dụng Calender: Đây ứng dụng đơn giản, lịch tháng Vi du ve Calendar Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 124 Giáo tr×nh lËp tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT II Xây dựng ứng dụng GuestBook : Thơng thường trang Web có sử dụng GuestBook, với guest book user duyệt ghi lại ý kiến cảm nhận Trong ví dụ ta có sử dụng component Scripting.FileSystemObject, đối tượng cho phép ta có nhiều thao tác hữu ích file, thư mục Để chạy ví dụ nhập đoạn code sau bạn tạo sẵn tệp có tên guestbook.txt thư mục với tệp ASP Sign Our Guestbook: Name: Comment: Today's Comments: Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 125 Giáo tr×nh lËp tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Your comments have been written to the file! Back to the guestbook II Xây dựng ứng dụng Directory List Trong ứng dụng ta duyệt thư mục lên browser dạng bảng biểu, ví dụ sau : Để thực làm ví dụ tạo thư mục chứa tệp ASP thư mục có tên images chứa hình ảnh làm biểu tượng : STT Kiểu file Tên tệp icon asp dir_asp dir dir_dir gif, jpg dir_img htm, html dir_htm txt dir_txt kiểu khác dir_misc Nhập đoạn code sau : Contents of Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 128 Giáo trình lập trình ứng dụng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT File Name: File Size (bytes): Date Created: File Type: Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 129 Giáo trình lập trình ứng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Trung t©m phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 130 Giáo trình lập trình ứng dụng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT IV.Xây dựng ứng dụng BAR CHART Ta xây dựng ứng dụng để mô tả cách xây dựng bar chart (biểu đồ cột) ASP Tất nhiên có nhiều component giúp cho việc tạo chart Sau duyệt biểu đồ sản sinh có dạng sau Trước hết ta phải có tệp GIF để vẽ CHART : spacer.gif : dùng ngăn cách cột spacer_black.gif : dùng việc vẽ hai trục spacer_red.gif : dùng vẽ cột (ví dụ có màu đỏ) Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 132 Giáo trình lËp tr×nh øng dơng CSDL Web - Dμnh cho HƯ Kü thuËt viªn CNTT 0 Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 133 Giáo trình lập trình ứng dơng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 134 Giáo trình lập trình ứng dụng CSDL Web - Dμnh cho HƯ Kü tht viªn CNTT Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 135 ... attribute: thông tin cookie, thông s sau: Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 31 Giáo trình lập trình ứng... Script ASP Ví dụ ASP< /title> Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 10 Giáo trình lập trình. .. dụng ASP VBScritp đối tượng ASP hỗ trợ lập trình Web Trung tâm phát triển CNTT - ĐHQG TP Hồ chí minh Trung tâm đo tạo công nghệ cao bách khoa - http://www.bachkhoa-training.com.vn 14 Giáo trình