Tài liệu giảng dạy ASP .NET

Thông tin tài liệu

TRUNG TÂM TIN HỌC – ĐẠI HỌC KHOA HỌC TỰ NHIÊN TP.HCM 227 Nguyễn Văn Cừ - Quận 5- Tp.Hồ Chí Minh Tel: 8351056 – Fax 8324466 – Email: ttth@hcmuns.edu.vn TÀI LIỆU HƯỚNG DẪN GIẢNG DẠY CHƯƠNG TRÌNH KỸ THUẬT VIÊN Học phần LẬP TRÌNH ỨNG DỤNG WEB VỚI ASP.NET Mã tài liệu: DT_NCM_LT_TLGD_ASP.NET Phiên 1.0 – Tháng 06/05 Tài liệu hướng dẫn giảng dạy MỤC LỤC GIỚI THIỆU GIÁO TRÌNH LÝ THUYẾT TÀI LIỆU THAM KHẢO Bài TỔNG QUAN VỀ ASP.NET I Tổng quan lập trình ứng dụng Web I.1 HTTP HTML - Nền móng Kỹ thuật lập trình web I.2 Tìm hiểu mơ hình ứng dụng .10 II Giới thiệu ASP.Net 12 II.1 Tìm hiểu Net Phatform .12 II.2 Tìm hiểu Net Framework 12 II.3 Tìm hiểu ASP.Net .16 II.4 Những ưu điểm ASP.Net 16 II.5 Quá trình xử lý tập tin ASPX 17 III Web Server 18 III.1 Internet Information Services .18 III.2 Cài đặt Web Server .19 III.3 Cấu hình Internet Information Services 22 III.4 Tạo ứng dụng web IIS 23 IV Tạo ứng dụng Web 24 IV.1 Khởi động MS Visual Studio Net 24 IV.2 Tạo ứng dụng Web .25 IV.3 Phân loại tập tin ASP.Net 27 IV.4 Làm quen với thành phần giao diện VS Net .28 Bài 32 WEB SERVER CONTROL 32 I HTML Control 33 Học phần - Lập trình ứng dụng web với ASP.NET Trang 1/174 Tài liệu hướng dẫn giảng dạy II ASP.Net Web Control 35 II.1 Asp.Net Page 35 II.2 Điều khiển 36 II.3 Điều khiển kiểm tra liệu 46 II.4 Một số điều khiển khác 53 II.5 Đối tượng ViewState .59 Bài 61 CÁC ĐIỀU KHIỂN LIÊN KẾT DỮ LIỆU 61 I Điều khiển DataGrid 62 I.1 Các thao tác định dạng lưới 62 I.2 Xử lý xếp 67 I.3 Xử lý phân trang 69 I.4 Tùy biến cột 70 I.5 Cập nhật liệu trực tiếp lưới .74 II Điều khiển DataList 79 II.1 Sử dụng DataList để hiển thị liệu .79 II.2 Cập nhật liệu với DataList 83 III Điều khiển Repeater 87 IV Các ví dụ mở rộng 90 IV.1 Xử lý đảo hướng xếp DataGrid 90 IV.2 Tạo biểu tượng xếp cột cho DataGrid .91 IV.3 Định dạng hình thức hiển thị cho dòng liệu thỏa điều kiện DataGrid 92 IV.4 Tạo hiệu ứng chọn rê chuột qua dòng liệu 93 Bài 94 XÂY DỰNG LỚP XỬ LÝ DỮ LIỆU 94 I Thiết kế tổng quan 96 I.1 Cấu trúc chi tiết lớp XL_BANG 98 I.2 Xây dựng lớp xử lý nghiệp vụ 102 I.3 Sử dụng lớp xử lý nghiệp vụ 104 Bài 108 Học phần - Lập trình ứng dụng web với ASP.NET Trang 2/174 Tài liệu hướng dẫn giảng dạy XÂY DỰNG ĐỐI TƯỢNG THỂ HIỆN 108 I Tạo đối tượng thể 109 II Sử dụng đối tượng thể 111 III Tạo phương thức cho đối tượng thể 112 IV Tạo kiện cho đối tượng thể 113 IV.1 Thiết kế 114 IV.2 Xử lý 114 Bài 117 XÂY DỰNG VÀ QUẢN LÝ ỨNG DỤNG 117 I Đối tượng Request, Response 118 I.1 Đối tượng Response 118 I.2 Đối tượng Request 120 II Đối tượng Session, Application 122 II.1 Đối tượng Application 123 II.2 Đối tượng Session 124 III Đối tượng Server 125 IV Đối tượng Cookies 125 IV.1 Giới thiệu 125 IV.2 Làm việc với Cookies 126 V Tập tin quản lý cấu hình ứng dụng 127 V.1 Global.asax 127 V.2 Web.config 128 VI Tổ chức & xây dựng ứng dụng 133 VI.1 Tổ chức lưu trữ ứng dụng 133 VI.2 Xây dựng ứng dụng 134 Bài 136 WEB SERVICE 136 I Tìm hiểu Web Services 137 II Xây dựng Web Services 140 Học phần - Lập trình ứng dụng web với ASP.NET Trang 3/174 Tài liệu hướng dẫn giảng dạy II.1 Tạo Web Services VS Net 140 II.2 Kiểm tra Web Service 141 III Sử dụng Web Service 143 III.1 Sử dụng Web Service người dùng xây dựng 144 III.2 Sử dụng Web Services cung cấp miễn phí mạng 144 IV Xây dựng Web Services truy xuất liệu 148 IV.1 Web Service: WS_KHACH_HANG 148 IV.2 Sử dụng WS_KHACH_HANG 150 Bài 152 PHỤ LỤC 152 I Cơ sở liệu dùng ứng dụng 153 I.1 Thiết kế sở liệu 153 I.2 Dữ liệu thử 156 II Giới thiệu tag HTML 157 II.1 Cơ tag HTML 157 II.2 Các tag nhập liệu 163 III Cascading Style Sheets - CSS 166 III.1 Giới thiệu CSS 166 III.2 Cú pháp CSS 167 III.3 Sử dụng CSS trang HTML 169 Học phần - Lập trình ứng dụng web với ASP.NET Trang 4/174 Tài liệu hướng dẫn giảng dạy GIỚI THIỆU Sau hồn thành khóa học này, học viên có khả năng: Cài đặt cấu hình Web Server Thiết kế, xây dựng, phát triển ứng dụng web với Asp.Net Với thời lượng 36 tiết LT 60 tiết TH phân bổ sau: STT Bài học Số tiết LT Số tiết TH Tổng quan Asp.Net Asp Server Control 10 Các điều khiển liên kết liệu 10 Xây dựng lớp xử lý liệu 5 Xây dựng đối tượng thể 10 Xây dựng quản lý ứng dụng web 15 Web Services 36 60 Tổng số tiết: Học phần - Lập trình ứng dụng web với ASP.NET Trang 5/174 Tài liệu hướng dẫn giảng dạy GIÁO TRÌNH LÝ THUYẾT TÀI LIỆU THAM KHẢO Trong trình biên soạn tài liệu hướng dẫn giảng dạy giáo trình, chúng tơi có tham khảo số tài liệu sau: MSDN Library - April 2003 & MSDN Library - July 2005 MSDN Traning: Developing Microsoft ASP.NET Web Applications Using Visual Studio.NET MSDN Traning: Programming with Microsoft ADO.NET ASP.NET Web Developer’s Guide ASP.NET By Example [Steven A Smith] Developing Web Applications with Visual Basic NET and ASP.NET [John Alexander, Billy Hollis] Programming ASP.NET, 2nd Edition [Dan Hurwitz, Jesse Liberty] Inside ASP.NET [Scott Worley] ASP NET Bible [Mridula Parihar] 10 ASP.NET for Web Designers [Peter Ladka] 11 Professional ADO.NET Programming [Wrox] 12 Cascading Style Sheets - The Designer's Edge [Molly E Holzschlag ] 13 JavaScript Bible - Gold Edition [Danny Goodman] 14 Real World Web Services [Yasser Shohoud] 15 Trang chủ ASP.Net: http://www.asp.net 16 Trường học trực tuyến W3C: http://www.w3schools.com Học phần - Lập trình ứng dụng web với ASP.NET Trang 6/174 Tài liệu hướng dẫn giảng dạy HƯỚNG DẪN PHẦN LÝ THUYẾT Bài TỔNG QUAN VỀ ASP.NET Tóm tắt Lý thuyết tiết - Thực hành tiết Mục tiêu Các mục Tìm hiểu kỹ thuật lập trình ứng Tổng quan lập trình ứng dụng web dụng web mơ hình ứng dụng Cài đặt cấu hình Web Server Giới thiệu Asp.Net Web Server Tìm hiểu mơi trường phát triển ứng Tạo ứng dụng web dụng web với Visual Studio.Net Học phần - Lập trình ứng dụng web với ASP.NET Bài tập 1.1, 1.2, 1.3, 1.4, 1.6, 1.7 Bài làm thêm: 1.5 Trang 7/174 Tài liệu hướng dẫn giảng dạy I Tổng quan lập trình ứng dụng Web Ứng dụng Web hệ thống phức tạp, dựa nhiều yếu tố: phần cứng, phần mềm, giao thức, ngôn ngữ thành phần giao diện Trong phần này, giới thiệu sơ lược cho bạn thành phần ứng dụng Web: HTTP (giao thức trao đổi tài nguyên) HTML (ngôn ngữ xây dựng trang web) I.1 HTTP HTML - Nền móng Kỹ thuật lập trình web I.1.1 HTTP (Hypertext Transfer Protocol) Kỹ thuật lập trình ứng dụng web khởi đầu HyperText Transfer Protocol (HTTP), giao thức cho phép máy tính trao đổi thơng tin với qua mạng máy tính HTTP xác định qua URLs (Uniform Resource Locators), với cấu trúc chuỗi có định dạng sau: http: // [: ] [ [? ]] Sau tiền tố http://, chuỗi URL chứa tên host hay địa IP máy server (có thể có số cổng kèm), đường dẫn dẫn đến tập tin server yêu cầu Tùy chọn sau tham số, gọi query string (chuỗi tham số/chuỗi truy vấn) Ví dụ: Phân tích địa http://www.comersus.com/comersus6/store/index.asp Trang web index.asp lưu trữ thư mục /comersus6/store Web Server với host www.comersus.com Một số thuật ngữ: Internet: hệ thống gồm nhiều máy tính khắp nơi giới nối lại với WWW: World Wide Web (mạng tồn cầu), thường dùng nói Internet Web Server: Máy tính lưu trữ trang web Web Client: Máy tính dùng để truy cập trang web Web Browser: Phần mềm dùng để truy cập web Một số web browser phổ biến: Internet Explorer, Netscape Navigator, Avant Browser, Opera, … Học phần - Lập trình ứng dụng web với ASP.NET Trang 8/174 Tài liệu hướng dẫn giảng dạy I.1.2 HTML (Hypertext Markup Language) Trang web HTML tập tin văn viết ngơn ngữ HTML, ngơn ngữ cịn biết đến với tên gọi: ngôn ngữ đánh dấu văn Ngôn ngữ đánh dấu HTML sử dụng ký hiệu quy định sẵn (được gọi tag) để trình bày nội dung văn Nội dung Định dạng Trang chủ Windows Server System Microsoft Kết hiển thị …… Ví dụ: Nội dung trang web AspDotNet.htm ASP.Net

Chào bạn đến với ASP.Net!!!

Ghi chú: Các bạn đọc thêm tag HTML phần Phụ lục B Học phần - Lập trình ứng dụng web với ASP.NET Trang 9/174 Tài liệu hướng dẫn giảng dạy b Liên kết trang web Nếu cho bạn quyền đặt tên cho tag HTML, có lẽ bạn thay (Link) Tuy nhiên thực mang ý nghĩa mỏ neo (anchor) bạn dùng để liên kết tới đoạn văn thân trang web Thuộc tính name dùng để đặt tên cho đoạn văn liên kết tới Chú ý, giá trị name có dấu # đứng trước Ví dụ: Đến cuối trang ……… cuối trang c Liên kết với địa email Để cho phép người đọc gửi mail cho bạn cách click vào liên kết, gán giá trị "mailto:địa email" cho thuộc tính href II.1.4 Danh sách (List) Danh sách gồm loại: có thứ tự khơng có thứ tự Danh sách HTML tương tư định dạng Bullets and Numbering Word Thông thường, phân biệt danh sách có thứ tự khơng có thứ tự Với danh sách có thứ tự, mục đánh thứ tự 1, 2, hay a, b, c, … với danh sách khơng có thứ tự, mục bắt đầu dấu –, , , ,… Trong HTML, mục danh sách bắt đầu tag

Các mục danh sách lại đặt tag danh sách HTML có tag danh sách:

HTML
JavaScript

HTML
JavaScript

Kết quả: Qua ví dụ trên, thấy bạn phép sử dụng tag định dạng để trình bày form ,

,… Chú ý: Với CheckBox OptionBox, thuộc tính checked dùng để đánh dấu chọn vào CheckBox hay OptionBox trang web hiển thị Thuộc tính size textbox dùng để định chiều rộng textbox, đơn vị size số ký tự Tuy nhiên, nội dung textbox không bị giới hạn size II.2.2 Vùng nhập liệu – tag Điều khiển TextBox mà bạn tạo tag có khả nhận vào dịng văn Để có TextBox cho phép nhập nhiều dịng bạn sử dụng tag Nội dung… Khác với tag , tag cần kết thúc Nội dung TextBox tạo không định giá trị thuộc tính value, thay vào đó, phần nội dung nằm cặp tag Thuộc tính cols tương tự thuộc tính size xác định Học phần - Lập trình ứng dụng web với ASP.NET Trang 164/174 Tài liệu hướng dẫn giảng dạy chiều rộng TextBox tính số ký tự Thuộc tính rows cho biết chiều cao TextBox Ví dụ:

Hello Kết quả: II.2.3 ComboBox ListBox Điều khiển ComboBox ListBox phức tạp so với điều khiển cần định nghĩa mục chọn HTML sử dụng tag để khai báo hai loại điều khiển này: Ví dụ: Môn học: Visual Basic Visual C++ Java Kết quả: Thuộc tính size giúp web browser xác định điều khiển ComboBox (size="1") hay ListBox (size>1) Tag , bạn thấy ví dụ, đặt cặp tag để định nghĩa mục chọn Tên mục chọn đặt trong cặp tag … Mục chọn mặc định biểu thị qua thuộc tính selected Thuộc tính value cho biết giá trị mục chọn Bạn cần biết giá trị mục chọn xử lý liệu nhập form Nếu bạn muốn ListBox chọn nhiều mục lúc, sử dụng thuộc tính multiple tag Học phần - Lập trình ứng dụng web với ASP.NET Trang 165/174 Tài liệu hướng dẫn giảng dạy III Cascading Style Sheets - CSS III.1 Giới thiệu CSS III.1.1 CSS CSS: Cascading Style Sheets Các Style định nghĩa cách trình duyệt hiển thị đối tượng HTML Các Style lưu Style Sheet Các Style Sheet độc lập lưu file CSS riêng biệt Các Style Sheet độc lập tiết kiệm nhiều thời gian cho bạn Nhiều định nghĩa Style cho loại đối tượng sử dụng theo lớp III.1.2 Style giúp bạn giải nhiều vấn đề HTML tag thiết kế để định dạng cách hiển thị nội dung trang Web cách định nghĩa "đây phần header", "đây đoạn", "đây bảng",… Mỗi trình duyệt hiển thị nội dung trang Web theo cách riêng dựa định nghĩa Các trình duyệt thông dụng Internet Explorer hay Netscape liên tục thêm thắt tag HTML riêng vào danh sách HTML tag chuẩn W3C làm cho việc tạo lập văn Web để hiển thị độc lập trình duyệt ngày khó khăn Để giải vấn đề này, W3C (World Wide Web consortium- tổ chức chịu trách nhiệm tạo lập chuẩn Web) tạo STYLE cho HTML 4.0 Cả Netscape 4.0 Internet Explorer 4.0 hỗ trợ Cascading Style Sheets I.1.1 Style Sheet tiết kiệm nhiều công sức thiết kế Các Style HTML 4.0 định nghĩa cách mà thành phần HTML hiển thị Các Style thường lưu file độc lập với trang Web bạn Các file CSS độc lập cho phép bạn thay đổi hình thức thể khn dạng tất trang Website thống mà phải thực thay đổi lần I.1.2 Style dùng? Ta nói rằng, Style sử dụng theo "lớp" (cascade) ưu tiên nhiều Style định nghĩa thành phần HTML tham chiếu file HTML Thứ tự ưu tiên xếp từ cao xuống thấp: Style cho thành phần HTML cụ thể Style phần HEAD Style file CSS Mặc nhiên theo trình duyệt Học phần - Lập trình ứng dụng web với ASP.NET Trang 166/174 Tài liệu hướng dẫn giảng dạy III.2 Cú pháp CSS Cú pháp CSS gồm phần: đối tượng, thuộc tính giá trị: Đối tượng {thuộc tính: giá trị} Đối tượng thường tag HTML mà bạn muốn định nghĩa cách hiển thị Thuộc tính thuộc tính hiển thị đối tượng Giá trị cách mà bạn muốn thuộc tính hiển thị Cặp {thuộc tính: giá trị} đặt dấu {} Body {color: black} Nếu giá trị gồm nhiều từ, đặt chúng dấu nháy đôi: p {font-family: "sans serif"} Nếu bạn muốn định nghĩa nhiều thuộc tính đối tượng, phân cách cặp thuộc tính: giá trị dấu (;) p {text-align: center; color: red} Để định nghĩa Style dễ đọc hơn: P { text-align: center; color: black; font-family: arial } III.2.1 Nhóm nhiều đối tượng Bạn định nghĩa Style cho nhiều đối tượng lúc: h1, h2, h3, h4, h5, h6 { color: green } III.2.2 Thuộc tính Class Với thuộc tính Class, bạn định nghĩa nhiều Style khác cho đối tượng Ví dụ, bạn muốn có hai Style cho tag

, tag

có class=right canh lề bên phải, class=center canh giữa: p.right {text-align: right} p.center {text-align: center} Trong trang HTML:

Đoạn canh phải

Đoạn canh Học phần - Lập trình ứng dụng web với ASP.NET Trang 167/174 Tài liệu hướng dẫn giảng dạy

Đoạn canh

có ID "intro" trang Web p#intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent } III.2.4 Ghi CSS CSS dùng cách ghi tương tự ngôn ngữ C: đoạn ghi bắt đầu /* kết thúc */ Ví dụ: /* Đây phần ghi */ Học phần - Lập trình ứng dụng web với ASP.NET Trang 168/174 Tài liệu hướng dẫn giảng dạy p { text-align: center; /* Đây phần ghi */ color: black; font-family: arial } III.3 Sử dụng CSS trang HTML III.3.1 Làm chèn vào Style Sheet Khi trình duyệt đọc Style, định dạng nội dung trang Web theo Style Có cách để sử dụng Style trang HTML III.3.2 Dùng file CSS riêng File CSS độc lập nên dùng Style áp dụng cho nhiều trang Mỗi trang sử dụng Style định nghĩa file CSS phải liên kết đến file tag đặt phần HEAD: Ví dụ file CSS: Style.css hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} III.3.3 Định nghĩa Style phần HEAD Các Style định nghĩa phần HEAD dùng cho nhiều thành phần HTML trang Web Bạn sử dụng tag để định nghĩa Style: hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} Ghi chú: Trình duyệt thường bỏ qua tag HTML mà khơng biết, để trình duyệt khơng hỗ trợ CSS khơng hiển thị phần định nghĩa Style, bạn nên đặt tag ghi HTML: Học phần - Lập trình ứng dụng web với ASP.NET Trang 169/174 Tài liệu hướng dẫn giảng dạy III.3.4 Dùng Style cho thành phần HTML cụ thể Style cho tag HTML cụ thể gần không tận dụng lợi điểm CSS ngoại trừ cách hiển thị đối tượng Bạn dùng thuộc tính Style để định nghĩa Style cho thành phần HTML

Đây đoạn văn

Đây đoạn văn bản

Đây đoạn văn có font sansserif

Để biết Web Service cung cấp miễn phí mạng, bạn dùng google để thực tìm kiếm Ở đây, giới thiệu đến bạn trang: http://www.webservicex.net cung cấp nhiều Web Service hữu ích

Trang Quản lý giáo viên - TTTH

Ngày đăng: 21/08/2012, 13:48

Xem thêm: Tài liệu giảng dạy ASP .NET, Tài liệu giảng dạy ASP .NET, HTTP và HTML - Nền móng của Kỹ thuật lập trình web Tìm hiểu các mơ hình ứng dụng, Ưu điểm Khuyết điểm, Hệ điều hành Cung cấp các chức năng xây dựng ứng dụng, Tìm hiểu về .Net Phatform Tìm hiểu về ASP.Net, Những ưu điểm của ASP.Net Quá trình xử lý tập tin ASPX, Khởi động MS Visual Studio .Net Tạo mới ứng dụng Web, Phân loại tập tin trong ASP.Net Làm quen với các thành phần giao diện trên VS .Net, Các thuộc tính Tìm hiểu về tập hợp Items, Các thuộc tính Ví dụ Các thuộc tính Ví dụ, Điều khiển kiểm tra dữ liệu, Một số điều khiển khác, Thuộc tính Sự kiện, Thuộc tính Sự kiện Đối tượng ViewState, Trang General Trong trang này, có các mục chọn sau:, Trang Paging Quản lý phân trang Trang này quản lý việc phân trang của DataGrid. Trang Borders Khung viền Trang Borders quản lý việc kẻ khung viền cho lưới., Xử lý sắp xếp Xử lý phân trang, Tùy biến các cột, Cập nhật dữ liệu trực tiếp trên lưới, Sử dụng DataList để hiển thị dữ liệu, HTML Control Điều khiển Repeater, Xử lý đảo hướng sắp xếp trong DataGrid Tạo biểu tượng sắp xếp trong cột cho DataGrid, Tạo hiệu ứng chọn khi rê chuột qua các dòng dữ liệu, Khai báo biến thành viên Region Khai báo biến thành viên Nhóm hàm cung cấp thơng tin Region Nhóm hàm cung cấp thơng tin, Xây dựng lớp xử lý nghiệp vụ Sử dụng lớp xử lý nghiệp vụ, Tạo mới đối tượng thể hiện Sử dụng đối tượng thể hiện Tạo phương thức cho đối tượng thể hiện, Thiết kế Xử lý, Đối tượng Response Đối tượng Request, Thuộc tính Phương thức a. Thuộc tính Timeout Sử dụng biến tồn cục với Session Tạo biến Session, Thêm Cookies Lấy giá trị từ Cookies, Giới thiệu sessionState, Xây dựng ứng dụng, Đối tượng Server Tìm hiểu về Web Services, Sử dụng Web Service, Web Service: WS_KHACH_HANG Sử dụng WS_KHACH_HANG, Bảng Sách - SACH Field Name Bảng Khách hàng - KHACH_HANG Field Name Bảng Đơn đặt hàng - DON_DAT_HANG Field Name Bảng Chi tiết đặt hàng - CT_DAT_HANG Field Name Bảng Nhà xuất bản - NHA_XUAT_BAN Field Name Bảng Tác giả - TAC_GIA Field Name Bảng Viết Sách – , Bảng Chủ đề - CHU_DE Mcd Ten_chu_de Bảng Nhà xuất bản – NHA_XUAT_BAN Mnxb Ten_nha_xuat_ban Bảng Tác giả – TAC_GIA Mtg Ten_tac_gia Bảng Thăm dò - THAM_DO Mch Bảng Thăm dò chi tiết - THAM_DO_CT Mch Stt, Danh sách List Danh sách gồm 2 loại: có thứ tự và khơng có thứ tự, Cú pháp table Width, CellSpacing và CellPadding Các tag nhập liệu