Machine Translated by Google HTML Trần Thị Trường Thi Khoa Công nghệ Thông tin Đại học Hoa Sen E: thi.vn M: +0825825084 1 / 239 Machine Translated by Google Giới thiệu Hiển thị trang web bằng HTML Cấu trúc cơ bản của một trang HTML Làm việc với HTML Tiêu đề HTML Danh sách Hình thức Loại đầu vào HTML 2 / 239 Machine Translated by Google Giới thiệu 3 / 239 Machine Translated by Google Giới thiệu (Tiếp) Một ngôn ngữ đánh dấu: Cho phép bạn tạo các trang web hấp dẫn và tương tác. Cung cấp một cách để mô tả cấu trúc của một trang Web. Chỉ định mã dưới dạng thẻ để xác định, xử lý và trình bày văn bản trên các trang Web. Các trang Web có thể thuộc các loại sau: Tĩnh Động 4 / 239 Machine Translated by Google Tạo trang web HTML HTML là ngôn ngữ đánh dấu tiêu chuẩn được sử dụng để tạo các trang web và ứng dụng web.
Các phần tử của nó tạo thành các khối xây dựng của trang, đại diện cho văn bản được định dạng, hình ảnh, đầu vào biểu mẫu và các cấu trúc khác HTML là ngôn ngữ thẻ Thẻ mở / Thẻ đóng: <tenthe>…. </h2> HTML Editor: Notepad Dreamweaver Mã studio trực quan Chất nhờn 5 / 239 Machine Translated by Google Cấu trúc cơ bản của một trang HTML Phần mở rộng tệp: * .htm Thẻ bao gồm: <! Doctype html> <html>… </html> <head>…. </head> <body>… </body> 6 / 239 Machine Translated by Google Làm việc với HTML Thẻ Heading <H1 />, <H2 />,. <H6 /> Thẻ Paragraph: <P />, <HR />, <BR/> Các thẻ danh sách <UL />: Một danh sách không có thứ tự.
Nó được sắp xếp bằng cách sử dụng các dấu đầu dòng thường <OL />: Một danh sách đã được sắp xếp. Nó sử dụng một số lược đồ để liệt kê danh sách Comments <! - chú thích -> 7 / 239 Machine Translated by Google Tiêu đề HTML 8 / 239 Machine Translated by Google 9 / 239 Machine Translated by Google Danh sách <! DOCTYPE html> <! DOCTYPE html> <html> <html> <head> <head> <title> List </title> <title> List </title> </head> </head> <body> <body> <ol> <ul> <li> C # </ <li> C # </ li> <li> HTML </ li> <li> HTML </ li> <li> PHP </ li> <li> PHP </ li> <li> Java </li> li> <li> Java </li> </ol> </ ul> </body> </body> </html> </html> 10 / 239 Machine Translated by Google Div / Span Bố cục: - Chỉ định cách các phần tử hoặc nội dung khác nhau sẽ được hiển thị trên trang Web. - Được xác định bằng cách sử dụng các thẻ sau: DIV SPAN 11 / 239 Machine Translated by Google 12 / 239 Machine Translated by Google Các loại đầu vào HTML <input type = "button"> <input type = "password"> <input type = "checkbox"> <input type = "radio"> <input type = "color"> <input type = "range"> <input type = "date"> <input type = "reset"> <input type = "datetime-local"> <input type = "search"> <input type = "email"> <input type = "submit"> <input type = "file"> <input type = "tel"> <input type = "hidden"> <input type = "text"> <input type = "image"> <input type = "time"> <input type = "month"> <input type = "url"> <input type = "number"> <input type = "week"> 13 / 239 Machine Translated by Google <form> <div> <label for = "exampleInputEmail1" > Địa chỉ email </label> </div> <div> <input type = "email" > </div> <div> <label for = "exampleInputPassword1" > Mật khẩu </label> </div> <div> <input type = "password" id = "exampleInputPassword1"> </div> <div > <input type = "checkbox" id = "exampleCheck1"> </div> <div> <label for = "exampleCheck1"> Kiểm tra tôi </label> </div> <button type = "submit" > Gửi </button> </form> 14 / 239 Machine Translated by Google <h1> Danh sách thả xuống </h1> <biểu mẫu> <div> Chọn ví dụ </div> <div> <select > <option đã chọn> Mở menu chọn này </option> <option value = "1"> Một </option> <option value = "2"> Hai < / option> <option value = "3"> Ba </option> </select> </div> </form> 15 / 239 Machine Translated by Google <h1> Hộp kiểm </h1> <div > <label for = "flexCheckDefault"> Hộp kiểm mặc định </ label> <input type = "checkbox" id = "flexCheckDefault"> </div> </div> <h1> Radio </h1> <div> <label for = "flexRadioDefault"> Radio mặc định </label> <input type = "radio" id = "flexRadioDefault"> </div> </div> <div > < label for = "flexRadioSelect"> Đài đã chọn </label> <input type = "radio" id = "flexRadioSelect" đã chọn> </div> </div> 16 / 239 Machine Translated by Google Bàn Các bảng HTML cho phép các nhà phát triển web sắp xếp dữ liệu thành các hàng và cột. Thẻ: <table>, <thead>, <tbody>, <tr>, <td>, <th> Một số thuộc tính: rowspan, colspan 17 / 239 Machine Translated by Google <! DOCTYPE html> <html> <head> <title> Vi du bang trong HTML </title> </head> <body> <table border = "1"> <tr> <td> Hàng 1, Cột 1 </td> <td> Hàng 1, Cột 2 </td> </ tr> <tr> <td> Hàng 2, Cột 1 </td> <td> Hàng 2, Cột 2 </td> </ tr> </table> </body> </html> 18 / 239 Machine Translated by Google Hoạt động - 01 19 / 239 Machine Translated by Google Hoạt động - 02 20 / 239 Machine Translated by Google Người giới thiệu Pro-ASP-NET-MVC-5, Apress Thực hành với ASP.NET MVC, Rahul Sahay https://www.com/ 21 / 239 Machine Translated by Google Giới thiệu ASP.NET Trần Thị Trường Thi Khoa Công nghệ Thông tin Đại học Hoa Sen E: thi.vn M: +0825825084 22 / 239 Machine Translated by Google Giới thiệu về .NET Nền tảng chéo .NET so với .NET Framework cho các ứng dụng máy chủ Sơ đồ công cụ Giới thiệu về ASP.NET Core ASP.NET Core MVC 23 / 239 Machine Translated by Google Giới thiệu về .NET LÀ NỀN TẢNG PHÁT TRIỂN NGUỒN MỞ, MIỄN PHÍ ĐỂ XÂY DỰNG NHIỀU LOẠI ỨNG DỤNG, NHƯ: Ứng dụng web, API web và Internet vạn vật (IoT) microservices Máy học Các chức năng không cần máy chủ trên đám mây Ứng dụng bảng điều khiển Ứng dụng gốc trên đám mây Dịch vụ Windows Ứng dụng di động Ứng dụng dành cho máy tính để bàn Windows WPF Biểu mẫu Windows Nền tảng Windows phổ quát (UWP) 24 / 239 Machine Translated by Google Nền tảng chéo Bạn có thể tạo ứng dụng .NET cho nhiều hệ điều hành, bao gồm: Windows macOS Linux Android iOS tvOS watchOS 25 / 239 Machine Translated by Google .NET so với .NET Framework cho ứng dụng máy chủ 26 / 239 Machine Translated by Google .NET so với .NET Framework cho ứng dụng máy chủ (Tiếp) Sử dụng .NET cho ứng dụng máy chủ của bạn khi: Bạn có nhu cầu đa nền tảng.
Bạn đang nhắm mục tiêu đến các dịch vụ vi mô. Bạn đang sử dụng vùng chứa Docker. Bạn cần các hệ thống có hiệu suất cao và có khả năng mở rộng. Bạn cần các phiên bản .NET song song cho mỗi ứng dụng.
27 / 239 Machine Translated by Google .NET so với .NET Framework cho ứng dụng máy chủ (Tiếp) Sử dụng .NET Framework cho ứng dụng máy chủ của bạn khi: Ứng dụng của bạn hiện đang sử dụng. Ứng dụng của bạn sử dụng thư viện của bên thứ ba hoặc các gói NuGet không có sẵn cho. Ứng dụng của bạn sử dụng các công nghệ .NET Framework không có sẵn cho. Ứng dụng của bạn sử dụng nền tảng không hỗ trợ.
28 / 239 Machine Translated by Google Toolchaine .Net Core Toolchaine .Net Framework CoreCLR - linux, macos, windows 29 / 239 Machine Translated by Google Phát triển web Ứng dụng web là các chương trình có thể được thực thi trên máy chủ Web và được truy cập từ trình duyệt Web Một ứng dụng Web có thể được tạo động bằng cách sử dụng các tập lệnh phía máy chủ và phía máy khách Tập lệnh phía máy chủ được thực thi trên máy chủ Web. Tập lệnh phía máy khách: - Giúp giảm lưu lượng mạng vì nó không cần tương tác với máy chủ Web để cung cấp phản hồi động đối với đầu vào của người dùng. - Tăng tốc thời gian phản hồi của ứng dụng Web. - Các ngôn ngữ kịch bản như VBScript và JavaScript được sử dụng để viết các tập lệnh phía máy khách 30 / 239 Machine Translated by Google Hình sau cho thấy hoạt động của các tập lệnh phía máy chủ.
31 / 239 Machine Translated by Google Giới thiệu về ASP.NET Core ASP.NET Core là một mã nguồn mở đa nền tảng, hiệu suất cao khuôn khổ cho xây dựng các ứng dụng hiện đại, hỗ trợ đám mây, kết nối Internet.NET Core, bạn có thể: Xây dựng các ứng dụng và dịch vụ web, Internet of Things (IoT) ứng dụng và phụ trợ di động. Sử dụng các công cụ phát triển yêu thích của bạn trên Windows, macOS và Linux. Triển khai lên đám mây hoặc tại chỗ. 32 / 239 Machine Translated by Google 33 / 239 Machine Translated by Google Lợi ích cốt lõi của ASP.NET Một câu chuyện thống nhất để xây dựng giao diện người dùng Mã nguồn mở và tập trung vào cộng đồng.
web và API web. Tích hợp hiện đại, phía khách hàng Được kiến trúc để có thể kiểm tra. khuôn khổ và quy trình phát triển. Razor Pages tạo trang mã hóa các kịch bản tập trung dễ dàng hơn và Hỗ trợ lưu trữ các dịch vụ Cuộc gọi Thủ hiệu quả hơn.
tục Từ xa (RPC) sử dụng gRPC. Blazor cho phép bạn sử dụng C # trong trình Hệ thống cấu hình dựa trên duyệt cùng với JavaScript. Chia sẻ logic ứng dụng môi trường, sẵn sàng cho đám mây. phía máy chủ và phía máy khách, tất cả đều được viết bằng.
Chèn phụ thuộc tích hợp sẵn. Có khả năng phát triển và chạy trên Trọng lượng nhẹ, hiệu suất cao, và đường Windows, macOS và Linux. dẫn yêu cầu HTTP mô-đun. 34 / 239 Machine Translated by Google Lựa chọn khung 35 / 239 Machine Translated by Google Các nguyên tắc cơ bản cốt lõi của ASP.NET Khởi động tệp Program.cs Tiêm phụ thuộc Phần mềm trung gian Máy chủ và Máy chủ 36 / 239 Machine Translated by Google Tệp Program.cs Các ứng dụng ASP.NET Core được tạo bằng các mẫu web chứa mã khởi động ứng dụng trong tệp Program.cs Các dịch vụ theo yêu cầu của ứng dụng được định cấu hình.
Đường ống xử lý yêu cầu của ứng dụng được định nghĩa là một loạt phần mềm trung gian các thành phần. Mã khởi động hỗ trợ: Các trang dao cạo Bộ điều khiển MVC với các lượt xem Web API với bộ điều khiển 37 / 239 Machine Translated by Google 38 / 239 Machine Translated by Google Sự phụ thuộc (dịch vụ) ASP.NET Core bao gồm tiêm phụ thuộc (DI) giúp cung cấp các dịch vụ đã định cấu hình trong một ứng dụng. Các dịch vụ được thêm vào vùng chứa DI với WebApplicationBuilder. code thêm Razor Pages, bộ điều khiển MVC với lượt xem và DbContext tùy chỉnh đến Bộ chứa DI: 39 / 239 Machine Translated by Google Phần mềm trung gian Middleware là phần mềm được tập hợp thành một đường dẫn ứng dụng để xử lý các yêu cầu và phản hồi.
Mỗi thành phần: Lựa chọn có chuyển yêu cầu đến thành phần tiếp theo trong đường ống hay không. Có thể thực hiện công việc trước và sau thành phần tiếp theo trong đường ống.