Giáo trình thiết kế web

Lời nói đầu Ngày với phát triển mạnh ng ành Công Nghệ Thông Tin, Internet v Web trở nên thiếu sống V ì thế, xây dựng ứng dụng Web l cần thiết Giáo trình Thiết kế lập trình Web hướng dẫn cách xây dựng ứng dụng Web từ đến nâng cao công nghệ HTML ASP Được biên soạn với phương châm đảm bảo tính khoa học, thiết thực, dễ hiểu nhằm giúp sinh vi ên ngành công nghệ thông tin có tài liệu hữu ích cho việc học tập Tuy có nhiều cố gắng công tác biên soạn, lần đầu xuất nên chắn có nhiều khiếm khuyết Chúng mong nhận đ ược ý kiến đóng góp để hoàn thiện lần tái Nhóm biên soạn Chương 1: Các khái niệm Mạng máy tính gì? Mạng máy tính tập máy tính nối với đường truyền theo cấu trúc qua máy tính có th ể trao đổi tin tức thông qua giao thức truyền thông Đường truyền hệ thống thiết bị truyền dẫn có dây hay dây cáp xoắn, cáp đồng trục , cáp quang, dây điện thoại, sóng vô tuyến Tập đường truyền tạo nên cấu trúc mạng Mạng máy tính phân thành loại: mạng diện rộng mạng cục bộ, việc phân loại mạng máy tính dựa vào khoảng cách địa lý  Mạng cục (Local Area NetWorks) hay th ường gọi mạng LAN: mạng thiết kế để trao đổi thông tin máy tính nhà, khu nhà, phân xưởng nhỏ  Mạng diện rộng (Wide Area NetWorks) hay c òn gọi mạng WAN: Là mạng thiết lập để kết nối máy tính khu vực lại với nhau, ví dụ thành phố, khu vực Internet gì? Internet đời vào năm 1960 Người ta xây dựng Internet giao thức để trao đổi chia sẻ thông tin viện nghiên cứu với Ngày Internet cho phép h ằng trăm triệu người khắp giới liên lạc trao đổi thông tin với thông qua tập tập giao thức gọi chung l TCP/IP (Transmission Control Protocol/Internet Protocol) Địa IP ? IP địa dùng để xác định đối tượng gởi nhận thông tin Internet, địa có kích thước 32 bits (version 4), 64 bits (version trở l ên) Khi gửi nội dung, địa IP bạn gửi gói tin nội dung đến người nhận Khi người nhận nhận yêu cầu từ bạn họ vào địa IP để phản hồi thông tin lại cho bạn Địa IP gồm phần: Phần địa mạng v phần địa máy 32bits địa IP chia thành vùng, vùng có kích thước byte (8 bits) biểu diễn dạng thập phân, thập lục phân hay nhị phân Thông th ường người ta dùng cách viết thập có dấu chấm để tách v ùng Mục đích địa IP để định danh cho máy tính liên mạng Các máy tính trao đổi thông tin với thông qua mô hình Client/Server Mô hình Client/Server mô hình trao đổi thông tin máy tính Server thường máy cung cấp thông tin Client l công cụ hay chương trình máy tính khác dùng đ ể lấy thông tin từ máy Server Tuy nhiên, máy Client đóng vai trò cung cấp liệu cho máy Server Để trao đổi thông tin máy tính với ng ười ta đặt số giao thức (protocol) truyền thông tr ên mạng, quy định việc trao đổi thông tin để máy tính nói chuyện với thông qua mạng Với mức độ phổ biến Internet ng ày cao, số lượng người tham gia ngày lớn giao thức truyền thông trở nên phổ biến đa dạng Sau số giao thức thường gặp, cho phép người sử dụng Internet gửi/nhận th điện tử (E-mail), tập tin (File), đọc tin đưa tin Giao thức SMTP, POP3 (Simple Mail Transfer protocol) Là giao thức dùng để gửi/nhận thư điện tử (E-mail) từ người dùng (user) đến người dùng (user) khác gửi từ user đến user khác thông qua protocol Thông thường người ta dùng e-mail client đê gửi thông điệp (message), c òn mail server internet qu ản lý, trả lời e-mail phúc đáp E-mail (electronic mail) d ịch vụ trao đổi thư điện tử mạng viễn thông Nội dung thư điện tử thường mã hóa dạng mã ASCII gửi, nhiên thư điện tử hỗ trợ việc trao đổi thông tin h ình ảnh âm Để trao đổi thông tin E -mail bạn cần tạo hộp mail cho bạn Một hộp mail có thành phần sau:  Địa hộp mail: Là định danh hộp mail giúp xác định ng ười gửi người nhận Chúng ta gửi E-mail thông qua địa này, địa mail thường có dạng tên@tênmiền, ví dụ: xuântt@yahoo.com, xuantt đóng vai trò tên, yahoo.com tên miền  Địa mail quản lý mail server thông qua dịch vụ cung cấp mail FPT, SaigonNet, vnEpress, Yahoo, Hotmail, vnn nhiên hi ện có nhiều dịch vụ cung cấp mail miễn phí Nh ưng thông dụng dịch vụ cung cấp mail Yahoo Hotmail  Một hộp mail có tên đăng nhập mật để truy cập hộp mail Tên đăng nhập mật tạo đăng ký hộp mail Điều bảo đảm tính bảo mật hộp mail bạn v có bạn biết mật tên đăng nhập bạn để vào hộp mail mà Giao thức FPT (File Transfer Protocol) Đây giao thức để trao đổi tập tin tr ên Internet với Nguyên tắc hoạt động đơn giản FTP dùng để tải tập tin (file) từ máy tính n ày sang máy tính khác, tập tin (file) tập tin chứa văn bản, âm thanh, h ình ảnh Các máy gửi yêu cầu tập tin qua lại thông qua nhiều ch ương trình khác Tuy nhiên, dùng tập hợp lệnh “open” (để kết nối với máy server) “get” (để tải tập tin máy client) chọn tập tin mong muốn từ giao diện chương trình có sẵn để trao đổi tập tin máy với nhau.FTP dùng để tải chương trình, tập tin máy server với Giao thức HTTP (HyperText Transfer Protocol) Là giao thức dùng để hiển thị trang web dạng văn bản, hình ảnh, âm thanh, video, liên kết (links) đến trang web khác tr ên World Wide Web Khi chọn liên kết HTTP mở nội dung thông qua trình duyệt Web cho Đây giao th ức tảng tập giao thức ICP/IP Giao thức NNTP (Network News Transfer Protocol) Là giao thức phân phối thông điệp cách rộng r ãi với nhiều chủ đề khác Thông qua chương trình tin tức Client Collabra Netscape hay chương trình Internet News Microsoft bạn đọc hay đ ưa báo cáo nhóm Giao thức Chat Là giao thức cho phép người dùng trao đổi thông tin trực tiếp d ưới dạng văn bản, hình ảnh âm Các chương trình Chat thông dụng YahooMessenger, ICQ, MIRC URL URL (Uniform Resource Locator) đ ịa trang Web hay tập tin (file) khác Internet M ỗi URL Web URL có cú pháp đặc biệt Tất URL phải xác, chí có ký tự sai hay thiếu dấu chấm không đ ược chấp nhận Một ký tự sai URL mang đến cho bạn trang Web ho àn toàn khác biệt kết trả thông báo lỗi Một URL đơn giản dùng cho Web bao gồm tên Web protocol, theo sau dấu hai chấm (:) hai dấu (//), tiếp đến tên domain kết thúc dấu (/) Ví dụ: http://www.hotmail.com/ Cấu trúc URL bao gồm phần sau:  Phần thứ URL tên giao thức Cho đến tất URL bắt đầu http:// (Hypertext Transfer Protocol) b ởi trang Web HTML Nhưng URL có th ể đến phần khác Internet Web Sau số giao thức dùng URL: ftp:// tên giao thức (File Transfer Protocol) http:// tên giao thức (Hypertext Transfer Protocol) mailto: địa thư điện tử (Electronic mail address) không y cầu hai ký tự ‘/’ news: Giao thức cho phép người tham gia vào nhóm tin trang chủ bạn có liên quan đặc biệt đến nhóm Hoặc cho phép nhận câu hỏi cần trả lời từ nhóm tin n Như bạn hạn chế số lượng e-mail nhận (không yêu cầu hai ký tự ‘/’) telnet: Giao thức cho phép trao đổi thông tin trực tiếp máy tính với cách yêu cầu người sử dụng nhập tên truy cập mật (không yêu cầu hai ký tự ‘/’) file:// Tài liệu mà bạn truy xuất đặt máy tính bạn thay Web  Phần thứ hai URL tên domain Domain đại diện cho tên server mà bạn kết nối  Phần thứ ba URL đường dẫn đến tập tin cần truy cập, th ường bắt đầu tên tài khoản (account name) Nếu bạn muốn truy xuất đến trang Web tạo người dùng (user) xác định phải thêm tên tài khoản vào URL Tên tài khoản bắt đầu ký tự (~) Ví dụ: http://www.sonic.net/~japan  Phần thứ tư URL tên đường dẫn tên tập tin (pathname filename) URL thường tên đường dẫn tên tập tin cụ thể Đây miền xác định máy chủ chứa tập tin cần truy xuất  Phần thứ năm URL tên anchor (anchor name) Đây l trỏ đến phần xác định file HTML Nó bắt đầu ký tự (#) Anchor đặc biệt hữu dụng t ài liệu lớn Tuy nhiên tên account, tên đư ờng dẫn, tên file tên anchor không ph ải thành phần bắt buộc URT Ví dụ URL đầy đủ: http://www.zdnet.com/~zdi/software/wind95/utils.html#WINZIP Trong đó: http:// : Tên giao thức (Protocol) www.zdnet.com : Tên miền (domain) ~zdi :Tên tài khoản (account) software/win95 : Đường dẫn thư mục utils.html : Tên tập tin (file) #WINZIP : Tên neo (anchor) 10 Hyperlink ? Hyperlinks (hay gọi links) cần thiết World Wide Web D ùng hyperlinks để liên kết từ tài liệu đến tài liệu khác hoạt động phổ biến web Bạn tạo links đối t ượng web Links kết nối trực tiếp với văn bản, hình ảnh, âm hay file HTML khác Hyperlink th ường hiển thị với màu sắc mặc định Tuy nhiên có th ể thay đổi màu sắc cần Chỉ cần nhấn chuột v hyperlinks, tài liệu link hiển thị Thông thường, hình dạng trỏ thay đổi th ành hình bàn tay rê chu ột qua vùng hyperlinks biết hyperlinks đâu để nhắp chuột Hyperlinks giúp d ễ dàng tìm kiếm thông tin khác chủ đề Nếu bạn tìm kiếm chủ đề đó, cần vào trang web có hyperlinks k ết nối với vấn đề này, nhận danh sách liệt kê hàng trăm chủ thể có liên quan 11 Web Browser gì? Web browser công cụ hay chương trình cho phép bạn truy xuất xem thông tin web Có nhi ều web browser để truy xuất web Mỗi web browser có đặc điểm khác v chúng hiển thị trang web không ho àn toàn giống Hai web browser phổ biến l Nestcape’s Navigator công ty Netscape Microsoft’s Internet Explorer công ty Microsoft Chúng hiển thị hình ảnh, âm dễ sử dụng Ngoài việc truy xuất web, Netcape IE (Internet Explorer) cho phép th ực số công việc khác gửi nhận thư điện tử (e-mail), tải tập tin (download file) từ máy chủ (server), Với hai web browser web trở thành hệ thống thông tin đa phương tiện có mối liên hệ với 12 Web Server gì? Web server đơn giản máy tính nối vào Internet chạy phần mềm thiết kế để truyền tải nội dung d ưới dạng trang HTML (Trang HTML chứa âm thanh, hình ảnh, video, văn bản) hay dạng tập tin (tập tin l tập tin hình ảnh, âm thanh, văn bản, video ) Máy chủ (server) phải đủ mạnh để đáp ứng nhiều kết nối Internet đồng thời Thông qua trình duyệt Web máy chủ cung cấp dịch vụ đ ược yêu cầu đến máy client Thông thường web server chạy hệ điều hành mạnh Unix, Linux, Microsoft Windows NT Server, Windows 2000 server 13 Website gì? Là tập trang web liên quan đến công ty, tập đo àn, trung tâm hay cá nhân Ví dụ: Website Trung Tâm Phát Triển Công Nghệ Thông Tin Thành Phố Hồ Chí Minh gồm tập trang web đ ược trang chủ có địa (URL) www.citd.edu.vn 14 World Wide Web (www) gì? World Wide Web dịch vụ thông dụng đời v năm 1990 Dịch vụ World Wide Web sử dụng giao thức HTTP (HyperText Transfer Protocol) Để sử dụng dịch vụ cần trình duyệt Web (gọi Web Browser) Để truy cập trang Web bạn cần phải biết địa (URL-Uniform Resource Locator) trang web Ví dụ bạn muốn truy cập v trang chủ Yahoo bạn đánh địa http://www.yahoo.com cho trình duyệt web Khi trình duyệt web mở trang chủ Yahoo cho bạn Từ trang chủ bạn đến trang khác cách nhấn chuột vào đối tượng HyperLink trang web H ình dạng chuột thay đổi (thông thường hình bàn tay) qua đối tượng Hyperlink Trang Web truyền tải nhiều thông tin khác n hau với nhiều hình thức khác văn bản, âm thanh, hình ảnh Sự đời trang web giúp ng ười trao đổi nhanh hơn, tiện lợi hơn, phong phú đa d ạng hình thức nội dung World Wide Web (cũng gọi ‘W3’, ‘WWW’ hay g ọi tắt Web) hệ thống rộng lớn bao gồm nhiều HTTP server (máy chủ sử dụng giao thức HTTP Hypertext Transfer Protocol), chúng th ực việc trao đổi file thông qua Internet 15 Sự khác biệt Inernet v World Wide Web? Nhiều người nghĩ Web Internet Nhưng Web phần Inerner phát tri ển với tốc độ nhanh phần khác Trên Interner có th ể gửi nhận nhiều loại thông tin khác nh thư điện tử (e-mail), báo, tán g ẫu trang Web Như Web dịch vụ Internet 16 Web page gì? Web page trang web, m ột loại tập tin đặc biệt đ ược viết ngôn ngữ siêu văn HTML Web page hiển thị thông tin văn bản, âm thanh, h ình ảnh Trang Web đặt máy server cho máy client có th ể truy cập Chúng ta đặt tập tin n ày ổ cứng máy tính người khác không đọc Chương : lập trình web với ngôn ngữ siêu văn html Khái niệm ngôn ngữ HTML HTML (Hypertext Markup Language) ngôn ng ữ định dạng văn siêu liên kết, ngôn ngữ lập trình Web bản, cho phép định dạng văn bản, bổ sung h ình ảnh, âm video, lưu tất vào tập tin dạng văn hay dạng mã ASCII, binary mà máy tính đọc thông qua trình duyệt Web (Web browser) HTML có hai đặc tính c sau:  Siêu văn bản: Tạo liên kết trang Web, cho phép truy cập thông tin từ nhiều hướng khác thông qua H yperlinks  Tính tổng quát: Hầu máy tính đọc thiết kế ngôn ngữ HTML Điều l liệu tập tin HTML đ ược lưu dạng văn hay dạng mã ASCII lập trình web với ngôn ngữ HTml 2.1 Các thành phần HTML Tag gì? Tag tập ký hiệu định nghĩa HTML có ý nghĩa đặc biệt Tag bắt đầu ký hiệu nhỏ h ơn () Nó quy định văn hiển thị Ví dụ: + Tag định phông chữ cho văn l chữ đậm + Tag định dạng phông chữ nghi êng + Tag đặt tiêu đề cho trang web + Tag bắt đầu trang web + Tag bắt đầu cho đoạn văn Mỗi tag HTMl có ý nghĩa ri êng, rõ ràng dễ hiểu Tag không phân biệt chữ hoa chữ thường tag , , có nghĩa Có hai loại tag: Tag bắt đầu tag kết thúc Dữ liệu bị tác động nằm tag bắt đầu tag kết thúc Tag kết thúc giông tag bắt đầu có thêm dấu xuyệt phải (/) phía trước Ví dụ: Lap trinh web voi HTML Trong đó: : Tag bắt đầu Lap trinh web voi HTML: chu ỗi liệu bị tác động : Tag kết thúc  Thuộc tính Có nhiều tag có thuộc tính kèm theo Thuộc tính nhập vào trước dấu ngoặc đóng (>) tag Có thể sử dụng nhiều thuộc tính tag Thuộc tính thuộc tính khác, phân cách khoảng trắng Ví dụ: Trong đó: < TABLE> : Tên tag : Thuộc tính  Giá trị Ngoài thuộc tính giá trị c òn có thuộc tính tag có giá trị Ví dụ: thuộc tính CLEAR tag có ba giá trị chọn lựa : left, right, all Ví dụ: Trong đó: : tên tag CLEAR: thuộc tính left: giá trị thuộc tính CLEAR Giá trị nên đặt hai dấu nháy “” Tuy nhi ên bỏ dấu nháy trường hợp giá trị chứa chữ (A - > Z, a - > z), số (0 - > 9), dấu nối (-), dấu chấm (.)  Tag lồng Thẻ lồng dùng để chỉnh sửa cách trình bày nội dung trang web Ví dụ muốn trình bày chữ nghiêng vài chữ quan trọng tiêu đề Không phải tag chấp nhận dạng thẻ lồng Trật tư xếp tag lồng Thẻ đ ược mở thẻ đóng sau Ví dụ: Dòng đúng, dòng thứ hai sai Đúng: Phần Nội Dung Sai: Phần Nội Dung  Khoảng trắng Trình duyệt bỏ qua khoảng trắng tag tập tin HTML  Tên tập tin Nên sử dụng chữ thường đặt tên tập tin, điều giúp ích cho bạn lẫn người duyệt Với bạn, giúp ích tạo li ên kết trang Web Với ng ười dùng, dễ dàng truy cập trang web Đặt tên tập tin phải phần mở rộng “.htm” hay “.html” Gi úp trình duyệt Web định loại tài liệu duyệt 2.2 Tạo trang Web Có thể tạo trang Web chương trình xử lý văn chương trình soạn thảo văn Nodepad, WordPad, Word thực tạo trang Web trình soạn thảo văn NotePad, chương trình soạn thảo có sẵn Windows, cách vào menu Start -> Programs -> Accessories -> Notepad 2.3 Cấu trúc tập tin HTML Một trang Web bắt đầu tag < HTML> kết thúc tag Hầu hết trang Web chia thành phần Phần đầu phần thân Phần đầu phần đặt tag tag Phần thân phần đặt hai tag tag Phần đầu nơi định rõ tiêu đề, nội dung tiêu đề đặt tag Cú pháp: tên tiêu đề trang Web Hầu hết trình duyệt Web, tiêu đề xuất thân tiêu đề cửa sổ trình duyệt Phần thân chứa nội dung trang Web l phần trang Web, phần cung cấp thông tin cần thiết đến người duyệt Web Cú pháp: Nội dung trang Web Ví dụ: Tạo trang web đầu ti ên, mở chương trình soạn thảo văn NodePad v gõ đoạn HTML hình sau: 2.4 Xem trang HTML b ằng trình duyệt Web Sau thiết kế trang Web xong bạn dùng trình duyệt Web để xem kết thiết kế Vì người dùng sử dụng trình duyệt Web Nên tốt nên xem nhiều trình duyệt Web khác theo b ước sau Khởi động trình duyệt Web InternetExplorer -> Nhấp File -> Open -> Trong hộp thoại Open bạn gõ địa tập tin nhấp OK hình sau: Hoặc nhấp vào nút Browser để chọn tập tin hộp thoại vừa mở ra, nhấp tiếp nút Open hộp thoại để hiển thị trang Web l ên cửa sổ trình duyệt Khi nội dung trang Web ví dụ tr ên hiển thị sau: 2.5 Các tag HTML 2.5.1 Tag giải Tag thêm vào tài liệu HTML nhằm nhắc nhở mục đích d òng lệnh Trình duyệt không tính nội dung nằm tag ghi n ày Cú pháp: 2.5.2 Các tag định dạng văn  Định phông chữ: Đặt tag FONT trước nội dung văn cần hiển thị Cú pháp: Trong fontname1 phông chữ chọn, gõ tên đầy đủ phông chữ chữ (đậm (Bold), nghiêng (Italic), g ạch (Underline)) Ta bổ sung th êm phông chữ fontname2 phòng người duyệt không cài loại phông chữ fontname1, phông chữ viết cách dấu phảy Ví dụ: Ta thêm thẻ lệnh sau vào ví dụ Như đoạn lệnh viết lại sau: Mã HTML To chuc Giám đốc Phó giám đốc Nhân viên Kết hiển thị trình duyệt Giám đốc Phó giám đốc Nhân viên  Định kích thước chữ Cú pháp: Với n mang giá trị từ đến 7, giá trị mặc định l Tag BASEFONT dùng để định kích thước cho toàn văn bản, muốn thay đổi đoạn hay từ văn dùng tag FONT, tag BIG, tag SMALL  Định màu cho văn Cú pháp: Với color màu dùng cho chữ, giá trị màu gõ chữ gõ chữ số hệ hexa (hệ 16) Nếu gõ hệ hexa thành phần color kết hợp thứ tự giá trị m àu tương ứng Red (đỏ), Green (xanh lục), Blue (xanh đậm), giá trị m àu biểu diễn chữ số thập phân Ví dụ: Ta muốn màu chữ màu đỏ ta gõ “Red” “FF0000”, màu vàng Yellow “FFFF00”, màu xanh đậm “Green” “0000FF” Như tag FONT dùng để định dạng kích thước văn mà định dạng màu cho văn Ví dụ: Ta muốn định màu xanh đậm cho đoạn nội dung “Lop chuyen vien” n ên ta bỏ chúng vào tag Mã HTML To chuc Dao tao tu xa qua mang Lop chuyen vien cong nghe thong tin Kết hiển thị trình duyệt Dao tao tu xa qua mang Lop chuyen vien cong nghe thong tin  Định dạng chữ Cú pháp: nội dung nội dung nội dung Ta định dạng chữ đậm chữ nghi êng cho văn cách sử dụng tag: Định dạng chữ đậm dùng tag tag Định dạng chữ nghiêng dùng tag tag strAddCode=rsAdd(“errorcode”) FcnAddtoBasket=strAddCode rsAdd.Close set rsAdd=nothing End Function ‘Hàm xoá toàn hàng có giỏ hàng Function FcnDeleteBasket (ConnObj, usr_GUID, bID) dim rsDel set rsDel=server.CreateObject(“ADODB.RECORDSET”) rsDel.Open “EXEC sproc_DelBasket” & chr(39) & usr_GUID & chr(39) &”, “& chr(39) & bID, ConnObj FcnDeleteBasket=rsDel(“erro rcode”) rsDel.Close set rsDel=nothing End Function ‘Hàm xoá toàn hàng giỏ hàng Function FcnMakeDefBasket (ConnObj, usr_GUID, bID) dim rsDef set rsDef=server.CreateObject(“ADODB.RECORDSET”) rsDef.Open “EXEC sproc_MakeDefaultBasket” & chr(39) & usr_GUID & chr(39) &”, “& chr(39) & bID, ConnObj FcnMakeDefBasket=rsDef(“errorcode”) rsDef.Close set rsDef=nothing End Function ‘ Hàm cập nhật vào giỏ hàng Sub SubUpdateBasket(updStr) dim updConn set updConn=server.CreateObject(“ADODB.Connection”) updConn.ConnectionString=strBasketDSN updConn.Open updConn.Execute updStr updConn.Close Set updConn=nothing End Sub ‘ Hàm lấy mã số giỏ hàng khách hàng Function FcnGetBasket (ConnObj, usr_GUID) dim rsTemp set rsTem=server.CreateObject (“ADODB.RECORDSET”) 108 rsTemp.Open “EXEC sproc_getBasket” & chr(39) & usr_GUID & chr(39) , ConnObj set FcnGetBasket=rsTemp End Function ‘ Hàm lưu giỏ hàng khách hàng Function FcnSaveBasket (ConnObj, usr_GUID, bName,bID) dim rsSave set rsSave=server.CreateObject(“ADODB.RECORDSET”) rsSave.Open “EXEC sproc_SaveBasket” & chr(39) & usr_GUID & chr(39) &”, “& chr(39) & bName &chr(39) &”,” & bID, ConnObj FcnSaveBasket=rsSave(“errorcode”) rsSave.Close set rsSave=nothing End Function ‘ Hàm lấy giỏ hàng trước khách hàng có Function FcnGetSavedBaskets (ConnObj, usr_GUID) dim rsTempSaved set rsTempSaved=server.CreateObject(“ADODB.RECORDSET”) rsTempSaved.Open “EXEC sproc_GetSavedBaskets” & chr(39) & usr_GUID &chr(39), ConnObj set FcnSavedBaskets=rsTempSaved Set rsTempSaved=nothing End Function ‘ Thủ tục hiển thị thông báo lỗi phát sinh Sub writeError Response.Write(“An error occured while processing your basket request!Please contact the site Administrator” ) End Sub ‘ Thủ tục hiển thị thông báo giỏ h àng lưu Sub writeSavedBasketMessage Response.Write(“Your Saved BasketsYou not have any saved basket at this time”) End Sub ‘ Thủ tục hiển thị thông báo mặt h àng có giỏ hàng Sub writeDuplicateEntryMessage Response.Write”You already have this product in your basket” End Sub ‘ This function returns a 32 character GUID from SQL Server Function FcnGenerateGUID(ConnObj) dim strGUID,rsGUID set rsGUID=server.CreateObject(“ADODB.RECORDSET”) rsGUID.Open “EXEC sproc_createGUID”, ConnObj 109 strGUID=rsGUID(“guid”) FcnGenerateGUID=strGUID rsGUID.Close set rsGUID=nothing End Function ‘ Thủ tục lấy 32 ký tự guid từ SQL v ghi giá trị cookie Sub SubCreateNReturnGUID Dim myGUID ‘Call function to return a GUID myGuid=FcnGenerateGUID(BaskConn) ‘append created userGuid to cookie Response.Cookies(“shopGuid”)(“Guid”)=myGuid Response.Cookies(“shopGuid”).expires=”August 30,2020” End Sub %> Item Item ID Qty UnitPrice SalePrice Total Your Saved Baskets Basket Name Date Created     110 Mak e Default Delete Các store procedure dùng hàm ti ện ích CREATE PROCEDURE sproc_createBasket @shopperid varchar(32) /* DESCR:Checks for existing default basket for shopper*/ /* Returns the basker ID, if non exits, creates one */ declare@baskID int set nocount on SELECT @baskID=basket_id FROM basket WHERE shopper_id=@shopperid AND default_basket=1 IF (@baskID IS NULL) OR (@baskID=”) BEGIN create and return a new basket INSERT INTO basket(shopper_id,default_basket,date_created,date_modified ) VALUES(@shopperid,1,getdate(),getdate()) IF @@ERROR!=0 BEGIN SELECT @baskID=1 RETURN@baskID END SELECT @baskID=basket_id FROM basket WHERE shopper_id=@shopperid AND default_basket=1 add the default basket name (=BasketID) UPDATE basket SET basket_name=@baskID WHERE shopper_id=@shopperid AND default_basket=1 RETURN @baskID END 111 ELSE BEGIN return existing basket RETURN @baskID END set nocount off CREATE PROCEDURE sproc_addToBasket @shopperid varchar(32), @sku varchar(25) @skunamevarchar(150), @qty int, @listprice money, @salepricemoney /*DESCR:Inserts new product into shopper basket tables */ /*RETURNS: interger errorcode; 0=success,1=error */ AS DECLARE @basketID int DECLARE @subtotal money calculate subtotal SET @subtotal=@saleprice * @qty set nocount on get the default basket ID by calling sproc_createBasket EXEC @basketID=sproc_createBasket @shopperid check returned value If=1, then return error! If @basketID=1 BEGIN SELECT @basketID AS ‘errorcode’ RETURN END start the insert transaction BEGIN TRAN InsertBasket the insert into the basket_detail table INSERT INTO basket_detail(basket_id,sku,sku_name,sku_qty,sale_price,list_price,adjusted_price) VALUES (@basketID,@sku,@skuname,@qty,@saleprice,@listprice,@subtotal) error checking IF @@ERROR!=0 BEGIN rollback transaction! ROLLBACK TRAN InsertBasket return error code SELECT AS ‘errorcode’ RETURN END 112 update the basket modified time UPDATE basket SET date_modified=getdate() WHERE shopper_id=@shopperid AND basket_id=@basketID error checking IF @@ERROR!=0 BEGIN rollback transaction! ROLLBACK TRAN InsertBasket return error code SELECT AS ‘errorcode’ RETURN END commit transaction COMMIT TRAN InsertBasket return success code(0) SELECT AS ‘errorcode’ CREATE PROCEDURE sproc_createGUID /*DESCR:this sp creates a 32 character GUID */ /*RETURNS: 32 character GUID alpha -numeric */ AS set nocount on DECLARE @guid_val varchar(100) SET @guid_val=REPLACE(CONVERT(varchar(100),NEWID()),’ -’,”) Return the GUID value SELECT @guid_val as ‘guid’ set nocount off CREATE PROCEDURE sproc_deleteBasket @shopperguid varchar(32) @basketid int /*DESCR:Deletes shopper’s entire basket content */ /* Uses a Transaction-either whole basket ****/ /* deleted or its left as is ! */ /*RETURNS: Int: 0=success,1=error */ AS disable the row count message set nocount on begin a transaction BEGIN TRAN BasketDeletion delêt contents of basket in foreign key table DELETE FROM basket_detail WHERE basket_id=@basketid error checking IF @@ ERROR!=0 113 BEGIN rollback the transaction! ROLLBACK TRAN BasketDeletion return error code SELECT AS ‘errorcode’ RETURN END delete contents of basket table (PK table) DELETE FROM basket WHERE shopper_id=@shopperguid AND basket_id=@basketid error checking IF @@ERROR!=0 BEGIN rollback the transaction! ROLLBACK TRAN BasketDeletion return error code SELECT AS ‘errorcode’ RETURN END -no errors, commit the transaction! COMMIT TRAN BasketDeletion return success code SELECT AS ‘errorcode’ set nocount off CREATE PROCEDURE sproc_getBasket @shopperid varchar(32) /*DESCR:Returns recordset of shopper’s default basket */ /*RETURNS: Returns recordset of shopper’s default basket */ AS set nocount on get the RS SELECT bd.basket_id,bd.sku,bd.sku name,bd.sku_qty,bd.sale_price,bd.list_price,bd.adjusted_price,bt.basket_name FROM basket_detail bd,basket bt WHERE bd.basket_id=bt.basket_id AND bt.default_basket=1 AND bt.shopper_id=@shopperid set nocount off CREATE PROCEDURE sproc_getSavedBaskets @shopperid varchar(32) 114 /* Retrieves all saved baskets by shopper*/ /* Returns recordset of all saved baskets by shopper */ AS set nocount on get the RS SELECT bt.basket_id,bt.basket_name,bt.default_basket,bt.date_created,bt date_modified FROM basket bt WHERE bt.shopper_id=@shopperid AND bt.default_basket=0 set nocount off CREATE PROCEDURE sproc_makeDefaultBasket @shopperguid varchar(32) @basketid int /* Makes the specified basket shopper’s default basket */ /* RETURNS: Int: 0=success,1=error ****/ AS disable the row count message set nocount on begin a transaction BEGIN TRAN BasketDefault set shopper’s existing default basket to update basket set default_basket=0 w here shopper_id=@shopperguid error checking IF @@ERROR!=0 BEGIN rollback the transaction! ROLLBACK TRAN BasketDefault return error code SELECT AS ‘errorcode’ RETURN END set the new default basket update basket set default_basket=1 where shoppe r_id=@shopperguid basket_id=@basketid error checking IF @@ERROR!=0 BEGIN rollback the transaction! ROLLBACK TRAN BasketDefault return error code SELECT AS ‘errorcode’ RETURN END and 115 -no errors,commit the transaction! COMMIT TRAN BasketDefault return success code SELECT AS ‘errorcode’ set nocount off CREATE PROCEDURE sproc_saveBasket @shopperid varchar(32) @basketname varchar(100) @basketid int /* DESCR: Saves specified basket for shopper */ /* RETURNS: interger errorcode: 0=succes,1=error ****/ AS set nocount on UPDATE basket SET basket_name=@basketname,default_basket=0,date_modified=getdate() WHERE shopper_id=@shopperid AND basket_id=@basketid error checking IF @@ERROR!=0 BEGIN return error code SELECT AS ‘errorcode’ RETURN END ELSE return success code SELECT AS ‘errorcode’ set nocount off CREATE PROCEDURE sproc_updateBasket @shopperid varchar(32) @basketid int, @sku varchar(25) @qty int /* DESCR: Updates shopper’s default basket */ /* RETURNS:interger errorcode: 0=success, 1=error */ AS set nocount on the update IF @qty=0 BEGIN delete this sku from basket DELETE FROM basket_detail WHERE basket_id=@basketid AND sku=@sku UPDATE basket SET date_modified=getdate() WHERE shopper_id=@shopperid AND basket_id=@basketid 116 error checking IF @@ERROR!=0 BEGIN return error code SELECT AS ‘errorcode’ RETURN END END ELSE BEGIN UPDATE basket_detail SET sku_qty=@qty,adjusted price=(@qty*sale pric) WHERE basket id=@basketid AND sku=@sku UPDATE basket SET date_modified=getdate() WHERE shopper_id=@shopperid AND basket_id=@basketid error checking IF @@ERROR!=0 BEGIN return error code SELECT AS ‘errorcode’ RETURN END END return success code SELECT AS ‘errorcode’ set nocount off Bài tập 2: Một siêu thị muốn thông báo cho khách hàng có mặt hàng Hãy viết ứng dụng web hỗ trợ công việc tr ên chức sau: a Cho phép người dùng điền vào thông tin khách hàng tên đăng nhập, mật khẩu, họ tên, địa liên lạc, điện thoại, địa em ail chủng loại mặt hàng mà người dùng muốn thông tin có mặt h àng thuộc chủng loại b Cho phép người dùng cập nhật lại thông tin đ ã đăng ký Để thực thao tác này, người dùng phải đăng nhập với tên mật đăng ký c Cho phép quản lý liệt kê danh sách khách hàng đ ã đăng ký theo chủng loại mặt hàng Hướng dẫn: - Xây dựng csdl quản lý thông tin khách h àng, mặt hàng, loại mặt hàng - Xây dựng trang có form cho phép đăng ký khách hàng, đăng nhập để cung cấp thông tin - Xây dựng câu truy vấn để liệt k ê danh sách khách hàng theo chủng loại mặt hàng 117 Tài liệu tham khảo ASP 3.0, ASP.NET Nguyễn Phương Lan (chủ biên) Nhà Xuất Bản Giáo Dục năm 2001 ASP Database (dịch tổng hợp) SAIGONBOOK Nhà Xuất Bản Trẻ năm 2002 Xây dựng trang web động ASP Building an Intranet HTML & CGI Unleased John December & Mark Ginsburg_USA:Sams.net,1996_830 tr;23 cm Intranet bible Ed Tittel & James M.Stewart_USA: IDG Books Worldwide, 1997_854 t r,23 cm 118 Mục lục Chương 1:các khái niệm .1 1.Mạng máy tính gì? .1 2.Internet gì? 3.Địa IP gì? .2 4.Giao thức SMTP,POP3 5.Giao thức FTP 6.Giao thức HTTP .4 7.Giao thức NNTP 8.Giao thức Chat 9.URL 10.Hyperlink gì? 11.Web Browser gì? 12.Web Server gì? 13.Website gì? 14.World Wide Web (www) gì? .8 15.Sự khác biệt Internet v WorldWideWeb 16.Web page gì? Chương 2:Lập trình web với ngôn ngữ siêu văn HTML 10 1.khái niệm ngôn ngữ HTML .10 2.Lập trình web với ngôn ngữ html 10 2.1.Các thành phần HTML 12 2.2.Tạo trang Web 12 2.3.Cấu trúc tập tin HTML 13 2.4.Xem trang HTML trình duyệt Web 13 2.5.Các tag HTML 13 2.5.1.Tag giải 14 2.5.2.Các tag định dạng văn 20 2.5.3.Các tag định dạng hình ảnh 22 2.5.4.Các tag định dạng trang 23 2.5.5.Các tag tạo danh sách(list) 28 2.5.6.Tạo liên kết(link) 29 2.5.7 Một số ký tự đặc biệt HTML .30 2.5.8.Các tag dùng thiết kế bảng 33 2.5.9.Các tag dùng tạo Form 38 2.6.Các tag tạo Frame (khung) 38 6.1.Tạo Frame có dạng hàng .40 2.6.2.Tạo Frame có dạng cột 40 2.6.3.Kết hợp tạo Frame vừa dạng h àng vừa có dạng cột .41 2.7.Các hiệu ứng Dynamic HTML (DHTML) 41 2.7.1.Tạo chuỗi ký tự chuyển độ ng 41 2.7.2.Thay đổi hình dạng chuột qua ô bảng .2 Chương 3: Giới thiệu ngôn ngữ kịch vbscript v javascript 43 1.giới thiệu ngôn ngữ vbscript v javascript .44 119 2.ngôn ngữ vbscript 44 2.1.Chú thích dòng lệnh 44 2.2.Cách khai báo biến, hằng, mảng 44 2.2.1.Khai báo biến 45 2.2.2.Khai báo .45 2.2.3.Khai báo mảng 46 2.3.Các kiểu liệu .47 2.4.Các toán tử sở .48 2.5.Các lệnh xử lý điều kiện rẽ nhánh 48 2.5.1.Cấu trúc If Then 48 2.5.2.Cấu trúc If Then Else 49 2.5.3.Cấu trúc Select Case5 2.6.Cấu trúc lặp 50 2.6.1.Cấu trúc Do Loop .51 2.6.2.Cấu trúc While Wend 51 2.6.3.Cấu trúc For Next .52 2.6.4.Cấu trúc For Each Next 52 2.7.Khai báo hàm th ủ tục .52 2.7.1.Khai báo hàm 53 2.7.2.Khai báo thủ tục 53 3.Ngôn ngữ javascript 53 3.1.Chú thích hay nhiều dòng lệnh .53 3.2.Cách khai báo biến,mảng5 3.2.1.Cách khai báo biến .54 3.2.2.Khai báo mảng 54 3.3.Các kiểu liệu javascript .54 3.3.1.Dữ liệu kiểu số 55 3.3.2.Kiểu ký tự .55 3.3.3.Kiểu chuỗi 55 3.3.4.Kiểu luận lý 56 3.3.5.Kiểu ngày 57 3.4.Các lệnh xử lý điều kiện rẽ nhánh 57 3.4.1.Cấu trúc If .57 3.4.2.Cấu trúc If else 57 3.4.3.Cấu trúc switch case 58 3.5.Cấu trúc lặp 58 3.5.1.Cấu trúc For 58 3.5.2.Cấu trúc While 59 3.5.3.Cấu trúc Do While 59 3.6.Khai báo hàm 60 4.Sử dụng vbscript javascript trang web .61 4.1.Chèn đoạn vbscript/javascript v trang HTML .61 4.2.Xuất/nhập liệu vbscript v javascript .62 4.2.1.Xuất liệu 61 4.2.2.Nhập liệu 62 120 5.Xử lý kiện tương tác với thành phần trang web 62 Chương 4: Lập trình web động với ngôn ngữ lập tr ình ASP 66 1.Giới thiệu asp 66 2.nạp ứng dụng web lên trình chủ iis 67 3.các khái niệm asp 68 3.1.Thành phần trang asp .68 3.2.Nhập/xuất liệu 69 3.3.Hoạt động asp 69 4.Các đối tượng asp 69 4.1.Đối tượng Request 69 4.1.1.Các tập hợp đối tượng Request 70 4.1.2.Thuộc tính đối tượng Request 73 4.1.3.Phương thức đối tượng Request 73 4.2.Đối tượng Response 73 4.2.1.Các tập hợp đối tượng Response 73 4.2.2.Thuộc tính đối tượng Response .74 4.2.3.Phương thức đối tượng Response 77 4.3.Đối tượng Session 81 4.3.1.Tập hợp đối tượng Session 81 4.3.2.Các thuộc tính đối tượng Session 82 4.3.3.Các phương thức đối tượng Session 84 4.3.4.Các kiện đối tượng Session .86 4.4.Đối tượng Application .86 4.4.1.Tập hợp đối tượng Application 86 4.4.2.Các phương thức đối tượng Application 87 4.4.3.Các kiện đối tượng Application 88 4.5.Đối tượng Server .88 4.5.1.Các thuộc tính đối tượng Server 88 4.5.2.Các phương thức đối tượng Server 88 4.6.Đối tượng ASP Error .93 5.Chỉ thị #include 94 6.tập tin global.asa .95 7.đối tượng dictionary 97 7.1.Tạo đối tượng dictionary 98 7.2.Các thuộc tính đối tượng dictionary 98 7.3.Các phương thức đối tượng dictionary .100 8.đối tượng filesystemobject .103 8.1.Tạo đối tượng filesystemobject .103 8.2.Các thuộc tính đối tượng filesystemobject .103 8.3.Các phương thức đối tượng Filesystemobject 103 8.4.Ví dụ minh hoạ 109 9.đối tượng adrotator 112 9.1.Cách tạo đối tượng AdRotator .112 9.2.Định dạng tập tin văn 112 121 9.3.Các thuộc tính đối tượng AdRotator 113 9.4.Các phương thức đối tượng AdRotator 113 Chương 5: giới thiệu ado kết nối sở liệu 114 1.giới thiệu 114 2.kết nối với sở liệu 114 2.1.Tạo connection string thông qua OLEDB,ODBC 114 2.2.Tạo connection string thông qua DSN 116 3.các đối tượng ADO 117 3.1.Đối tượng Connection .120 3.1.1.Kết nối sở liệu qua đối tượng Connection 120 3.1.2.Thao tác liệu thông qua đối tượng Connection .120 3.2.Thao tác sở liệu đối tượng Command 122 3.3.Xử lý liệu thông qua đối t ượng Recordset 123 3.3.1.Lưu trữ liệu trả 125 3.3.2.Hiển thị liệu trả 126 3.4.Đối tượng Record 126 3.5.Đối tượng Stream 128 4.tập hợp errors 128 5.stored procedure .130 6.xây dựng website asp 133 122 [...]... cùng trang Web hoặc chuyển từ trang Web n ày đến trang Web khác  Liên kết trong cùng trang Web Cho phép liên đến các mục bên trong một trang Web Để làm được điều này trước tiên phải tạo điểm neo (Bookmark) v à sau đó tạo liên kết đến điểm neo này Cú pháp: Tạo điểm neo: nội dung Tạo liên kết: Dấu “#” báo cho trình duyệt... Kết quả hiển thị trên trình duyệt Web Để tạo một ListBox cho phép hiển thị, chọn nhiều mục ta d ùng thêm thuộc tính MULTIPLE với SIZE=”n”, n là số mục Khi đó kết quả trên trình duyệt là: 2.6 Các tag tạo Frame (khung) Frame là thành phần cơ bản của trang Web, một trang Web có thể đ ược chia thành nhiều frame, mỗi frame sẽ chứa một trang Web ri êng 2.6.1... chương trình đào tạo chuyên viên (http://cv.citd.edu.vn), trang gồm 3 Frame như hình sau, toàn bộ trang sử dụng font chữ l à “Times New Roman” Frame trên cùng g ồm có một hình bên trái, bên phải là các dòng chữ chạy Frame bên trái là các m ục cần đưa tin Frame giữa dùng để hiển thị nội dung tin Bài 2: Thiết kế trang Web Giáo dục (http://www.saigonnet.vn/giaod uc/thong_tin_tuyen_sinh.htm ) Bài 3: Thiết kế. .. trang Web Để định màu nền cho trang Web ta th êm thuộc tính BGCOLOR trong tag BODY Cú pháp: color là màu cần định cho trang Web Ví dụ: Ta muốn tạo màu nền của trang là màu vàng (yellow) cho Web thì ta dùng đoạn lệnh sau: mau nen  Định ảnh nền cho trang Web Dùng hình ảnh làm nền cho toàn trang Web thay... trang Web của chúng ta đẹp h ơn, hấp dẫn hơn, trang Web có sức lôi cuốn người dùng hơn 13 Để định hình ảnh nên cho trang Web ta sử dụng thuộc tính BACKGROUND trong tag BODY thay vì dùng thuộc tính BGCOLOR để định màu nền Cú pháp : Tên file là tên tập tin hình ảnh cần làm nền cho trang Web Ví dụ: Muốn định tập tin ảnh có tên “b.jpg” trong thư mục images làm nền cho trang Web. .. khu cong nghiep phan mem Kết quả hiển thị trên trình duyệt Cac huong trong nganh cong nghe thong tin Huong cong nghe phan mem Dao tao ra nhung lap trinh vien, dap ung nhu cau can thiet cua xa hoi, sau khi ra truong Sinh Vien duoc gioi thieu viec lam o cac khu cong nghiep phan mem 16 2.5.6 Tạo liên kết (link) Liên kết là đặc trưng của Word Wide Web, chúng cho phép ng ười dùng chuyển từ... doc Pho giam doc Nhan vien 11 Kết quả hiển thị trên trình duyệt Giam doc Pho giam doc Nhan vien 2.5.3 Các tag định dạng hình ảnh Có nhiều loại hình ảnh trên một trang Web: Logo (biểu t ượng), ảnh chụp, ảnh vẽ từ các chương trình xử lý ảnh như: CorelDraw, Paint, Photoshop Hình ảnh được đưa vào trang Web dưới dạng tập tin hình ảnh Nhớ lưu hình ảnh dưới dạng tập tin... ALIGN =”middle”>van ban o giua giua van ban o phia duoi Kết quả hiển thị trên trình duyệt 2.5.4 Các tag định dạng trang  Đường kẻ ngang trang Web Dùng tag để kẻ đường ngang trên trang Web, giúp trang Web rõ ràng hơn Cú pháp : Trong đó:  SIZE: Độ dầy/mỏng của đường kẻ tính bằng... phương trình bậc hai AX2 +BX+C=0, C+O 2 =CO2 lên Web thì ta dùng đoạn lệnh sau: Mã HTML dinh dang chi so AX2=BX+C=0 10 C+O2=CO2 Kết quả hiển thi trên trình duyệt AX2 +BX+C=O C+O2 =CO2 Trong đoạn lệnh trên ta sử dụng tag , tag này dùng để sang dòng mới mà ta sẽ đề cập cụ thể trong các phần kế tiếp... à JavaScript VBscript và JavaScript là ngôn ngữ lập ra để chạy được trên trình duyệt, các đoạn chương trình viết bằng ngôn ngữ này được nhúng vào các trang HTML Các đo ạn chương trình này có khả năng:  Được thực thi khi một sự kiện n ào đó trên trang Web x ảy ra như: mouseclicked, mouseover,  Xử lý các thành phần trên trang Web như: thay đ ổi màu chữ, font chữ, thay đổi ảnh, Cú pháp của VBScript ... thiết kế trang Web xong bạn dùng trình duyệt Web để xem kết thiết kế Vì người dùng sử dụng trình duyệt Web Nên tốt nên xem nhiều trình duyệt Web khác theo b ước sau Khởi động trình duyệt Web InternetExplorer... 2.5.6 Tạo liên kết (link) Liên kết đặc trưng Word Wide Web, chúng cho phép ng ười dùng chuyển từ mục sang mục khác trang Web chuyển từ trang Web n ày đến trang Web khác  Liên kết trang Web Cho phép... ứng dụng web lên trình chủ 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