Lập trình ứng dụng Web

với ASP.NET
1 Giảng viên: ThS. Nguyễn Sĩ Thiệu
Bộ môn Tin học TCKT – HVTC
Email: thieuns.hvtc@gmail.com
2 Nội dung
 Giới thiệu lập trình Web
 Giới thiệu ASP.NET
 Web Server chạy ASP.NET (IIS)
 ASP.NET WebForms

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

3 Tại sao nên học HTML, CSS, JS
 HTML: xương
 CSS: thịt
 JavaScript: hoạt động

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

4 Cần gì để lập trình Web trên Windows
 WebServer
➢ IIS
 Công nghệ lập trình
➢ ASP.NET
 Ngôn ngữ lập trình
➢ C#
 Cơ sở dữ liệu
➢ SQL Server

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

5 Giới thiệu ASP.NET (1)
◼ ASP.NET là gì?
➢ Active Server Page cho .NET Framework
➢ ASP.NET là một nền tảng ứng dụng web (web application framework)
➢ Được phát triển và cung cấp bởi Microsoft đầu năm 2002
➢ Cho phép viết mã ASP.NET với bất kỳ ngôn ngữ nào được hỗ trợ bởi
.NET Framework
➢ Cho phép người lập trình tạo ra những trang web động, những ứng
dụng Web và những dịch vụ web.
➢ Là kỹ thuật lập trình và phát triển ứng dụng web ở phía server
➢ Hỗ trợ mạnh lập trình hướng đối tượng

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

6 Giới thiệu ASP.NET (2)
 Hai công nghệ phát triển Web với ASP.NET hiện nay:
➢ ASP.NET WebForm
➢ ASP.NET MVC
 Phần mở rộng của tệp tin ASP.NET là .aspx
 Phương pháp làm việc trên mạng:
➢ Kiểu mẫu Request/Response
➢ Kiểu mẫu Event-Driven

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

7 Kiểu mẫu Request/Response
 Là toàn bộ phương pháp làm việc theo kiểu Client/Server
 Server là máy vi tính lưu trữ thông tin trong mạng trong đó có hình
ảnh, video, những trang HTML hay ASPX
 Client là máy vi tính được dùng để mở hoặc tải những dữ liệu đó về
 Bốn bước thực hiện:
➢ Client (thông qua trình duyệt) xác định vị trí của Web Server qua URL
➢ Client sẽ yêu cầu được xem một trang trong mạng đó
➢ Server đáp ứng bằng cách hoàn trả dữ liệu mà Client đã yêu cầu trước
đây
➢ Client nhận được dữ liệu gửi về và hiển thị trong trình duyệt của mình

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

8 Quá trình xử lý tập tin ASPX
◼ Khi web Server nhận được
yêu cầu từ client
❑ Tìm kiếm tệp tin được yêu
cầu thông qua URL
❑ Tiến hành xử lý theo sơ đồ:

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

9 Kiểu mẫu Event-Driven
 Server sẽ không chờ Client yêu cầu
 Server đã bố trí và kế hoạch sẵn trước tất cả mọi tình huống

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

10 Web Server chạy ASP.NET (IIS)

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

11 Web Server chạy ASP.NET (IIS)
 IIS (Internet Information Services) là dịch vụ dành cho máy
chủ chạy trên nền hệ điều hành Windows
 Các công việc chính của IIS:
➢ Xuất bản một Website trên Internet
➢ Tạo ra các giao dịch thương mại điện tử
➢ Chia sẻ file dữ liệu thông qua giao thức TCP
➢ Cho phép người ở xa có thể truy xuất Database
 Cài đặt và cấu hình IIS

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

12 Cài đặt IIS
 Cài đặt web server trên
Windows 10
➢ B1: Vào Settings/ Apps/
Programs and Features/ Turn
Windows features on or off
➢ B2: Đánh dấu vào nút
Internet Information Service
(IIS)
➢ B3: Kích chọn tất cả chi tiết
các mục con
➢ B4: Chọn OK

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

13 Kiểm tra cài đặt
 Để kiểm tra việc cài đặt thành công
➢ C1: Gõ http://localhost tại trình duyệt web
➢ C2: Gõ http://127.0.0.1 tại trình duyệt web
➢ C3: Gõ IP của máy tại trình duyệt web
➢ C4: Kiểm tra thư mực c:\inetpub\wwwroot

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

14 Cấu hình Web server
 Để cấu hình web server:
➢ C1: Vào Start menu=>Windows Administrative Tools=> Internet
Information Services (IIS) Manager
➢ C2: Start => Run => gõ : inetmgr

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

15 Cấu hình Web server

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

16 Cài đặt và cấu hình IIS trên Windows 10
 Video tham khảo: (Search Google)
 http://www.youtube.com/watch?v=DjAaC9JdFvE
 http://cione.com.vn/Videos/88/huong-dan-cai-iis---window-7,-
window-vista
 Cấu hình: http://www.youtube.com/watch?v=DowuGn9qf1M

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

17 ASP.NET WebForms
 Từ năm 2002 có hàng triệu ứng dụng Web được tạo ra từ ASP.NET
WebForms
 Sử dụng các control để thiết kế và lập trình
 Tách code và giao diện riêng biệt
 Quản lý trạng thái của control thông qua các sự kiện
 Ưu điểm:
➢ Không đòi hỏi phải nhớ các thẻ HTML, thiết kế Web
➢ Dễ phát triển (giống WinForms)
 Nhược điểm:
➢ Chạy chậm do các sự kiện của các control được quản lý bởi webserver
➢ Không chuyên biệt hóa công việc

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

18 Sử dụng thẻ loại ASP.NET server control
 Cú pháp tạo phần tử ASP.NET server control
<asp: Loại_Thẻ thuộc_tính = “giá trị” …. runat = “server”>
</asp: Loại_Thẻ>

➢ Trong đó asp: là bắt buộc, Loại_Thẻ có thể là button, textbox, calendar,

select, treeview, adRotator, listview, gridview, image,….
 Ví dụ:
<asp:TextBox Id="txtHVT" runat="server"> </asp:TextBox>
<asp:Button Id="btnSave" Text = “Ghi" runat="server">
</asp:Button>
<asp:Calendar Id="cal" runat="server" BorderColor="Blue">
</asp:Calendar>

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

19 Ví dụ
 Tạo một Project Web trong Visual Studio
 Viết trang tính tổng
 Viết trang giải phương trình bậc hai
 Lưu ý việc xử lý tính toán trên Server, sau đó gửi kết quả về
cho Client dưới dạng HTML

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

20 Tạo một Project Web mới

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

21 Tạo một Project WebForm mới

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

22 Thêm một trang WebForm

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

23 Các chế độ làm việc với giao diện

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

24 Tệp Code

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

25 Thiết lập trang chạy đầu tiên
 Click chuột phải lên trang
 Chọn: Set As Start Page

Nguyễn Sĩ Thiệu - BM Tin học TCKT - HVTC Tháng 8/2021

26