Đồ án viết chương trình cho WEB trong môi trường php

Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất LỜI NĨI ĐẦU Ngày máy tính đóng góp quan trọng sống người Nó khơng đơn máy tính, tính tốn phép tính, thực thi nhiệm vụ cứng nhắc theo tác vụ Mà trở thành cơng cụ để người vừa làm việc vừa giải trí Một cơng cụ mà khiến người vừa làm việc vừa giải trí việc phát triển xây dựng Website, internet trang web khơng cịn khái niêm xa lạ nữa, lứa tuổi biết internet, cơng cụ khơng thể thiếu người số ngành nghề Trang web khác với hồ sơ khác theo cách thức chúng thiết kế để hiểu trình duyệt Microsoft Internet Explorer(IE) Netscape Navigator hiểu phần tử văn bản, đồ hoạ trí phần tử tương tác, From nhập, âm thanh, video cho phép người truy cập chúng từ website Internet dần biết đến với tên gọi World, Wide, Web vị trí mạng gọi Website Có thể nói trang web công cụ thiếu lĩnh vực như: Âm nhạc, du lịch, văn hoá Ngày âm nhạc nhu cầu thiếu đời sống người Chính trang web ca nhạc giúp cho người giải trí sau phút làm việc mệt mỏi thêm yêu âm nhạc Do nhiều vấn đề nhiều yếu tố nguyên nhân khách quan chủ quan mà tập tốt nghiệp hạn chế thiếu sót Tuy nhiên em thực cố gắng thực tốt vấn đề phân tích, thiết kế xây dựng trang web nên phần nói hồn thành mục tiêu mà khoá luận đặt Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất CHƯƠNG I : CÁC KHÁI NIỆM CƠ BẢN VÀ NGÔN NGỮ HTML CÁC KHÁI NIỆM CƠ BẢN : URL: (Uniform Resource Locators) thuật ngữ để vị trí tài nguyên (resource) Internet.Các kết nối từ tài liệu HTML đến file service khác phải viết theo dạng sau: scheme://server [:port]/path/ dataname[#anchor] + Scheme: Chỉ loại protocol mà tài nguyên sử dụng ( hay nói cách khác kiểu liệu mà URL tới) + Server: Chỉ server mà chứa liệu user cần + Port: Là điểm truy cập dịch vụ lớp transport server không sử dụng port mặc nhiên.(vd port mac nhiên Gopher Server 70 ) + Path/dataname: Đường dẫn tương đối tuyệt đối đến file server.Được quy quy ước đặt tên chung ( Uniform Naming Convention ) + #anchor: Chỉ vị trí trang tài liệu HTML + Đây minh họa cho khái niệm trên: SCHEME File http Gopher ***** DATA TYPE Data files SAMPLE URL HTML Files Gopher server *********** gorher://ttdt01/localweb **************** - Ngồi qua URLs, WWW cịn cho phép sử dụng services khác : ftp, finger, usenet, telnet, E-mail, wais… NGÔN NGỮ HTML : 2.1 Khái niệm: HTML( HyperText Markup Language) ngôn ngữ định dạng văn siêu liên kết Sự định dạng dựa tag đoạn mã đặc biệt để đánh dấu văn bản, file ảnh, đoạn phim giúp cho Web Browser thông dịch hiển thị chúng lên hình bạn Html có Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất phần mở rộng quan trọng cho phép liên kết hypertext từ tài liệu tới tài liệu khác (có thể đoạn text, file ảnh ) 2.2 Cấu trúc file HTML sau: < HTML> Đây đầu đề Theo cấu trúc trình bày ta thấy file HTML chia thành hai phần bản: - Phần đầu : bao hai tag , : định nghĩa tên (hay gọi tiêu đề ) trang web Phần hiển thị tiêu đề trang web khai báo hai tag - Phần thân : baobởi hai tag , : Trình bày nội dung thể trang web Các nội dung cần hiển thị xử lý trang web định nghĩa phần body file HTML.Để cho trang web sinh động ngôn ngữ HTML bao gồm nhiều tag dùng cho việc định trang, liên kết trang với nhau, thêm hình ảnh vào trang (Các tag định nghĩa phụ lục A) 2.3 PHẦN MỀM MICROSOFT FRONTPAGE: Giới thiệu: Microsoft Fontpage phần mềm cho phép việc tạo quản lý trang Web Microsoft Fontpage thật phần mềm mạnh,tiện ích với nhiều tính năng, Microsoft Fontpage dễ sử dụng phù hợp với đối tượng, tùy theo khả người thiết kế yêu cầu ứng dụng mà ta tạo trang web từ đơn giản đến phức tạp FrontPage bao gồm hai thành phần : Fontpage Explorer & Fontpage Editor Fontpage Explorer: Tương tự Explorer Windows 95 , cho phép người thiết kế có nhìn tổng qt trang Web tạo,mơ hình liên kết trang với nhau,được thể dạng cơng cụ đồ họa Và ta định tạo trang Web nào, xếp Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất biểu tượng theo trật tự khác cho trang Web cho thích hợp Fontpage Editor: Đây nơi mà bạn dùng để soạn thảo trang web cho ứng dụng bạn Microsoft Frontpage có giao diện tương tự MicrosoftWord, ngồi chức thông thường phần mềm soạn thảo Frontpage cịn cho phép người sử dụng tạo frame khác hình tích hợp phần tử Active Elements (video,seach form ), Database, Form Fiedl, Java Applet, Activex Control, script… vào trang web mình.Bên cạnh bạn xem, thêm đoạn chương trình vào source html với chức cần xử lý trang web bạn Mơ hình Front Page Explore Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất Mơ hình Front Page Editor Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất CHƯƠNG II:ACTIVE SERVER PAGES VÀ NGÔN NGỮ LẬP TRÌNH TRÊN ASP GIỚI THIỆU VỀ ACTIVE SERVER PAGES : 1.1 Active sever pages : Microsoft Active Server Pages môi trường hỗ trợ cho script chạy server (Server-Side Scripting), cho phép ta dùng để tạo chạy các ứng dụng Web server động ASP hoạt động dựa vào script người lập trình tạo Active Server Pages chạy môi trường sau đây: - Microsoft Internet Information Server version 3.0 Window NT Server - Microsoft Peer Web Services version 3.0 Window NT Workstation - Microsoft Personal Web Server Windows 95 1.2 Mơ hình hoạt động Active Server Page : Mơ Hình Tổng Qt Hoạt Động Của Asp 1.3 Cách hoạt động ASP : Các script ASP chứa text file cótên mở rộng asp Trong script có chứa lệnh ngơn ngữ script Khi Web browser gửi request tới file asp script chứa file chạy để trả kết cho browser Khi Web server nhận request tới file asp đọc từ đầu tới cuối file asp đó, thực lệnh script trả kết cho Web brower dạng trang Html Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất VBScript Interpretor Custom Components Internet Information Server ISAPI Application Perl Awk etc CGI Script CGI Application Active Server Pages interface DLLs Server Side Inludes (SSI) Jscript Interpretor Active Database Compenents(ADO) Active Server Components ODBC Driver Active Server Pages (.asp files) DATA The Internet Or Intranet Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất Mơ Hình Chi Tiết Hoạt Động ASP 1.4 Cấu trúc file ASP : Một file ASP có tên mở rộng asp, bao gồm thành phần : - Text - HTML tags - Script Commands 1.5 Các tính chất ASP: Với ASP ta chèn script thực thi vào trực tiếp file HTML Khi việc tạo trang HTML xử lý script trở nên đồng thời, điều cho phép ta tạo hoạt động Web site cách linh hoạt Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất uyển chuyển , chen thành phần HTML động vào trang Web tùy vào trường hợp cụ thể ASP cho ta tính chất sau : - Có thể kết hợp với file HTML - Dễ sử dụng tạo, script dễ viết, không cần phải biên dịch (compiling) hay kết nối (linking) chương trình tạo - Hoạt động theo hướng đối tượng, với build-in Object tiện dụng : Request, Response, Server, Apllication, Session - Có khả mở rộng thành phần ActiveX server (ActiveX server components) Môi trường ASP cài đặt Server với Web server Một ứng dụng viết ASP file hay nhiều file văn có phần tên mở rộng là.Asp, file đặt thư mục ảo( Virtual Dirrectory) Web Server Các ứng dụng ASP dễ tạo ta dùng ASP script để viết ứng dụng Khi tạo script ASP ta dùng ngôn ngữ script , cần có scripting engine tương ứng ngơn ngữ mà thơi ASP cung cấp sẵn cho ta hai scripting engine Visual Basic Script(VBScript) Java Script (Jscript) Ngồi ASP cịn cung cấp sẵn ActiveX Component hữu dụng, ta dùng chúng để thực công việc phức tạp truy xuất sở liệu, truy xuất file, Không mà ta cịn tự tạo component riêng thêm vào để sử dụng ASP.ASP tạo trang HTML thương thích với Web browser chuẩn NGƠN NGỮ LẬP TRÌNH SỬ DỤNG VỚI ASP: 2.1 Các Script Commands ASP: Mỗi script ASP chứa file asp Mỗi file ASP coi file HTML có chen vào lệnh ngơn ngữ script Thực file text text có vùng mà Web server đọc tới hiểu vùng script chứa lệnh ngôn ngữ script , Web server gọi tới script engine để thực thi lệnh script Sinh viên thực : Nguyễn Đăng Thành Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất ASP qui định vùng script nằm hai dấu vùng Tag Script đoạn chương trình thể yêu cầu người lập trình ASP, chứa câu lệnh mà người lập trình muốn ASP thực nội dung người muốn tạo trang HTML kết trả cho Web browser gọi đến ứng dụng Tóm lại script giống chương trình người lập trình viết để thực thi môi trường hoạt động ASP, giống chương trình ngơn ngữ lập trình khác C, Pascal, Java , có điểm khác chương trình ngơn ngữ khác phải biên dịch dạng thực thi dùng dạng thực thi để chạy mơi trường cụ thể (DOS, Windows, Unix, ); cịn script biên dịch trước dạng thực thi mà đem dạng text chạy thẳng môi trường ASP Ví dụ minh họa: =#12:00:00AM # and Time Chào buổi sáng "& Myname" Xin chào 2.2 Script language Script Engine: Script ASP cấu thành từ lệnh ngơn ngữ script (scripting language) đó, xen lẫn vào nội dung dạng HTML, để trả kết cuối dạng HTML Scripting language nằm khoảng ngôn ngữ siêu văn (HTML) ngơn ngữ lập trình Java, C++, Visual Basic, Ta biết HTML dùng để định dạng liên kết văn , cịn ngơn ngữ lâp trình có khả tạo chuỗi lệnh phức tạp cho máy tính thực Đối với scripting language, nằm giữa, nhiên gần với ngơn ngữ lập trình HTML Khác scripting language ngôn ngữ lập trình chỗ luật cú pháp scripting language linh hoạt dễ hiểu ngơn ngữ lập trình Scripting Engine đối tượng có nhiệm vụ xử lý script ASP cung cấp môi trường chủ cho scripting engine phân phối script 10 Sinh viên thực : Nguyễn Đăng Thành 10 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất } } Chọn ca sĩ dan truong Lam Trường Mỹ Tõm Trọng Tấn Hồng Nhung Thanh Lam * Chọn thể loại nhạc : Chọn thể loại nhạc Nhạc chế Nhạc nhẹ Nhạc khụng lời Nhạc tiền chiến 55 Sinh viên thực : Nguyễn Đăng Thành 55 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất *                     &n bsp;     Ko thờm nữa! Quay lại     4.4 Giao diện thêm ca sĩ 56 Sinh viên thực : Nguyễn Đăng Thành 56 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất Giao diện thêm ca sĩ = 0) { win_ie_ver = 0; } if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; } if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; } if (win_ie_ver >= 5.5) { document.write(''); 57 Sinh viên thực : Nguyễn Đăng Thành 57 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất } else { document.write('function editor_generate() { return false; }'); } // > function checkform(){ str=""; if(capnhat.ten.value=="") str=str+"\n+ Bạn chưa nhập tờn "; if(capnhat.quequan.value=="") str=str+"\n+ Bạn chưa nhập ngày sinh"; if(capnhat.ngaysinh.value=="") str=str+"\n+ Bạn chưa nhập ngày sinh"; if(str!="") { alert(str); return false; } else { capnhat.submit(); } }

THấM CA SĨ MỚI     Tờn ca sĩ : * Ngày sinh : 58 Sinh viên thực : Nguyễn Đăng Thành 58 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất * size="46" Quờ quỏn : * size="46" Thụng tin khỏc : Cấu trúc cho tài liệu HTML Tiêu đề Tài liệu: bên Chú Thích: Các ghi thơng tin phần body nhng không đợc browser hiển thị Màu Nền Cố định: Định màu cho trang 61 Sinh viên thực : Nguyễn Đăng Thành 61 Website quản lý Album âm nhạc CÁC KÝ TỰ ĐẶC BIỆT TRÊN HTML KÝ TỰ Á 66 Sinh viên thực : Nguyễn Đăng Thành Ý NGHĨA Á 66 Website quản lý Album âm nhạc À Å Ã Ä Ç Ð É Ê È Ë Í Ì Ï Ñ Ó Ò Ø Õ Ö Þ Ú Û Ù Ü Ý á â à å ã ä ð é ê è ë í î ì 67 Sinh viên thực : Nguyễn Đăng Thành GVHD:PGS-TS: Nguyễn Văn Xuất À Å Ã Ä ầ é ẫ ấ ẩ ậ í ì ẽ Đ ĩ ị ỉ ế ị Ú Û Ù ĩ í ỏ õ ó ọ ð ộ ố í ỵ ì 67 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất ï ñ ó ô ò ø õ ö ß þ ú û ù ü ý ÿ ASCII &#n (n la mã ASCII) A Z x Reserved HTML Characters < > & " ® © ù đ ĩ ị ò ỵ ỳ ỷ ự ỹ ý ÿ A Z x < > & “ đ â MỤC LỤC Lời nói đầu……………………………………………………………… Chương1:các khái niệm ngôn ngữ HTML…………………… 68 Sinh viên thực : Nguyễn Đăng Thành 68 Website quản lý Album âm nhạc GVHD:PGS-TS: Nguyễn Văn Xuất Các khái niệm bản………………………………………………… 2 Ngôn ngữ HTML………………………………………………………2 Chơng II:Active Server Pages ngơn ngữ lập trình ASP…… …… Giới thiệu ACTIVE SERVER PAGES…………………………… Ngôn ngữ lập trinh sử dung với ASP………………………………… VISUALBASIC SCRIPT LANGUAGE (VBSCRIPT) ……………… 11 Những vấn đề liên quan đến việc xây dựng ứng dụng ASP: …………………………………………………………………… 13 Các đối tợng (OBJECT) ASP…………………………… …….17 Các COMPONENT ASP:……………………………………… 22 Chơng III:phân tích thiết kế hệ thống xây dựng sở liệu cho website quản lý âm nhạc trực tuyến…………………………………… 27 3.1 Phân Tích Thiết Kế Hệ Thống…………………………………… 27 3.2.Xây Dựng Cơ Sở Dữ Liệu………………………………………… 33 Chương IV: xây dựng giao diện ngời dùng số mã minh hoạ… 40 4.1 Giao diện trang chủ…………………………………………………40 4.2 Giao diện đăng nhập……………………………………………… 51 4.3 Giao diện thêm hát…………………………………………… 53 69 Sinh viên thực : Nguyễn Đăng Thành 69 ... lại script giống chương trình người lập trình viết để thực thi môi trường hoạt động ASP, giống chương trình ngơn ngữ lập trình khác C, Pascal, Java , có điểm khác chương trình ngơn ngữ khác phải... chương trình thể yêu cầu người lập trình ASP, chứa câu lệnh mà người lập trình muốn ASP thực nội dung người muốn tạo trang HTML kết trả cho Web browser gọi đến ứng dụng Tóm lại script giống chương. .. TRÊN ASP: Khi xây dựng ứng dụng môi trường ASP để chương trình sinh động ta cần lưu ý : - Xây dựng file Global.asa - Viết mã VBScript - Thêm Object có sẵn vào chương trình - Sử dụng ActiveX Server