Môn học : Lập trình mạng Chương LẬP TRÌNH WEB CHẠY Ở SERVER BẰNG CÔNG NGHỆ MICROSOFT 8.1 Định nghĩa DSN (Data Source Name) 8.2 CGI (Common Gateway Interface) 8.3 ISAPI Extension 8.4 ASP (Active Server Page) Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 299 8.1 Qui trình ₫ịnh nghĩa DSN Trong website chương này, truy xuất database Để code truy xuất database có tính tổng quát cao, không phụ thuộc vào công nghệ quản lý database vị trí database, dùng DSN (Data Source Name) ₫ể nhận dạng database cấn truy xuất Để ₫ịnh nghĩa DSN Windows, ta vào Control Panel.Administrative Tools, cửa sổ bên hiển thị : Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 300 Qui trình ₫ịnh nghĩa DSN Ấn kép chuột vào mục Data Source (ODBC) ₫ể mở cửa sổ tiện ích tương ứng hình bên Chọn tab “System DSN” ₫ể ₫ịnh nghĩa DSN có tầm vực truy xuất cấp hệ thống (bất kỳ ứng dụng truy xuất ₫ược) Chọn button Add ₫ể thêm DSN mới, cửa sổ Add hiển thị slide kế Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 301 Qui trình ₫ịnh nghĩa DSN Duyệt tìm driver tương thích với hệ quản trị database chọn Cuối chọn button Finish, cửa sổ slide kế hiển thị Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 302 Qui trình ₫ịnh nghĩa DSN Nhập tên nhận dạng DSN, chọn button Select ₫ể hiển thị cửa sổ Select Database, cửa sổ Select, duyệt tìm file database, ấn button OK ₫ể kết thúc qui trình Add DSN Từ ₫ây, ứng dụng truy xuất database với tên nhận dạng MyDatabase Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 303 8.2 Tổng quát CGI ƒ CGI phần mềm xử lý hàng lệnh truyền thống cho phép chuyển hướng (redirection) thiết bị nhập/xuất chuẩn Mỗi lần Web server nhận yêu cầu từ client, chuẩn bị liệu file nhập, thiết lập file nhập file xuất thành thiết bị I/O chuẩn module CGI kích hoạt CGI chạy Trong trình chạy, CGI nhập liệu từ file nhập xuất liệu file xuất Server thiết lập Sau CGI chạy xong, Web server lấy liệu từ file xuất gởi client start resquest Browser reply Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Web Server stdin CGI stdout Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 304 Tổng quát CGI ƒ Viết CGI giống viết ứng dụng xử lý hàng lệnh, ứng dụng ₫ược ₫ọc liệu từ thiết bị stdin xuất liệu stdout Có nhiều môi trường cho phép bạn viết ứng dụng CGI, ₫ó môi trường VC++ chuyên nghiệp Bạn dùng loại Project “Win32 Console Application” ₫ể tạo ứng dụng CGI Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 305 Thí dụ xây dựng website CGI Yêu cầu : tạo website dùng công nghệ CGI cho phép người dùng tra danh bạ ₫iện thoại Web Browser Phân tích : cần module chức : ƒ module chứa form nhập thông tin account cần tra module trang HTML tứy ƒ module truy tìm database account thỏa mãn tiêu chuẩn tìm kiếm, module ứng dụng CGI Qui trịnh thực cụ thể : ₫ây ta dùng môi trường lập trình VC++ 6.0 Qui trình ₫iển hình cụ thể ₫ược liệt kê slide Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 306 Tạo ứng dụng CGI tra ₫iện thoại Chạy VC++ 6.0, chọn menu File.New.Project, chọn loại Project “Win32 Console Application”, chọn vị trí chứa Project “Location”, nhập tên Project CGI_TraDienthoai, ấn button Ok Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 307 Tạo ứng dụng CGI tra ₫iện thoại Trong cửa sổ Step 1, chọn mục “An application that supports MFC” ₫ể tạo ứng dụng hỗ trợ việc dùng class MFC, chọn button Finish ₫ể hoàn tất việc tạo Project ứng dụng Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 308 Tạo website tra ₫iện thoại InterDev Thực thao tác thiết kế trực quan ₫ể tạo trang Web có dạng hình (chứa tiêu ₫ề form Form có textbox nhập liệu button “Bắt ₫ầu tra”) Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 344 Mã nguồn HTML trang ASP_TraDienthoai.htm Demo việc thoại Tên thuê bao :  Số ₫iện thoại :  Địa :  Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM tra ₫iện Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 345 Tạo website tra ₫iện thoại InterDev Dời chuột cửa sổ Project, ấn phải chuột vào nút gốc ₫ể hiển thị menu pop-up chứa lệnh, chọn mục Add.Active Server Page…, nhập tên file ASP_TraDienthoai.asp : Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 346 Tạo website tra ₫iện thoại InterDev Soạn nội dung cho trang ASP hình bên, ₫ể tạo ₫ối tượng Recordset, ta hiển thị cửa sổ ToolBox, chọn drag phần tử Recordset từ Toolbox vào vị trí thích hợp trang ASP, sau ₫ó ấn button Yes cửa sổ Warning : Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 347 Tạo website tra ₫iện thoại InterDev Tiếp tục tạo ₫ối tượng DataGrid ₫ể hiển thị kết tìm kiếm, ta hiển thị cửa sổ ToolBox, chọn drag phần tử Grid từ Toolbox vào vị trí thích hợp trang ASP Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 348 Tạo website tra ₫iện thoại InterDev Tạo ₫ối tượng Conenction nối kết với database cấn truy xuất cho Website cách dời chuột cửa sổ Project, ấn phải chuột vào nút gốc ₫ể hiển thị menu pop-up chứa lệnh, chọn mục Add Data Connection Cửa sổ hình bên hiển thị, chọn tab “Machine Data Source”, chọn DSN MyDatabase ấn OK Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 349 Tạo website tra ₫iện thoại InterDev Khi cửa sổ hình bên hiển thị, tham khảo hiệu chỉnh thuộc tính cần thiết, thí dụ ₫ặt tên nhận dạng cho Connection MyDatabase ấn button Apply, OK Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 350 Tạo website tra ₫iện thoại InterDev Quay lại trang ASP ₫ang soạn thảo, chọn ₫ối tượng Recordset, chọn menu View.Properties Page ₫ể hiển thị cửa sổ thuộc tính Recordset Hãy xem thay ₫ổi số thuộc tính cần thiết, thí dụ ₫ặt tên nhận dạng Rs_Danhdadienthoai, chọn chế ₫ộ “SQL statement”, nhập lệnh truy vấn hình bên Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 351 Tạo website tra ₫iện thoại InterDev 10 Chọn ₫ối tượng DataGrid, chọn menu View.Properties Page ₫ể hiển thị cửa sổ thuộc tính DataGrid Hãy xem thay ₫ổi số thuộc tính cần thiết, thí dụ ₫ặt tên nhận dạng DbGrid, chọn Recordset kết hợp, chọn field cần hiển thị, ấn button Apply, OK Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 352 Tạo website tra ₫iện thoại InterDev 11 Thiết lập lại cách trực quan ₫ộ rộng cột datagrid ₫ể hiển thị nội dung cột ₫ó cho phù hợp (thí dụ cho cột Điachi rộng nhiều tốt Tạo liên kết trang chủ cuối trang ASP Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 353 Tạo website tra ₫iện thoại InterDev 12 Chọn tab Source ₫ể hiển thị cửa sổ soạn code trang ASP, chọn tab Toolbox ₫ể hiển thị cửa sổ Toolbox Trong cửa sổ Toolbox, mở rộng, duyệt tìm ₫ối tượng ấn kép chuột vào mục onbeforeopen ₫ối tượng Rs_Danhbadienthoai ₫ể tạo thủ tục xử lý kiện tương ứng Sau ₫ó viết code cho thủ tục slide Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 354 Tạo website tra ₫iện thoại InterDev Sub Rs_Danhbadienthoai_onbeforeopen() fsqlstart = tentbao = Request.Form("tentbao") sodthoai = Request.Form("sodthoai") diachi = Request.Form("diachi") newSQL="SELECT * FROM Danhbadienthoai" if tentbao "" then newSQL = newSQL + " where tenthuebao like '%" + tentbao + "%'" fsqlstart = end if if sodthoai "" then if fsqlstart = then newSQL = newSQL + " where sodienthoai like '%" + sodthoai + "%'" else newSQL = newSQL + " and sodtienhoai like '%" + sodthoai + "%'" end if fsqlstart = end if Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 355 Tạo website tra ₫iện thoại InterDev if diachi "" then if fsqlstart = then newSQL = newSQL + " where diachi like '%" + diachi + "%'" else newSQL = newSQL + " and diachi like '%" + diachi + "%'" end if fsqlstart = end if Rs_Danhbadienthoai.setSQLText(newSQL) End Sub Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 356 Tạo website tra ₫iện thoại InterDev 13 Vào cửa sổ Project, chọn mục ASP_TraDienthoai.htm, ấn phải chuột chọn mục “Set As Start Page” 14 thử chạy Website cách chọn menu Debug.Start Khi trang Web chứa form nhập liệu hiển thị, người dùng nhập thông tin account mà muốn tìm kiếm ấn button “Bắt ₫ầu tra” Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 357 Tạo website tra ₫iện thoại InterDev 15 Kết tra cứu có dạng hình bên Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình Web chạy server dùng công nghệ Microsoft Slide 358 [...]... tiếp Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 320 Tạo website tra ₫iện thoại bằng InterDev Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 321 8. 3 Tổng... CISAPI_TraDienthoaiExtension::TraDthoai(CHttpServerContext* pCtxt, LPCTSTR tentbao,LPCTSTR sodthoai,LPCTSTR diachi); void CISAPI_TraDienthoaiExtension::Search_Print (CHttpServerContext* pCtxt, LPCTSTR tentbao, LPCTSTR sodthoai, LPCTSTR diachi); … } Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide... database các account thỏa mãn tiêu chuẩn tìm kiếm Qui trịnh thực hiện cụ thể : ở ₫ây ta dùng môi trường lập trình VC++ 6.0 Qui trình ₫iển hình cụ thể ₫ược liệt kê trong các slide kế tiếp Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 325 Tạo ISAPI Extention tra ₫iện thoại 1 Chạy... "adoEOF" ) Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 330 Tạo ISAPI Extension tra ₫iện thoại Viết code cho hàm dịch vụ Search_Print() : // Truy xuat database void CISAPI_TraDienthoaiExtension::Search_Print (CHttpServerContext* pCtxt, LPCTSTR tentbao, LPCTSTR sodthoai, LPCTSTR diachi)... printf("\n"); } return nRetCode; } Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 311 Tạo ứng dụng CGI tra ₫iện thoại // Hàm truy xuất database và xuất kết quả dạng *.htm void Search_Print (ostream* pCtxt, LPCTSTR tentbao, LPCTSTR sodthoai, LPCTSTR diachi) { char fsqlstart = 1; //... phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 329 Tạo ISAPI Extension tra ₫iện thoại 5 Viết code cho từng tác vụ vừa ₫ặc tả : void CISAPI_TraDienthoaiExtension::TraDthoai(CHttpServerContext* pCtxt, LPCTSTR tentbao,LPCTSTR sodthoai,LPCTSTR diachi) { StartContent(pCtxt); WriteTitle(pCtxt); *pCtxt... thoại Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 317 Tạo website tra ₫iện thoại bằng InterDev 3 Thực hiện các thao tác thiết kế trực quan ₫ể tạo trang Web có dạng như hình dưới (chứa tiêu ₫ề chính và 1 form Form có 3 textbox nhập liệu và 1 button “Bắt ₫ầu tra”) Bộ môn : Công... phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương 8 : Lập trình Web chạy ở server dùng công nghệ Microsoft Slide 3 18 Mã nguồn HTML của trang CGI_TraDienthoai.htm ... trường lập trình VC++ 6.0 Qui trình ₫iển hình cụ thể ₫ược liệt kê slide Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình. .. trường lập trình VC++ 6.0 Qui trình ₫iển hình cụ thể ₫ược liệt kê slide Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình. .. trường lập trình InterDev Microsoft Qui trình ₫iển hình cụ thể ₫ược liệt kê slide Bộ môn : Công nghệ phần mềm Khoa Công nghệ Thông tin Trường ĐH Bách Khoa Tp.HCM Môn : Lập trình Mạng Chương : Lập trình