Giáo trình Lập trình web (Nghề: Lập trình viên máy tính - Cao đẳng) - Trường CĐ Nghề Kỹ thuật Công nghệ

(NB) Giáo trình 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.

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: LẬP TRÌNH WEB NGHỀ: LẬP TRÌNH VIÊN MÁY TÍNH TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 13A/QĐ-CĐNKTCN ngày 10 tháng 01 năm 2019 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ĐLTV 22 LỜI GIỚI THIỆU Chương trình khung quốc gia nghề Lập trình viên máy tính 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 22: 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 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Ề ỨNG DỤNG WEB Lịch sử phát triển ứng dụng Web Web container thành phần ứng dụng web 2.1 Khái quát web Container: 2.2 Các thành phần ứng dụng web 11 Cấu trúc file WAR 13 3.1 Khái niệm File WAR 13 3.2 Cấu trúc thư mục file *.WAR 14 Cấu hình ứng dụng Web 16 4.1 Mơ hình Web Container 17 4.2 Các bước phát triển triển khai ứng dụng Web 18 Quy trình xây dựng Web .20 BÀI 2: NGƠN NGỮ LẬP TRÌNH WEB 22 Giới thiệu 22 1.1 Giới thiệu ngôn ngữ lập trình web 22 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 25 Cấu trúc cú pháp ngơn ngữ lập trình web 28 2.1 Các cấu trúc lệnh 28 2.2 Các kiện xử lý kiện 37 Lập trình kết nối liệu 43 3.1 Quy trình lập trình kết nối liệu 43 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ê… 46 Framework hỗ trợ phát riển ứng dụng web 50 BÀI 3: MƠ HÌNH MVC CHO TRIỂN KHAI ỨNG DỤNG WEB 55 Khái niệm 55 1.1 Nguồn gốc ASP.NET MVC: 55 1.2 Khái niệm MVC ASP.NET 55 1.3 Mơ hình MVC JAVA: 56 Triển khai mô hình MVC 57 2.1 Cài đặt IIS 7.0 window 57 2.2 Ánh xạ ứng dụng web asp.net MVC 59 Làm việc với Model 63 3.1 Khái niệm Model 63 3.2 Tạo Database: 63 Làm việc với View 65 4.1 Khái niệm View 65 4.2 Cách sử dụng Views: 66 Làm việc với Controller 68 5.1 Khái niệm Controller 68 5.2 Controller Actions 68 BÀI 4: CÁC ĐỐI TƯỢNG VÀ QUẢN LÝ TRẠNG THÁI 72 Đối tượng Request .72 Đối tượng Response 73 Đối tượng Server 76 ViewState 78 Session 80 Cookie .83 Application 86 BÀI 5: TRIỂN KHAI ỨNG DỤNG WEB 90 Giới thiệu 90 1.1 Sự đời web services 90 1.2 Vai trò đặc điểm web services 91 Quy trình triển khai quản lý ứng dụng web .91 2.1 XML - Extensible Markup Language 91 2.2 SOAP - Simple Object Access Protocol 91 2.3 VVSDL - Web Services Description Language 92 2.4 UDDI - Universal Description, Discovery, and Integration 92 Xây dựng quản lý services 92 TÀI LIỆU THAM KHẢO 100 GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Lập trình web Mã số mơ đun: MĐLTV22 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 ứng dụng Web Lịch sử phát triển ứng dụng Web Web container thành phần 15 10 ứng dụng web Cấu trúc file WAR Cấu hình ứng dụng Web Quy trình xây dựng Web 5 Bài 2: 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 3: Mơ hình MVC cho triển khai ứng dụng Web Khái niệm Triển khai mô hình MVC Làm việc với Model Làm việc với View Làm việc với Controller Bài 4: 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 5: 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 30 15 14 25 20 30 26 19 17 87 120 29 BÀI 1: TỔNG QUAN VỀ ỨNG DỤNG WEB Mã bài: MĐLTV22-01 Giới thiệu: Chúng ta quen thuộc với việc gõ lên URL hình Internet Explorer (IE), Firefox, Chrome dịng chữ: http://www.blah blah…com Từ “Web” mà tìm hiểu tên gọi tắt “World Wide Web” (chính chữ www nhìn thấy URL bên trên) Khi mạng máy tính tồn cầu internet đời, mở môi trường mạng lưới ảo kết nối máy tính (như mạng nhện – web) Trong đó, tất máy tính trở thành đầu mút kết nối lẫn nhau, đầu mút chia sẻ thông tin, tài liệu mà lưu trữ để tất đầu mút khác truy cập ngược lại Khi ta kết nối máy tính vào đầu mút nào, ta tiếp cận thơng tin tất nơi khác mạng lưới Cùng với phát triển không ngừng, theo thời gian tất máy tính kết nối mạng lưới phân hóa theo mục đích chun biệt: - Server: có dung lượng lưu trữ lớn cấu hình mạnh nhằm mục tiêu chia sẻ thơng tin - Client/Workstation: máy tính cá nhân/thiết bị kết nối internet, nhằm mục đích truy cập thơng tin từ nơi khác chia sẻ lượng nhỏ thơng tin Mục tiêu học: - Trình bày vai trò tác dụng, phát triển ứng dụng web - Trình bày thành phần, quy tình xây dựng ứng dụng Web - Trình bày thực cấu hình ứng dụng Web - Thiết kế giao diện web - Trình bày ưu nhược điểm số ngơn ngữ lập trình Web Nội dung chính: Lịch sử phát triển ứng dụng Web Ngày nay, Internet trở thành phần quan trọng sống người hầu hết quốc gia tiến Trong mười năm qua, đối tượng sử dụng lợi ích Internet hàng ngày vượt 50 triệu người dùng tiếp tục tăng Các ứng dụng phần mềm hệ thống thông tin đại đạt đến mức độ phát triển đến mức thuật ngữ kiến trúc trực tuyến mà áp dụng cho chúng dường khơng cịn tồn Tạo hệ thống thông tin hoạt động hiệu đáng tin cậy từ đầu không dễ xây dựng xây dựng tòa nhà đa chức đại Do đó, thuật ngữ kiến trúc ứng dụng web Trong nhiều nhà phát triển đại cố gắng học cách thiết kế ứng dụng web hấp dẫn có lợi so với nhà phát triển khác, điều quan trọng làm bật lợi ứng dụng đó: Các ứng dụng web có giá phải dễ cài đặt Bằng cách sử dụng ứng dụng vậy, doanh nghiệp giảm chi phí trì phận CNTT chịu trách nhiệm cài đặt phần mềm bảo trì phần mềm Cập nhật ứng dụng web phức tạp tốn Chi phí bảo trì phần mềm ln viết thiết yếu chi tiêu cho công ty Một ứng dụng web phải cập nhật máy chủ, từ người làm việc với phiên Các ứng dụng web linh hoạt thiết thực cho người dùng cuối Yêu cầu cài đặt ứng dụng web máy chủ hỗ trợ HĐH đại (Mac OS, Windows, Linux, v.v.) sử dụng ứng dụng qua Internet máy tính thiết bị di động Các ứng dụng web tăng cường tổ chức lưu trữ liệu Nếu có nhu cầu hoạt động với liệu từ vị trí khác nhau, việc tổ chức lưu trữ nơi cụ thể đơn giản nhiều Nó loại bỏ nhu cầu đồng hóa tăng tính bảo mật thơng tin có giá trị Với tất lợi này, nhà phát triển khao khát phải đối mặt với thách thức liên quan đến việc xây dựng ứng dụng web - loại thành phần kiến trúc ứng dụng web sử dụng Cùng với phát triển mạnh mẽ công nghệ thông tin, đặc biệt phát triển hệ thống mạng intranet, internet Trong lĩnh vực ngày : thương mại, y tế, giáo dục , nhu cầu trao đổi thông tin thực cần thiết, giúp cho cơng việc triển khai nhanh , xác, dễ dàng tiết kiệm chi phí, thơng tin cập nhật kịp thời Do vấn đề đặt cần phải có ứng dụng cho phép trao đổi thông tin lúc, nơi, dễ sử dụng, thông qua mạng Ứng dụng Web đáp ứng yêu cầu đặt sau lý phải sử dụng Web : - Dễ dàng trao đổi chia thông tin thông tin qua mạng - Sử dụng giao diện đồ họa giúp cho người dùng dễ sử dụng - Hỗ trợ multimedia : hình ảnh , âm thanh, phim ảnh, - Hỗ trợ nhiều chương trình(web-browser) để truy cập Web - Hỗ trợ truy cập web thiết bị động: PocketPC, SmartPhone, - Hỗ trợ nhiều ngôn ngữ để phát triển Web: ASP, ASP.NET, JSP, PHP + Web client (Browser) Máy khách(Client) sử dụng chương trình để truy cập đến trang web gọi trình duyệt web hay browser Hiện có nhiều trình duyệt web : Internet Explorer , Nescape, Mozila FireFox, + Web server Các máy chủ(Server) chứa ứng dụng Web, sẳn sàng truy xuất trang web hay tài liệu gửi cho client nhận yêu cầu từ phía Client Hiện có nhiều Web server chạy nhiều hệ thống : Apache, Microsoft,Sun, + Giao thức HTTP Quá trình giao tiếp client server thực thơng qua giao thức chuẩn HTTP(HyperText Transfer Protocol).Hình minh họa sau mô tả việc truy cập ứng dụng Web Hình 1.1: Minh họa truy cập ứng dụng Web - Web phát triển mơ hình client-server - Giao thức HTTP: Quá trình giao tiếp client server thực thông qua giao thức chuẩn HTTP(HyperText Transfer Protocol) - Mơ hình gồm hai thành phần là: máy khách(client) máy phục vụ(server) Máy phục vụ(server) chứa ứng dụng Web ứng dụng Web quản lý tập trung trình quản lý gọi Web Server (IIS, ) Các máy khách(client) truy cập đến ứng dụng web sử dụng trình duyệt web(browser) - Client sử dụng giao thức HTTP Request để gửi yêu cầu(trang web) lên Server, Server xử lý sử dụng giao thức HTTP Response để gửi kết cho Client Web container thành phần ứng dụng web 2.1 Khái quát web Container: Servlet khơng có phương thức main() Nó điều khiển Java app gọi Container Tomcat mọt ví dụ thể container Khi ứng dụng web server (Ví dụ: Apache) nhận request cho servlet, server người điều hành request khơng phải thân servlet Container nơi servlet triển khai (deployed) Chính container đưa cho sevlet HTTP request response container gọi phương thức servlet doget(), dopost() Container mang đến lợi ích sau: 86 Gọi thực thi lại trang CookieExample.aspx lần thứ hai trở đi, kết hiển thị trang: Application Application Session hai đối tượng quan trọng ứng dụng web, giúp trang aspx liên kết trao đổi liệu cho Trong phần này, tìm hiểu sử dụng hai đối tượng ứng dụng 87 Hình 4.5 Minh hoạ quan hệ đối tượng Session Appliaction Đối tượng Application sử dụng để quản lý tất thông tin ứng dụng web Thông tin lưu trữ đối tượng Application xử lý trang aspx suốt chu kỳ sống ứng dụng + Sử dụng biến Application Tạo biến Application Application["Tên biến"] = Lấy giá trị từ biến Application = Application["Tên biến"] Ví dụ: Application.Lock() Application["SoLanTruyCap"] = Application["SoNguoiOnLine"] = Application.UnLock() Chú ý: Do thời điểm có nhiều người lúc truy cập thay đổi giá trị thông tin lưu đối tượng Application, nên sử dụng lệnh Lock UnLock trước sau cập nhật giá trị biến Application Biến Application sử dụng trang trì suốt chu kỳ sống ứng dụng + Thí dụ minh họa sử dụng biến Application Tạo ứng dụng Web gồm trang ASP.Net sau : Hình 4.6: Thiết kế trang SuDungApplication.aspx Xử lý kiện trang SuDungApplication.aspx public partial class SuDungApplication : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e){ } protected void btnXemHoTen_Click(object sender, EventArgs e) { //Khai báo biến ứng dụng 88 Application["HoTen"] = txtHoTen.Text; Response.Redirect("~/LayGiaTri.aspx"); } } Tạo trang LayGiaTri.aspx viết lệnh xử lý kiện sau : public partial class LayGiaTri : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string s = Application["HoTen"].ToString(); Response.Write("Tên bạn : "+s); } } Kết thực hiện: Hình 4.7.Trang sử dụng Application.aspx Bài tập thực hành học sinh, sinh viên: Bài 1: Thực hành lại tập thí dụ học, hiệu chỉnh lại theo ý học viên Bài 2: Đọc giải thích nội dung Phần mã lệnh trang SessionEx1.aspx