(NB) Giáo trình Thiết kế và lập trình web cung cấp cho người học kiến thức cơ bản về lập trình web phía Server (Back End). Mô đun giúp người học xây dựng ứng dụng web tương đối hoàn chình bằng cách kết hợp kiến thức của mô đun/môn học HTML &CSS, Javascript cho phần Front Page. Mời các bạn cùng tham khảo nội dung phần 1 của giáo trình.
BỘ LAO ĐỘNG -THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ -š› & š› - GIÁO TRÌNH MƠ ĐUN: THIẾT KẾ VÀ LẬP TRÌNH WEB NGHỀ: CƠNG NGHỆ THƠNG TIN TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 245/QĐ-CĐNKTCN ngày 23 tháng 10 năm 2020 Hiệu trưởng Trường Cao đẳng nghề Kỹ thuật Công nghệ Hà Nội, năm 2021 (Lưu hành nội bộ) TUYÊN BỐ BẢN QUYỀN Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng ngun trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm MÃ TÀI LIỆU: MĐCNTT 26 LỜI GIỚI THIỆU Chương trình khung quốc gia nghề Công nghệ thông tin xây dựng sở phân tích nghề, phần kỹ thuật nghề kết cấu theo môđun, môn học Để tạo điều kiện thuận lợi cho sở dạy nghề trình thực hiện, việc biên soạn giáo trình kỹ thuật nghề theo môđun, môn học đào tạo nghề cấp thiết Mô đun MĐCNTT 26: Thiết kế lập trình web mơ đun đào tạo nghề biên soạn theo hình thức tích hợp lý thuyết thực hành Trong q trình thực hiện, nhóm biên soạn tham khảo nhiều tài liệu thiết kế lập trình web ngồi nước, kết hợp với kinh nghiệm thực tế sản xuất Mặc dầu có nhiều cố gắng, không tránh khỏi khiếm khuyết, mong nhận đóng góp ý kiến độc giả để giáo trình hồn thiện Xin chân thành cảm ơn! Hà Nội, ngày 25 tháng 04 năm 2021 Tham gia biên soạn Chủ biên : Phùng Quốc Cảnh Tập thể Giảng viên khoa CNTT Mọi thơng tin đóng góp chia sẻ xin gửi hòm thư: canhdhtn86@gmail.com, liên hệ số điện thoại: 0359300585 MỤC LỤC GIÁO TRÌNH MƠ ĐUN BÀI 1: TỔNG QUAN VỀ WWW – NGÔN NGỮ HTML Lịch sử World Wide Web (www) 1.1 Giới thiệu World Wide Web (www) 1.2 Giới thiệu URL: 1.3 Giới thiệu HTTP Nhập môn ngôn ngữ HTML (Hyper Text Markup Language) .10 Trang văn trang 10 Ngôn ngữ đặc tả Script 11 4.1 Khai báo biến: 11 4.2 Toán tử: 11 4.3 Các cấu trúc điều kiện 12 4.4 Các cấu trúc lặp 13 4.5 Khai báo hàm thủ tục: 13 4.6 Một số hàm thông dụng ASP: 13 CSS (Cascading Style Sheets) .14 5.1 Cú pháp CSS 14 5.2 Các thuộc tính CSS 14 5.3 Sử dụng CSS trang HTML 15 BÀI 2: THIẾT KẾ WEB TĨNH 18 Tổng quan: 18 Trang văn trang 18 2.1 Tạo tiêu đề 18 2.2 Một số thẻ trình bày định dạng văn bản: 19 2.3 Các thuộc tính thẻ trình bày trang 19 Bảng biểu (Table) trang khung (Frame) 20 3.1 Bảng biểu 20 3.2 Khung – Frames 21 Multimedia trang Web 25 4.1 Đặt màu 25 4.2 Màu chữ văn 25 4.3 Màu đầu mối liên kết - Thuộc tính LINK, VLINK ALINK 25 4.4 Thuộc tính mã màu 25 4.5 Nạp hình ảnh làm cho trang văn 25 4.6 Chèn ảnh - thẻ 26 Các yếu tố động trang 27 5.1 Đưa âm vào tài liệu 27 5.2 Đưa Video vào tài liệu 28 Khung nhập (Form) .29 6.1 Form 29 6.2 Các thành phần FORM 29 Liên kết – Link 33 7.1 Thẻ neo mối liên kết 33 7.2 Thuộc tính HREF 33 7.3 Liên kết – External Links 33 7.4 Địa tuyệt đối 34 7.5 Địa tương đối 34 7.6 Liên kết nội – Internal Link 34 7.7 Siêu liên kết – Hyperlink 34 BÀI 3: XÂY DỰNG WEB ĐỘNG .38 1.Tổng quan ASP.Net ADO.Net: 38 1.1 Tổng quan ngôn ngữ ASP.Net: 38 1.2 Mơ hình ADO.Net 46 Các đối tượng ASP.Net: 47 2.1 ASP.Net Web Server Controls: 47 2.2 Các đối tượng ASP.NET 53 2.3 Biến cấu trúc điều khiển: 60 2.4 Thủ tục hàm 65 Các đối tượng ADO.Net: .66 3.1 Các đối tượng ADO.Net 67 3.2 Các lớp SqlClient mơ hình ADO.Net 68 3.3 Các điều khiển liệu ASP.Net 81 BÀI 4: NGƠN NGỮ LẬP TRÌNH WEB 115 1.2 Cài đặt thiết lập môi trường làm việc phát triển ứng dụng web 118 Cấu trúc cú pháp ngơn ngữ lập trình web 121 2.1 Các cấu trúc lệnh 121 2.2 Các kiện xử lý kiện 130 Lập trình kết nối liệu 136 3.1 Quy trình lập trình kết nối liệu 136 3.2 Các xử lý liệu bản: hiển thị, thêm, sửa, xóa, tìm kiếm, thống kê… 139 Framework hỗ trợ phát riển ứng dụng web 143 BÀI 5: CÁC ĐỐI TƯỢNG VÀ QUẢN LÝ TRẠNG THÁI 147 Đối tượng Request 147 Đối tượng Response .149 Đối tượng Server 152 ViewState .154 Session 156 Cookie 159 Application 162 BÀI 6: TRIỂN KHAI ỨNG DỤNG WEB 167 Giới thiệu 167 1.1 Sự đời web services 167 1.2 Vai trò đặc điểm web services .168 Quy trình triển khai quản lý ứng dụng web 168 2.2 SOAP - Simple Object Access Protocol .168 2.3 VVSDL - Web Services Description Language 169 2.4 UDDI - Universal Description, Discovery, and Integration 169 Xây dựng quản lý services 169 TÀI LIỆU THAM KHẢO 177 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Thiết kế lập trình web Mã số mơ đun: MĐCNTT 26 Vị trí, tính chất, ý nghĩa vai trị mơ đun: - Vị trí: Mơ đun Thiết kế lập trình web bố trí sau sau sinh viên học xong mô đun/môn học Tin học I, HTML+CSS, JAVASCRIPT, Lập trình bản, lập trình hướng đối tượng, hệ quản trị sở liệu - Tính chất: Mơ đun Lập trình web giúp cung cấp cho người học kiến thức lập trình web phía Server (Back End) Mơ đun giúp người học xây dựng ứng dụng web tương đối hồn chình cách kết hợp kiến thức mơ đun/môn học HTML &CSS, Javascript cho phần Front Page; - Vai trị ý nghĩa: Mơ đun mô đun nghề quan trọng định hướng nghề cho sinh viên trường Mục tiêu mô đun: - Về kiến thức: + Hiểu trình bày đặc trưng ứng dụng Web + Trình bày quy trình xây dựng website cách cấu hình ứng dụng Web triển khai website + Trình bày cấu trúc ngôn ngữ lập trình web (PHP, ASP.NET, JSP) + Trình bày nội dung, chức cần xây dựng cho ứng dụng web + Hiểu trình bày quy trình xử lý liệu WebPage Website - Về kỹ năng: + Sử dụng ngơn ngữ lập trình web để xây dựng ứng dụng web kết nối xử lý liệu phía server + Sử dụng Framework phát triển ứng dụng web để hỗ trợ xây dựng ứng dụng web + Sử dụng quản lý đối tượng website Request, Response, Cookie, Session, ViewSate, Application… + Hiểu xây dựng ứng dụng web theo mơ hình MVC - Về lực tự chủ trách nhiệm: + Tham gia dự án lập trình web thực tế + Khả tìm tài liệu, đọc hiểu tài liệu + Khả làm việc nhóm Nội dung mơ đun: Thời gian Số Tên mô đun Tổng Lý Thực Kiểm TT số thuyết hành tra* Bài 1: Tổng quan www – ngôn ngữ HTML Lịch sử www 10 Nhập môn ngôn ngữ HTML Trang văn trang Ngôn ngữ đặc tả Script CSS Bài 2: Thiết kế Web tĩnh 20 16 6 Tổng quan Trang văn trang Bảng biểu (Table) trang khung (Frame) Multimedia trang Web Các yếu tố động trang Khung nhập-Form Liên kết Bài 3: Xây dựng Web động Tổng quan ASP.Net ADO.Net Các đối tượng ASP.Net Biến cấu trúc điều khiển Thủ tục hàm Các đối tượng ADO.Net Bài 4: Ngơn ngữ lập trình Web Giới thiệu Cấu trúc cú pháp ngơn ngữ Lập trình kết nối liệu Framework hỗ trợ phát riển ứng dụng web Bài 5: Các đối tượng quản lý trạng thái Đối tượng Request Đối tượng Response Đối tượng Server ViewState Session Cookie Application Bài 6: Triển khai ứng dụng Web Giới thiệu Quy trình triển khai quản lý ứng dụng web Xây dựng quản lý services Thi kết thúc mô đun Cộng 25 21 10 18 15 71 90 15 BÀI 1: TỔNG QUAN VỀ WWW – NGÔN NGỮ HTML Mã bài: MĐCNTT26-01 Giới thiệu: Bài học nhằm giới thiệu sơ lược lịch sử World Wide Web (www), URL, giao thức HTTP ngôn ngữ phổ biến dùng World Wide Web HTML (Hyper Text Markup Language) Mục tiêu: - Trình bày lịch sử WWW; - Trình bày cấu trúc trang HTML thẻ HTML bản, cách bố trí, xử lý ứng dụng file CSS; - Thực thiết kế giao diện; - Biết cách tổ chức thông tin trang chủ bố trí văn trang - Ghi nhớ lệnh điều khiển ngôn ngữ đặc tả Script - Thực thao tác an tồn với máy tính Nội dung chính: Lịch sử World Wide Web (www) Mục tiêu: Trình bày lịch sử WWW 1.1 Giới thiệu World Wide Web (www) Ngày người ta dùng máy tính cơng cụ hữu ích để truy cập Internet, chủ yếu tìm kiếm thơng tin Thơng tin văn bản, hình ảnh, âm hay thông tin đa phương tiện… Nhu cầu tìm kiếm thơng tin ngày nhiều đưa vấn đề: làm dễ dàng sử dụng máy tính truy cập Internet cơng cụ phục vụ đắc lực cho việc tra cứu, tìm kiếm thơng tin mạng thơng tin rộng lớn tồn cục Vấn đề trở nên dễ dàng ý tưởng siêu văn (Hypertext) – văn thông minh nhà tin học Ted Nelson đề xuất vào năm 1965 Đến 1989, dự án thức thực kỹ sư trẻ người Anh tên Tim Berners – Lee World Wide Web (www) mạng tài nguyên thông tin WWW dựa chế để tài nguyên trở nên sẵn dùng cho người xem rộng rãi tốt, là: - Cơ chế đặt tên dạng việc định dạng tài nguyên WWW (như URL) - Các giao thức, để truy cập tới tài nguyên qua WWW (như HTTP) - Siêu văn bản, để dễ dàng chuyển đổi tài nguyên (như HTML) 1.2 Giới thiệu URL: Mọi tài nguyên sẵn dùng WWW – tài liệu HTML, ảnh, video clip, chương trình v v - có địa mà mã hóa URL URL xem trỏ dùng với mục đích đơn giản xác định vị trí tài ngun mơi trường Internet Thơng qua URL mà Web Browser tham chiếu đến Web Server dịch vụ khác Internet ngược lại Các URL thường gồm phần: - Việc đặt tên chế dùng để truy cập tài nguyên - Tên máy tính lưu trữ (tổ chức) tài nguyên - Tên thân tài nguyên, đường dẫn Ví dụ: URL xác định trang W3C Technical Reports http://www.w3.org/TR URL đọc sau: Có tài liệu sẵn dùng theo giao thức HTTP, lưu máy www.w3.org, truy cập theo đường dẫn “/TR” Các chế khác ta thấy tài liệu HTML bao gồm “mailto” thư điện tử “ftp” FTP Ví dụ sau tới hộp thư (mailbox) người dùng: Mọi góp ý, xin gửi thư tới Joe Cool Các định danh đoạn (fragment identifiers): Một số URL tới việc định vị tài nguyên Kiểu URL kết thúc với “#” theo sau dấu hiệu kết nối (gọi định danh đoạn) Ví dụ, URL đánh dấu móc tên section_2: http://somesite.com/html/top.html#section_2 Các URL tương đối: không theo chế đặt tên Đường dẫn thường tham chiếu tới tài nguyên máy chứa tài liệu Các URL tương đối gồm thành phần đường dẫn tương đối (như “ ” nghĩa mức cấu trúc định nghĩa đường dẫn), bao gồm dấu hiệu đoạn Ví dụ giải pháp URL tương đối, giả sử có URL gốc: “http://www.acme.com/support/intro.html” URL tương đối đánh dấu cho liên kết siêu văn bản: Suppliers mở rộng thành URL đầy đủ “http://www.acme.com/support/suppliers.html” URL tương đối việc đánh dấu cho ảnh mở rộng thành URL đầy đủ “http://www.acme.com/icons/logo.gif” Các URL dùng để: - Liên kết tới tài liệu tài nguyên khác - Liên kết tới kiểu dạng bên kịch (script) 1.3 Giới thiệu HTTP Web Browser Web Server giao tiếp với thông qua giao thức gọi HTTP Sự kết nối HTTP qua giai đoạn: Hình 1.1: Sự kết nối HTTP - Tạo kết nối: Web Browser giao tiếp với Web Server nhờ địa URL - Internet số cổng (ngầm định 80) đặc tả URL - Thực yêu cầu: Web Browser gửi thông tin tới Web Server để yêu cầu phục vụ Việc gửi thông tin gửi phương thức GET dùng cho việc lấy đối tượng từ Server, hay POST dùng cho việc gửi liệu tới đối tượng Server - Phản hồi: Web Server gửi phản hồi Web Browser nhằm đáp ứng yêu cầu Web Browser Hình 3.23 Duyệt ví dụ 3.9 Hình 3.24.Cửa sổ thuộc tính sqlDataSource 100 Hình 3.25.Cửa sổ Command and Paramater Editer c) Xóa ghi Các kỹ thuật thực xóa ghi tương tự Update ghi Tương tự điều khiển data source ta thực khai báo: Khai báo hai thuộc tính DeleteCommand DeleteCommandType DeleteCommand="DELETE FROM Products WHERE (ProductID = @ProductID)" Khai báo tham số Ví dụ 3.14 Thực xóa liệu từ điều khiển Grid View (vidu3_15.aspx) 101 = d) Chèn ghi Để chèn ghi ta sử dụng kỹ thuật tương tự thông qua khai báo: Khai báo hai thuộc tính InsertCommand InsertCommandType InsertCommand="INSERT INTO Products(ProductID, ProductType, ProductName, ProductDescription, ProductSize, ProductImageURL, UnitPrice) VALUES (@ProductID, @ProductType, @ProductName, @ProductDescription, @ProductSize, @ProductImageURL, @UnitPrice)"> Khai báo tham số Ví dụ 3.15 Trong ví dụ dùng GridView để hiển thị thực thao tác Update, Delete; sử dụng DetailView để hiển thị chi tiết ghi chọn GridView đồng thời cho phép cập nhật liệu(vidu3_16.aspx) Kết cho hình 3.26 Hình 3.26 Duyệt ví dụ 3.15 103 Chú ý: - Để Upload file lên Server ta dùng điều khiển FileUpload - Để tạo Download file mở sử dụng thẻ Hyperlink , địa URL phải bao gồm server path file name bao gồm tên mở rộng Download Baigiang Web Mở file ảnh e) Lọc liệu sử dụng Data Source controls Data source controls cung cấp số dịch vụ liệu để dễ dàng có thêm khả tiên tiến cho ứng dụng Nó bao gồm việc lọc liệu dựa điều kiện tìm kiếm mà ta định Việc lọc liệu thuận lợi làm việc với cached data, ta cung cấp khả tìm kiếm khơng cần phải chạy lại truy vấn gọi lại phương thức đọc liệu Để lọc liệu, data source control phải cấu sau: + Đối với điều khiển SqlDataSource AccessDataSource, thuộc tính DataSourceMode phải thiết lập tới DataSet + Đối với điều khiển ObjectDataSource, đối tượng source object phải trả DataSet DataTable Thiết lập biểu thức lọc (Filter Expression): Ta định lọc áp dụng cho liệu trả điều khiển ObjectDataSource, SqlDataSource, AccessDataSource việc thiết lập thuộc tính FilterExpression data source Biểu thức lọc áp dụng phương thức select data source control gọi Cú pháp biểu thức lọc phụ thuộc vào cú pháp thuộc tính Expression lớp DataColumn FilterExpression="Country LIKE '{0}' AND LastName LIKE '{1}'" Chú ý: Cả hai ký tự % * sử dụng làm ký tự thay toán tử so sánh LIKE Ký tự thay cho phép vị trí bắt đầu kết thúc mẫu Ví dụ: "ItemNa L '*product*'" me IKE "ItemNa L '*product'" me IKE "ItemNa L 'product*'" me IKE Ký tự thay không phép nằm chuỗi mẫu Ví dụ, 'te*xt'khơng phép Cung cấp tham số lọc (Filter Parameters): Ta cung cấp tham số biểu thức lọc cho điều khiển ObjectDataSource, SqlDataSource, AccessDataSource Các tham số cho phép ta cung cấp giá trị lọc thời điểm chạy khơng cần viết code để thiết lập thuộc tính FilterExpression Ta định tham số biểu thức lọc sử dụng collection FilterParameters điều khiển data source Các tham số truy xuất liệu từ điều khiển, đối tượng QueryString, session state, user profile,.v.v… 104 Trong biểu thức lọc (Filter Expression), ta tạo placeholders tương ứng tới items collection FilterParameters điều khiển data source Các Placeholders số hóa, với thể tham số collection Ta định placeholder biểu thức lọc cách thay số tham số lọc ký tự '{' '}' ví dụ sau: Country = '{0}' AND LastName LIKE '{1}' 105 Bài tập thực hành học sinh, sinh viên: Bài tập 3.1: Câu 1: Trình bày khác ASP.NET Server Control phần từ HTML Câu 2: Validation control gì? Trình bày mục đích sử dụng validation control thiết kế web động Câu 3: Giải thích ý nghĩa thuật ngữ dùng validation controls sau: RequiredFieldValidator, CompareValidator, RangeValidator, RegularExpressionValidator, ValidationSummary Câu 4: Tạo Web Form đăng ký thông tin tuyển dụng Mục tiêu: Giúp sinh viên biết cách vận dụng ASP.NET Server Control Web HTML Server Control xây dựng trang web Hướng dẫn: - Sinh viên viết ngôn ngữ C# VB.NET - Trong phần tập sinh viên tạo ASP.NET Web Form có tên JobRegister.aspx Form chứa server control dạng Web Control HTML Server control Form cho phép user nhập thông tin cá nhân kỹ chuyên môn - Giao diện Form minh họa hình bên dưới: - Sau hồn tất việc đăng ký thơng tin hiển thị đầy đủ trangASP.NET khác RegisteringComplete.aspx 106 Câu 5: Sử dụng Validation Control để thiết kế trang web: - Kiểm tra thông tin đầu vào cho trang đăng nhập - Thanh tốn hố đơn, form điền thơng tin sử dụng kiểm tra thông tin người dùng nhập liệu Mục tiêu: Giúp sinh viên áp dụng điều khiển RequiredFieldValidator, CompareValidator, RangeValidator, RegularExpressionValidator, ValidationSummary… để tạo ràng buộc liệu cho trang web Hướng dẫn: Tạo ứng dụng web ASP.NET Thêm trang vào dự án Đặt tên Dangnhap.aspx Thiết kế form đăng nhập (theo gợi ý mẫu đây: người dung kích chuột vào button Login chuyển sang trang Thanhtoanhoadon.aspx, kích chuột vào button Reset xố trắng liệu ô textbox 107 Bấm chuột phải lên dự án thêm WebForm đặt tên Thanhtoanhoadon.aspx Thiết kế form với ràng buột liệu cho trường textbox với giao diện minh hoạ hình đây: Khi người dùng kích chuột vào button Submit chuyển sang trang Camon.aspx sau: Bài tập 3.2 108 Câu 1: Trình bày chức đối tượng Application ASP.NET? Câu 2: Đối tượng Session gì? Trình bày chức đối tượng Session ứng dụng web? Câu 3: Đối tượng Request gì? Trình bày chức đối tượng Request ứng dụng web? Câu 4: Sử dụng đối tượng Response & Request Asp.Net để thực trang web cho phép nhập hai số a,b Sau tính cộng, trừ nhân chia hai số cho Hướng dẫn: - Bước 1: Thiết kế giao diện trang nhập liệu - Bước 2: Viết mã lệnh + Lấy giá trị số a & b sử dụng phương thức Request.Form["Tên Điều Khiển"] + Tính tổng, hiệu, tích, thương a&b + Hiển thị kết Câu 5: Sử dụng đối tượng Application để tính số lần truy cập vào trang web Câu 6: Cho đoạn chương trình sau, thực thi kết giải thích ý nghĩa chương trình Private Sub Page_Load(sender As Object, e As System.EventArgs) Session.Timeout = 50 Session.Contents("Counter") = _ Session.Contents("Counter") + 10 Response.Write("Khoi tao Session ASPX ") Response.Write("Counter: " & _ Session.Contents("Counter")) Session.Contents.Remove("Countner") Session.Remove("Countner") Session.RemoveAll() End sub Untitled Page Bài tập 3.3 Câu 1: Trình bày cú pháp cấu trúc rẽ nhánh If…then, Select Case Asp.Net? Câu 2: Trình bày cú pháp lặp Do…Loop Asp.Net? Câu 3: Trình bày cú pháp cấu trúc lặp For Each …Next For …Next? Câu 4: Viết chương trình cho phép người dùng nhập vào tháng bất kỳ, in tháng thuộc mùa năm Hướng dẫn: Sử dụng cấu trúc Select Case Câu 5: Giải thích ý nghĩa đoạn chương trình sau: 109 Private Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Dim MyCookie As New HttpCookie("LastVisit") Dim MyCookie1 As New HttpCookie("New") Dim now As DateTime = DateTime.Now ' Ghi giá trị xuống Cookies Response.Cookies.Clear() MyCookie.Value = now.ToString() MyCookie.Expires = now.AddHours(1) Response.Cookies.Add(MyCookie) MyCookie1.Value = now.ToString() MyCookie1.Expires =now.AddHours(1) Response.Cookies.Add(MyCookie1) Response.Write("Number cookie:" & Request.Cookies.Count & "") ' Đọc cookie For Each strKey As String In Request.Cookies Response.Write(strKey & " = " & _ Request.Cookies(strKey).Value & "") Next End Sub Bài tập 3.4 Câu 1: Trình bày thủ tục cách khai báo thủ tục Asp.Net? Câu 2: Trình bày hàm cách khai báo hàm Asp.Net? Câu 3: Phân biệt tham biến tham trị Asp.Net? Câu 4: Viết thủ tục tính tổng hai số a,b Xây dựng trang web sử dụng thủ tục vừa tạo Hướng dẫn: Bước 1: Viết thủ tục tính tổng hai số, khai báo sau Sub Tong(ByVal a As Integer, ByVal b As Integer) Bước 2: Xây dựng trang web có sử dụng thủ tục vừa tạo Giao diện Mã nguồn tham khảo: Untitled Page Giá trị a: 110 Giá trị b: Câu 5: Xây dựng lại chương trình thay thủ tục hàm Câu 6: Giải thích ý nghĩa hai tham số a,b chương trình sau, cho biết kết trả chương trình Partial Class vidu2_20 Inherits System.Web.UI.Page 'Khai báo a tham trị b tham biến Function Tong(ByVal a As Integer, ByRef b As Integer) As Integer a += 100 b -= 10 Return (a + b) End Function Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load Dim a, b As Integer a = 100 b = 100 Response.Write("Gia trị trước truyền vào cho hàm ") Response.Write("a=" & a.ToString & "") Response.Write("b=" & b.ToString & "") Response.Write("Gọi hàm tong(a,b):" & Tong(a, b).ToString & "") Response.Write("Gia trị sau truyền vào cho hàm ") Response.Write("a=" & a.ToString & "") Response.Write("b=" & b.ToString & "") End Sub End Class 111 Bài tập 3.5 Câu Thực hành lại ví dụ chương để ôn lại nội dung vừa học Câu Thiết kế giao diện trang EditorData.aspx sau: Giao diện thiết kế Giao diện thực thi Gợi ý: - Thiết kế giao diện theo mẫu - Cấu hình SqlDataSource với database mặc định Northwind (hoặc sử dụng database người dùng) - Khi người dùng chọn ProductName DropdownList, nội dung DetailView cập nhật Câu 3: Xây dựng ứng dụng web gồm trang asp.net sau: Dangnhap.aspx, DanhsachLoaimathang.aspx, Capnhatloaimathang.aspx Các trang web có cấu trúc sau: - Giao diện thiết kế: Giao diện trang Dangnhap.aspx 112 Giao diện trang CapnhatLoaimathang.aspx - Cấu hình phần ……… tập tin web.config sau:Trong đó: + loginUrl: rõ trang người dùng đăng nhập + defaul tUrl: rõ trang chuyể n đến đăng nhập thành công + name: rõ tên Cookie tạo + Timeout: thời gian cookie tồn (tính phút) 113 + passwordFormat: khơng mã hóa mật Trong ví dụ ta khai báo người dung “tom” “jerry” Lưu ý: lưu user vào sở liệu để kiểm tra đăng nhập - Viết kiện xử lý cho trang + Khi người dùng truy cập vào trang CapnhatLoaimathang.aspx mà chưa đăng nhập tự động chuyển qua trang Dangnhap.aspx + Nhập vào tên đăng nhập “tom”, mật “tom”, nhấn nút Đăng nhập để vào trang CapnhatLoiamathang.aspx Nếu người dung chọn Nhớ thông tin sau 30 phút sau khơng cần đăng nhập truy cập + Sau người dùng cập nhật xong thông tin, chọn Đăng xuất để trang Dangnhap.aspx, thông tin session hay cookie hủy để kết thúc phiên làm việc 114 ... lập môi trường làm việc phát triển ứng dụng web 11 8 Cấu trúc cú pháp ngôn ngữ lập trình web 12 1 2 .1 Các cấu trúc lệnh 12 1 2.2 Các kiện xử lý kiện 13 0 Lập trình kết nối... soạn giáo trình kỹ thuật nghề theo mơđun, mơn học đào tạo nghề cấp thiết Mô đun MĐCNTT 26: Thiết kế lập trình web mơ đun đào tạo nghề biên soạn theo hình thức tích hợp lý thuyết thực hành Trong trình. .. Web Giới thiệu Quy trình triển khai quản lý ứng dụng web Xây dựng quản lý services Thi kết thúc mô đun Cộng 25 21 10 18 15 71 90 15 BÀI 1: TỔNG QUAN VỀ WWW – NGÔN NGỮ HTML Mã bài: MĐCNTT2 6-0 1