Trang_danh_cho_Sinhvien - Nguyễn Thế Dũng Bai giang ASP

Trang_danh_cho_Sinhvien - Nguyễn Thế Dũng Bai giang ASP tài liệu, giáo án, bài giảng , luận văn, luận án, đồ án, bài tập...

môc lôc môc lôc PHầN 1: vỊ html vµ VBSCRIPT .2 I CáC THẻ Để TạO PHầN Tử HTML CƠ BảN Có ph¸p chung: 2 Tạo số phần tử II Ngôn ngữ VBScript .5 Nhúng câu lệnh VBSCRIPT vào trang web G¾n kết mã lệnh VBSCRIPT lên kiện Ghi đọc liÖu TextBox Đọc liệu ComboBox: Giống nh Listbox §äc / Ghi giá trị CheckBox PhÇn II : ASP Đối tợng Response .7 Chức Mét sè ph¬ng thøc dïng: .7 2.1 Ph¬ng thøc write 2.2 Ph¬ng thøc Redirect đối tợng Request Chức Một số thuộc tính phơng thức thờng dïng .8 2.1 Thuéc tÝnh Form 2.2 Thuéc tÝnh QueryString .11 đối tợng server .15 Ph¬ng thøc Mappath 15 Ph¬ng thøc CreateObject 17 đối tợng session – biÕn sesstion 17 BiÕn Sesstion 17 Đối tợng Session 17 đối tợng application 19 Khái niệm biến toàn ứng dông 19 Đối tợng Application 20 VÝ dơ tỉng hỵp 20 chÌn file vµo trang asp 21 ý nghÜa: 21 Có ph¸p chÌn file: .21 VÝ dơ tỉng hỵp 21 kết nối thao tác víi csdl asp .22 Qui t¾c chung 22 Tạo đối tợng Connection kết nối đến CSDL 22 Tạo đối tợng Recordset 23 Mét sè vÝ dô 23 4.1 Hiển thị toàn tên nhà cung cấp bảng Suppliers 23 4.2.1 Hiển thị danh sách sản phẩm bảng 25 PHô LôC 26 PHô lôc 30 DANH SáCH CáC HàM TRONG VBSCRIPT 30 Phần III: Thực hành 33 BµI THùC hµNH Sè .33 bµi thùc hµnh sè 35 bµi thùc hµnh sè 38 bµi thùc hµnh sè 42 PHÇN 1: html VBSCRIPT I CáC THẻ Để TạO PHầN Tử HTML CƠ BảN Cú pháp chung:   Trong : Tên loại phần tử Button Text File Hidden Select TextArea CheckBox Thuộc tính Name VALUE MAXLENGTH ReadOnly Disable Cols, Rows Multiple TYPE Phần “giá trị” đặt cặp ngoặc kép cặp ngoặc đơn ! Nếu đặt thuộc tính theo cách 2, tham chiếu bảng sau (gọi theo cú pháp CSS) T¹o mét sè phần tử To nỳt nhn  Tạo ô nhập  Tạo vùng nhập Nội dung ghi chú:  Tạo ô nhập Password  Tạo listbox Visual Basic Lp trỡnh NET Lp trỡnh ASP Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006  Tạo ComboBox (chỉ cần bỏ thuộc tính size) Visual Basic Lập trình NET Lập trình ASP  Tạo hộp kiểm Visual Basic Active Server Pages  Tạo nút Radio Tên giống thuộc nhóm (Groups)  Phần tử chọn File  Tạo textbox ẩn (Hidden) Tạo phần tử đặt thuộc tính: + Tạo textbox đặt thuộc tính font: + Tạo textbox đặt thuộc tính thơng qua phong cách CSS: + Tạo nhãn có font chữ xanh, có hiệu ứng:

Xin chào

+ Tạo nút nhấn có màu đỏ: Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 Kt qu Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 II Ngôn ngữ VBScript Nhúng câu lệnh VBSCRIPT vào trang web S dng th Ví dụ 1: MsgBox "Xin chào bạn lớp TK34 !" Ví dụ 2: Sub Chao MsgBox "Xin chào bạn lớp TK34!" End Sub '/// Gọi thủ tục Chao Viết Call Chao Chao Call Chao Ví dụ 3: Function Tong(a, b) Tong = a + b End Function Msgbox "Tổng + = " & Tong(2,3) G¾n kÕt m· lƯnh VBSCRIPT lên kiện Mi phn t trờn form có kiện OnClick, OnChange, OnKeyUp … Khi ta u cầu trình duyệt thực thi câu lệnh thủ tục VBScript kiện xảy Ví dụ 1: Đưa lời chào người dùng click vào nút nhấn: Ví dụ 2: Thực đưa lời chào người dùng click việc gọi thủ tục Sub Chao MsgBox "Xin chào bạn lớp TK34!" End Sub HOẶC I Đọc ghi liệu phần tử HTML Nhìn chung, để đọc hay thay đổi nội dung phần tử HTML, thơng thường ta đọc hay thay đổi thuộc tính Value Cú pháp : .Value [= Giá tr mi] Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 Ghi ®äc d÷ liƯu TextBox HoVaten.Value = "Trần Thị B" Msgbox "Giá trị hộp HoVaTen : " &HoVaTen.Value Đọc liệu Listbox '/// thủ tục gọi người dùng Click chọn ListBox Sub DocGiaTriListBox Dim MucChon MucChon = Mon.Value Msgbox "Bạn chọn mục : " & MucChon End Sub Visual Basic Lập trình NET Lập trình ASP Đọc liệu ComboBox: Giống nh Listbox Đọc / Ghi giá trị CheckBox Sub HT IF vb.checked=true Then Msgbox "VB chọn" IF asp.checked=true Then msgbox "ASP chọn" End Sub VB : ASP Biªn soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 Phần II : ASP Đối tợng Response Chức Dùng để trả kết cho máy khách (Trình duyệt) Một số phơng thức dùng: 2.1 Phơng thức write Viết kết trả cho trình duyệt (máy khách) + Cú pháp : Response.write() Trong xâu ký tự, chứa thẻ HTML +Ví dụ: Gửi xâu Hello world vỊ cho tr×nh dut 2.2 Ph¬ng thøc Redirect Híng ngêi dïng sang mét trang web kh¸c VÝ dơ ngêi dïng gâ www.abc.com/Trang1.asp th× chóng ta cã thể hớng sang trang Trang2.asp để hiển thị + Cú ph¸p: Response.Redirect URL + VÝ dơ: Khi ngêi dïng nhËp vào trang Trang1.asp, ta hiển thị trang Trang2.Asp Khi ®ã néi dung cña trang sÏ nh sau: Redirect Bạn phải thăm trang2.asp trớc ! Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 Một ví dụ cần sử dụng đến phơng thức là, ngời dùng cha thực đăng nhập vào trang thao tác với CSDL ta cần redirect đến trang đăng nhập đối tợng Request Vấn đề giao tiếp (nhập xuất) ngời dùng webserver Mô hình nhập liệu từ ngời dùng tiếp nhận liệu webserver: đờng POST: Gửi form nhập liệu tới webserver GET : Gửi thông qua liên kết URL Chức Nhận giá trị ngời dùng Submit (Ví dụ ngời dùng điền thông tin đăng ký tài khoản nhấn vào nút Submit thông tin đợc nhận thông qua đối tợng Request) Có hai cách để ngời dùng gửi thông tin đi: Cách 1: Ngời dùng nhập thông tin textbox, sau gửi thông tin textbox tới trang asp khác Khi ngời ta gọi cách gửi gửi theo kiểu POST Cách 2: Thông tin gửi tới trang khác cách gắn vào sau URL trang Ví dụ để gửi hai thông tin HoTen Tuoi với giá trị tơng ứng TK34 cho trang XuLy.asp thực nh sau: XuLy.asp?HoTen=TK34&Tuoi=2 Cú pháp để gắn vào sau trang nhận nh sau: TrangNhan.asp ? Thuộc_Tính = Giá trị1 & Thuộc_Tính = Giá trị & Cách gửi gọi phơng thøc gưi kiĨu ”GET” Mét sè thc tÝnh vµ phơng thức thờng dùng 2.1 Thuộc tính Form Dùng để lấy giá trị thuộc tính mà trang khác gửi tới phơng thức POST Cú pháp: Request.Form(Tên_Thuộc_Tính_Cần_Lấy) Ví dụ: Trang1.asp có ô textbox tên HoTen Tuoi cho phÐp ngêi dïng nhËp vµo vµ ngêi dùng gửi (Submit) tới trang Trang2.asp trang2.asp hiển thị lời chào tới ngời Nội dung file nµy sÏ nh sau: Trang1.a sp Gửi liệu sang trang khác Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 Trang nhập thông tin : action ="Trang2.asp" Hä tªn : Tuæi : Trang2.a sp NhËn liệu gửi từ trang khác Chó ý: + Mn gưi thông tin điều khiển điều khiển phải đặt Form + Trang web tiếp nhận thông tin đợc đặt thc tÝnh Action cđa Form + Ph¬ng thøc gưi đợc định thông qua thuộc tính method Đặt cho thuộc tính giá trị POST GET + Một trang gửi (Post) đến trang Điều thờng đợc áp dụng nội dung trang web đơn giản (ví dụ trang Login), trang phức tạp (nhiều xử lý) nên gửi đến trang riêng Ví dụ 2: Cho ngời dùng nhập vào năm sinh, sau tính toán hiển thị tuổi ngời Cách thức : Trang cho ngời dùng nhập năm sinh trang để hiển thị kết giống Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 Trang TinhTuoi.asp Version Tinh tuoi Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 10 Trang Menu.htm (Minh hoạ tạo liên kết đến trang GioiThieu.htm SanPham.asp) Trang Liên kết Giới thiệu Sản phẩm Trang Menu.htm (Version - tạo hiệu ứng) Trang liên kết - tạo hiệu ứng A { Text-decoration: None} // Bỏ gạch chân liên kết MenuThuong {color : Blue; Background-color: White} // Định nghĩa lớp MenuKichHoat {color : White; Background-color : Red} // Định nghĩa lớp Giới thiệu Sản phẩm Trang Index.htm (Chú ý : Thêm thẻ Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 39 bµi thùc hµnh sè MỤC TIÊU: Sau thực hành Sinh viên - Viết lệnh đọc hiển thị liệu bảng trang Web - Bổ sung liệu vào bảng CSDL - Cập nhật liệu vào bảng CSDL - Truyền liệu trang URL (Dạng Request.QueryString(…)) NỘI DUNG THỰC HÀNH Tạo CSDL tên Book.mdb, CSDL có bảng tblSach gồm trường sau: Đọc liệu bảng CSDL hiển thị trang Web Tạo trang HienThiSach.asp có nội dung sau: Đọc liệu từ file CSDL Danh mục sách kho File: CapNhat.asp Cập nhật liệu từ file CSDL ‘// File KetNoi.inc xin xem trang Then Session(“DaDangNhap”) = “roi” Response.write(“Bạn đăng nhập thành công ! Về trang chủ ”) Else Response.write(“Tên mật sai ! Xin nhập lại.”) End IF End IF %> trang Login.asp Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 48 thực hành số Mục tiêu: Kết thúc thực hành, Sinh viên có thể:  Tích hợp chế bảo mật (Login) vào ứng dụng Web  Xử lý mục liệu truyền nhận với số lượng lớn  Mô hệ thống bán hàng trực tuyến Nội dung: Xây dựng trang có tên là: DatHang.asp, Thongke.asp ThanhToan.asp Được mô tả theo chức sau: Trang Dathang.asp có chức hiển thị mặt hàng cho phép người dùng đặt số lượng tương ứng Sau người dùng click vào nút "Đặt hàng" tồn Tên sách, số lượng giá loại sách gửi sang trang ThongKe.asp Trang Thongke.asp tiếp nhận thông tin đồng thời hiển thị thêm cột thành tiền tổng số tiền mà khách hàng đặt mua để khách hàng xem lại lần trước thực toán Trang nút "Chấp nhận" Sau người click vào nút tổng số tiền mua gửi đến trang ThanhToan.asp để thực khấu trừ tiền khách hàng cộng thêm vào tài khoản người bán (Giả định mã số người bán 'seller') Cơ sở liệu sách có bảng sau: Tên trường MaSach TenSach TenTacGia TenNXB SoTrang Gia tblSach Mô tả Mã sách Tên sách Tên tác giả Tên NXB Số trang Giá tblUserDetail Tên trường Mô tả MaNguoiDung Mã người dùng MatKhau Mật SoDuTaiKhoan Số dư tài khoản Trang KetNoi.Inc có nội dung sau: ThanhTien = SoLuong * Gia TongTien = TongTien + ThanhTien Response.Write("") Response.Write("" & TenSach) Response.Write("" & SoLuong) Response.Write("" & Gia) Response.Write("" & ThanhTien) End IF Next Response.Write("Tổng số tiền : " & TongTien) %> Trang có nhiệm vụ thơng kê lại tồn sách số tiền tương ứng Sau chuyển tng s tin sang trang ThanhToan.asp Biên soạn : Nguyễn Minh Quý Khoa CNTT - ĐHSPKT Hng Yên 2006 51 Trang ThanhToan.asp Thanh toán trực tuyến KẾT QUẢ THANH TOÁN *** Hàm int (s) để chuyển xâu thành số Ví dụ: int(“100”)  100 ++ Seller l ti khonca ngi bỏn hng Biên soạn : Ngun Minh Q – Khoa CNTT - §HSPKT Hng Yªn 2006 52 ... font-family: Verdana, Arial; font-style normal italic font-style:italic; font-variant normal small-caps font-variant:small-caps; font-weight normal ho bold font-weight:bold; font-size [ xx-large... yellow background-image Địa (url) Khơng đặt background-image: url(house.jpg) background-repeat repeat | repeat-x | repeat-y | no-repeat background-repeat: no-repeat background-attachment scroll... xx-large | x-large | large | medium | small | x-small font-size:12pt; | xx-small ] | [ larger | smaller ] | phần trăm length Font [ font-style || font-variant || font-weight ] ? font-size font: