Phần 1 của giáo trình Thiết kế web cung cấp cho học viên những nội dung về: tổng quan về ASP.NET và C#; cài đặt Web Server IIS; cài đặt Visual Studio 2010 Ultimate; điều khiển Web Server Control; các điều khiển Standar Web Server; điều khiển kiểm tra dữ liệu Validation;... Mời các bạn cùng tham khảo!
TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP QUẢNG NINH BỘ CÔNG THƯƠNG KHOA CÔNG NGHỆ THÔNG TIN TRƯỜNG QUẢNG NINH BỘĐẠI MÔNHỌC MẠNGCƠNG & CƠNGNGHIỆP NGHỆ PHẦN MỀM GIÁO TRÌNH THIẾT KẾ WEB DÙNG CHO TRÌNH ĐỘ ĐẠI HỌC BÀI GIẢNG THIẾT KẾ WEB QUẢNG NINH - 2019 MỤC LỤC CHƯƠNG 1: TỔNG QUAN VỀ ASP.NET VÀ C# 1.1 Sự đời NET .4 1.2 .NET FrameWork ? .4 1.3 Giới thiệu ASP.NET 1.4 Cài đặt Web Server IIS .7 1.5 Cài đặt Visual Studio 2010 Ultimate (trên Win 7) .12 1.6 Tạo ứng dụng Website 28 1.7 Phân loại tập tin ASP.NET 30 1.8 Trang ASP.NET 30 1.9 Điều khiển kiện trang ASP.NET 32 1.10 Cơ C# 32 CÂU HỎI ÔN TẬP CHƯƠNG 36 CHƯƠNG 2: ĐIỀU KHIỂN WEB SERVER CONTROL .37 2.1 Lý sử dụng điều khiển Web Server 37 2.2 Các điều khiển Standard Web Server 37 2.3 Điều khiển kiểm tra liệu Validation 42 2.4 Điều khiển FileUpload .54 CÂU HỎI ÔN TẬP CHƯƠNG 58 CHƯƠNG 3: TẠO VÀ SỬ DỤNG USER CUSTOM CONTROL (UCC) .61 3.1 Giới thiệu User Custom Control 61 3.2 Các bước tạo User Custom Control 61 3.3 Ví dụ minh họa tạo UCC 62 CÂU HỎI ÔN TẬP CHƯƠNG 66 CHƯƠNG 4: THIẾT KẾ WEBSITE VỚI MASTERPAGE 67 4.1 MasterPage gì? 67 4.2 Tạo MasterPage 67 CÂU HỎI ÔN TẬP CHƯƠNG 71 CHƯƠNG 5: ASP.NET VÀ CƠ SỞ DỮ LIỆU .72 5.1 Cơ sở liệu SQL Server 72 5.2 Các bước cần thực trước thao tác với sở liệu 78 5.3 Công nghệ ADO.NET 79 5.4 Các lớp thao tác với sở liệu SQL Server 2008 85 5.4.1 Lớp Connection 85 5.4.2 Lớp Command 88 5.4.3 Lớp DataReader 95 5.4.4 Lớp DataTable 98 5.4.5 Lớp DataSet 100 5.4.6 Lớp DataAdapter 100 5.5 Data Binding 103 5.5.1 Giới thiệu Data Binding 103 5.5.2 Dạng gắn kết liệu có lặp lại (Repeated Data Binding) 103 5.6 Các điều khiển Data Source 105 5.6.1 Giới thiệu Data Source Controls 105 5.6.2 Sử dụng SqlDataSource để chọn (select) liệu hiển thị thông qua điều khiển GridView 105 5.6.3 Sử dụng SqlDataSource để cập nhật, xóa liệu thông qua điều khiển GridView 108 5.7 Điều khiển GridView 112 5.7.1 Tổng quan GridView 112 5.7.2 Các mẫu hiển thị cho GridView 114 5.7.3 Tạo cột BoundField thủ công 115 5.8 Các điều khiển hỗ trợ Templates 117 5.8.1 Giới thiệu tổng quan 117 5.8.2 Ví dụ minh họa thiết kế Template cho GridView 118 BÀI TẬP CHƯƠNG 124 CHƯƠNG 6: XÂY DỰNG ỨNG DỤNG WEBSITE BẰNG ASP.NET 129 6.1 Giao diện phía trang chủ 129 6.2 Giao diện phía quản trị 129 6.3 Xây dựng trang đăng nhập 131 CHƯƠNG 1: TỔNG QUAN VỀ ASP.NET VÀ C# 1.1 Sự đời NET Trước ngày nay, lĩnh vực phát triển phần mềm có nhiều (hàng ngàn chí hàng vạn) ngơn ngữ lâp trình sử dụng để phát triển phần mềm (như Delphi, Ada, Cobol, Fortran, Basic, LISP, Prolog, Foxpro, Java, Pascal, C/C++, Visual Basic, VC++, C# ) Mỗi ngôn ngữ có ưu nhược điểm riêng, chẳng hạn Fortran lựa chọn số cho tính tốn khoa học; Prolog lựa chọn tốt để phát triển phần mềm thông minh (AI, Expert Systems…); Java có lợi phát triển ứng dụng mạng, ứng dụng Mobile độc lập hệ điều hành (Write One – Run Everywhere); Visual Basic tỏ dễ học dễ phát triển ứng dụng Winform; C# vượt trội kết hợp sức mạnh C++ dễ dàng Visual Basic… Những ưu điểm có tính đặc thù ngơn ngữ điều khẳng định Tuy nhiên, điều mà thấy rõ khó để tận dụng sức mạnh tất ngơn ngữ lập trình dự án phần mềm, chẳng hạn khó khăn để viết ứng dụng có sử dụng đồng thời ngôn ngữ Visual Basic Java hay Foxpro với Delphi v.v… Nói cách khác, việc “liên thông” ngôn ngữ gần Cũng khác biệt ngôn ngữ lập trình mà việc tiếp cận hay chuyển đổi sang ngơn ngữ lập trình tốn nhiều thời gian (tuy tư tưởng nguyên lý có tương tự nhau) Vì vậy, dự án sử dụng ngơn ngữ lập trình khác chi phí cho chuyển đổi/ học hỏi lớn, gây lãng phí thời gian khơng cần thiết chất lượng phần mềm chắn khơng cao Ngồi ra, với phát triển vũ bão Internet mơ hình phát triển ứng dụng khác xưa Các ứng dụng ngày không chạy riêng lẻ (stand-alone) máy tính PC mà cịn chạy môi trường mạng, cung cấp hay truy cập dịch vụ từ xa (ứng dụng phân tán) Vai trò phần mềm dần chuyển từ chỗ cung cấp chức (Funtional) cụ thể sang cung cấp dịch vụ (Services) Từ hạn chế trình phát triển phần mềm nêu, địi hỏi phải có cách tiếp cận cho tối ưu nhất, vừa đảm bảo tốn chi phí chuyển đổi vừa đảm bảo nhiều người tham gia dự án mà không thiết phải viết ngơn ngữ lập trình, đồng thời ứng dụng phải hoạt động tốt mơi trường mạng Internet Đó lý để Microsoft cho công nghệ phát triển phần mềm NET! Microsoft NET tảng (Platform) phát triển ứng dụng hoàn chỉnh từ trước tới Sự đời Microsoft.NET có tính cách mạng, đem đến cho nhà lập trình phong cách phát triển phần mềm đột phá, khắc phục hầu hết hạn chế trước ngơn ngữ lập trình Việc sử dụng NET khơng giúp phát triển ứng dụng đơn lẻ mà cịn phát triển ứng dụng phân tán qui mô lớn; NET làm giảm thiểu thời gian phát triển ứng dụng, nâng cao rõ rệt chất lượng sản phẩm phần mềm Phiên NET (v 1.0) Microsoft đưa thị trường vào năm 2001 1.2 .NET FrameWork ? NET Framework Microsoft tảng lập trình tập hợp thư viện lập trình cài thêm có sẵn hệ điều hành Windows Nó cung cấp giải pháp thiết yếu cho yêu cầu thơng thường chương trình điện tốn lập trình giao diện người dùng, truy cập liệu, kết nối sở liệu, ứng dụng web, giải thuật số học giao tiếp mạng Ngoài ra, NET Framework quản lý việc thực thi chương trình viết dựa NET Framework người dùng cần phải cài NET Framework để chạy chương trình viết NET Chẳng hạn, để thiết kế trị chơi đua xe, khơng có Framework chuyên dụng cho game, người lập trình game phải tự tạo ra: khung xe, bánh xe, người, đường đi, cây, biển báo tính đến chuyện “lắp ghép” chúng lại với để tạo không gian cho game; với dạng trò chơi này, dùng Framework có sẵn phát triển người lập trình viên cần viết lệnh để lấy chúng từ Framework ghép chúng lại Khơng phải ngơn ngữ lập trình khai thác Framework, muốn sử dụng “vật liệu” Framework, địi hỏi người lập trình viên phải dùng ngơn ngữ lập trình có hỗ trợ cơng nghệ NET VB.NET, C#.NET, ASP.NET Framework có thành phần là: Common Language Runtime (CLR) CLR thành phần kết nối phần khác NET Framework với hệ điều hành CLR chương trình viết NET, không biên dịch mã máy mà dịch ngơn ngữ trung gian Microsoft Intermediate Language (MSIL) Khi chạy chương trình, CLR dịch MSIL mã máy để thực thi tính năng, đảm bảo ứng dụng không chiếm dụng sử dụng tràn lan tài nguyên hệ thống Nó không cho phép lệnh nguy hiểm thi hành Các chức thực thi thành phần bên CLR Class loader, Just In Time compiler, Garbage collector, Exception handler, COM marshaller, Security engine, … Trong phiên hệ điều hành Windows XP.Net Windows 2003, CLR gắn kèm với hệ điều hành Điều đảm bảo ứng dụng viết máy tính bạn chạy máy tính khác mà khơng cần cài đặt NET Framework class library NET Framework class library cung cấp thư viện lập trình cho ứng dụng, sở liệu, dịch vụ web - Base class library – thư viện lớp sở Đây thư viện lớp nhất, dùng lập trình hay thân người xây dựng NET Framework phải dùng để xây dựng lớp cao Ví dụ lớp thư viện String, Interger, Exception, … - ADO.NET XLM Bộ thư viện gồm lớp dùng để xử lý liệu ADO.NET thay ADO để việc thao tác với liệu thông thường Các lớp đối tượng XML cung cấp để bạn xử lý liệu theo định dạng : XML Các ví dụ cho thư viện SqlDataAdapter, SqlCommand, DataSet, XMLReader, XMLWriter, … - ASP.NET Ứng dụng Web xây dựng ASP.NET tận dụng toàn khả NET Framework Bên cạnh phong cách lập trình mà Microsoft đặt cho tên gọi code behind Đây cách mà lập trình viên xây dựng ứng dụng Windows based thường sử dụng – giao diện lệnh tách tiêng Tuy nhiên, bạn quen với việc lập trình ứng dụng web, việc mà bạn giải phóng khỏi lệnh HTML Sự xuất ASP.NET làm cân xứng trình xây dựng ứng dụng Windows Web ASP.Net cung cấp Server Control để lập trình viên bắt kiện xử lý liệu ứng dụng làm việc với ứng dụng Windows Nó cho phép bạn chuyển ứng dụng trước viết chạy Windows thành ứng dụng Web dễ dàng Ví dụ cho lớp thư viện WebControl, HTML Control, … - Web services Web services dịch vụ cung cấp qua Web (hay Internet) Dịch vụ coi Web service không nhằm vào người dùng mà nhằm vào người xây dựng phần mềm Web services dùng để cung cấp liệu hay chức tính tốn - Windows form Bộ thư viện Windows form gồm lớp đối tượng dành cho việc xây dựng ứng dụng Windows based Việc xây dựng ứng dụng loại hỗ trợ tốt từ trước đến công cụ ngôn ngữ lập trình Microsoft Giờ đây, ứng dụng chạy Windows làm việc với ứng dụng Web dựa vào Web service Ví dụ lớp thư viện Form, UserControl, … 1.3 Giới thiệu ASP.NET ASP.NET công nghệ phát triển ứng dụng web, hệ ASP (Active Server Page – Trang web xử lý bên phía máy chủ) ASP.NET thành phần nội (có sẵn) NET Framework Vì tận dụng sức mạnh NET Framework ASP.NET có số ưu điểm chính: - Có thể sử dụng để phát triển ứng dụng web đủ kích cỡ, từ ứng dụng nhỏ ứng dụng toàn doanh nghiệp (Enterprise) - Ứng dụng viết ASP.NET dễ dàng tương thích với nhiều loại trình duyệt khác Nhà phát triển không cần phải quan tâm nhiều đến trình duyệt sử dụng để duyệt website, điều framework tự render mã tương ứng - Khi sử dụng IDE Visual Studio, cách thức lập trình giống hệt lập trình winform - Truy xuất liệu công nghệ ADO.NET có sẵn NET Framework - Chạy ứng dụng cực nhanh chế biên dịch Cached - Có thể tăng tốc ứng dụng cách Cache điều khiển, trang - Bảo mật vượt trội - Tốn dòng lệnh so với ASP/PHP/Perl thực cơng việc - Dễ dàng bảo trì dễ đọc Code Giao diện tách biệt Điều giúp cho tính chun biệt hóa cao (Một người lo code phần xử lý nghiệp vụ, người khác lo code phần giao diện v.v…) - ASP sử dụng ngơn ngữ lập trình VB.NET C# hai để phát triển ứng dụng * Môi trường phát triển ứng dụng ASP.NET - Mơi trường máy tính độc lập (một máy tính đóng vai trò Client đồng thời Server) Sinh viên sử dụng môi trường để phát triển ứng dụng ASP.NET - Môi trường mạng LAN - Môi trường mạng Internet * Phát triển ứng dụng ASP.NET cần cài đặt thành phần sau: - Bước 1: Cài đặt Web Server IIS (có sẵn HĐH Windows) - Bước 2: Cài đặt SQL Server 2008 Express (bản miễn phí) - Bước 3: Cài đặt Visual Studio 2010 (thông thường cài đặt Full cài Visual Studio 2010 có kèm theo cài đặt phần SQL Server 2008 Express, để sử dụng SQL Server 2008 Express cần tiến hành cài thêm SQL Server 2008 Express vào, không cần phải cài riêng bước 2) Các phần phía hướng dẫn thực Bước 1,3, Bước bao gồm Bước 1.4 Cài đặt Web Server IIS 1) Cài đặt IIS * Cài đặt Web Server IIS Windows 8.1 - Trên Charm chọn Search, gõ Programs and Features - Trong cửa sổ Programs and Features Click Turn Windows features on or off - Mở rộng Internet Information Service Trong có phần, bạn cần quan tâm Web Management Tools & World Wide Web Services Mở rộng nhánh tick chọn vào checkbox (Chú ý: nên chọn hết để sau khỏi công không chạy) - Nhấn OK chờ vài phút để hệ thống cập nhật lại Khởi động lại máy tính bạn cần 2) Kiểm tra kết cài đặt IIS - Bạn mở trình duyệt lên gõ: http://localhost http://127.0.0.1 Nếu trình duyệt xuất xin chúc mừng, bạn cài đặt thành cơng (Hình bên IIS 8.5 Windows 8.1, bạn khác chút) - Localhost địa máy cục mà bạn làm việc Nếu máy bạn kết nối vào mạng LAN có địa IP, bạn dùng địa thay cho localhost - Khi gõ //localhost, bạn thấy địa tự động đổi thành: http://localhost HTTP giao thức mặc định dùng Internet Vì HTTP giao thức thuộc TCP/IP, bạn cần có địa IP để máy tính khác mạng truy cập đến trang web bạn - Sau cài đặt Web Server, mặc định ổ đĩa C:\ có sẵn thư mục C:\inetpub\wwwroot Đây thư mục mà Web Server mặc định ánh xạ vào //localhost, đó, trang web đặt wwwroot truy cập máy tính khác 3) Cấu hình IIS Cấu hình IIS Windows 8.1 Mở Control Panel, chọn mục Administrative Tools, Click chọn Internet Information Services (IIS) Manager ==> Thêm trang khởi chạy cho ứng dụng Web, chẳng hạn ứng dụng ASP.NET thường có trang Default.aspx, muốn chạy ứng dụng Web trang chạy đầu tiên, tiến hành qua bước sau: - Click chọn tên Server hình server NGUYENNGOC - Click mục Default Document, cửa sổ Default Document, click chuột phải vào vùng trống, chọn Add { lblThongBao.Text = txtHoTen.Text; txtHoTen.Text = ""; } } 2) Điều khiển RangeValidator Ý nghĩa Bạn sử dụng RangeValidator để Kiểm tra giá trị nhập vào có nằm khoảng nhỏ lớn định trước hay không Cách sử dụng Bạn đưa điều khiển RangeValidator từ hộp ToolBox vào Form thiết lập cho số thuộc tính sau: - ControlToValidate: đến điều khiển cần kiểm tra - Text (ErrorMessage): Nội dung thông báo lỗi - MinimumValue: Giá trị nhỏ thiết lập cho đối tượng - MaximumValue: Giá trị lớn thiết lập cho đối tượng - Type: Kiểu so sánh, Có thể giá trị Interger,String, Double, Date Currency Ví dụ: thiết kế trang Default.aspx có nội dung sau: Trang Default.aspx cho phép người dùng nhập vào điểm nằm khoảng [0,10], điểm không khoảng hiển thị thông báo sau: Code: Trang Default.aspx Vào điểm: Điểm phải nằm khoảng từ đến 10 Code: Trang Default.aspx.cs using using using using using using System; System.Collections.Generic; System.Linq; System.Web; System.Web.UI; System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { lblThongBao.Text = "Điểm bạn vừa nhập là: " + txtDiem.Text; ; } } 3) Điều khiển RegularExpressionValidator Ý nghĩa Điều khiển RegularExpressionValidator cho phép bạn so sánh giá trị nhập trường Form với quy tắc định trước bạn sử dụng biểu thức quy tắc để đưa chuỗi mẫu email addresses, Social Security numbers, phone numbers, dates, currency, amounts, and product codes Cách sử dụng Bạn đưa điều khiển RegularExpressValidator vào Form thiết lập cho số thuộc tính sau: - ID: tên điều khiển - ControlToValidate: trỏ đến điều khiển cần kiểm tra - Text (ErrorMessage): nội dung thơng báo có lỗi - ValidatorExpression: quy định mẫu nhập liệu hòm thư, số điện thoại… Chú ý: Click vào nút “…” thuộc tính ValidatorExpression, hiển thị hộp thoại sau, chọn hình dưới: Ví dụ Sau ví dụ việc yêu cầu người sử dụng phải cập nhật địa hòm thư - Thiết kế trang Default.aspx có nội dung sau: Trang Default.aspx cho phép người dùng nhập vào định dạng địa email, địa email nhập vào không định dạng hiển thị thông báo sau: Code: Trang Default.aspx Email: Bạn nhập khơng định dạng hịm thư Code: Trang Default.aspx.cs using using using using using using System; System.Collections.Generic; System.Linq; System.Web; System.Web.UI; System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { lblThongBao.Text = "Email bạn vừa nhập là: " + txtEmail.Text; ; } } Bảng mô tả ký hiệu thường dùng Validation Expression Ký hiệu Mô tả A Ký tự chữ (đã xác định) chữ a thường Ký tự số (đã xác định) số [0-9] Một ký tự số từ đến [abc] Một ký tự: a b c | Lựa chọn mẫu mẫu khác \w \d \ \ ? * + Ký tự thay phải ký tự chữ Ký tự thay phải ký tự số Thể ký tự đặc biệt theo sau Ký tự thay phải dấu chấm câu (.) Quy định số lần xuất hiện: lần Quy định số lần xuất hiện: nhiều lần Quy định số lần xuất hiện: nhiều lần (ít 1) {n} Quy định số lần xuất hiện: n lần 4) Điều khiển CompareValidator Ý nghĩa Điều khiển CompareValidator có kiểu khác để kiểm tra giá trị nhập: - Sử dụng để kiểm tra kiểu liệu - Sử dụng để so sánh giá trị nhập với giá trị cố định - Sử dụng để so sánh giá trị nhập với giá trị điều khiển khác Form Cách sử dụng Bạn đưa điều khiển CompareValidator vào Form thiết lập cho số thuộc tính sau: - ControlToValidate: điểu khiển kiểm tra (VD TextBox: Nhập lại mật khẩu) - ControlToCompare: Điểu khiển dùng để so sánh giá trị (VD TextBox: Mật khẩu) - Text(ErrorMessage): hiển thị nội dung thơng báo lỗi kho có lỗi - Type: Kiểu giá trị so sánh - Operator: Tốn tử so sánh Có thể giá trị: DataTypeCheck, Equal, GreaterThan, GreaterThanEqual, LessThan, LessThanEqual, NotEqual Ví dụ: sau hướng đưa trường hợp với Form tạo tài khoản trang Web yêu cầu người đăng ký phải nhập mật lần - Thiết kế trang Default.aspx có nội dung sau - Trang Default.aspx yêu cầu người dùng nhập vào mật hộp văn phải giống nhau, nhập mật không giống hộp văn hiển thị thông báo sau: Code: trang Default.aspx Nhập mật khẩu: Nhập lại mật khẩu: Nhập mật lần phải giống nhau Code: trang Default.aspx.cs using using using using using using System; System.Collections.Generic; System.Linq; System.Web; System.Web.UI; System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { lblThongBao.Text = "Mật bạn vừa nhập là: " + txtMatKhau.Text; ; } } 5) Điều khiển ValidationSummary Ý nghĩa ValidationSummary cho phép bạn liệt kê tất các lỗi kiểm tra trang từ điều khiển Validator vào vị trí Điều khiển đặc biệt tiện ích với Form có độ rộng lớn Cách sử dụng Bạn đưa điều khiển ValidationSummary vào Form thiết lập cho số thuộc tính sau: - DisplayMode: Cho phép bạn rõ định dạng hiển thị lỗi, giá trị BulletList, List, SingleParagraph - HeaderText: Cho phép bạn hiển thị tiêu đề tóm tắt cho lỗi - ShowMessageBox: Cho thị popup thông báo - ShowSummary: Cho phép bạn ẩn ValidationSummary trang Ví dụ: - Thiết kế trang Default.aspx có nội dung sau: - Nếu người dùng khơng nhập vào hộp văn mà click vào nút “Accept”, trang Default.aspx hiển thị lỗi sau: Các bước thực - Thiết kế trang Default.aspx hình - Thiết lập thuộc tính sau cho điều khiển RequireFieldValidator thứ - Thiết lập thuộc tính sau cho điều khiển RequireFieldValidator thứ hai - Kéo điều khiển ValidationSummary không làm cả, điều khiển ValidationSummary tự tổng hợp thơng báo lỗi từ điều khiển RequireFieldValidator Thông báo lỗi hiển thị điều khiển ValidationSummary thông báo lấy từ thuộc tính ErrorMessage điều khiển RequireFieldValidator Code: trang Default.aspx CodeFile="Default.aspx.cs" Inherits="_Default" Họ tên: * (Yêu cầu) Email: * (Yêu cầu) Chú ý: Cũng với trên điều khiển ValidationSummary ta thiết lập thuộc tính ShowMessageBox True ShowSummary với giá trị False kết xuất ví dụ thay hiển thị danh sách lỗi Form hiển thị popup thông báo lỗi trang 2.4 Điều khiển FileUpload Cho phép người sử dụng Upload file từ vị trí (chẳng hạn ổ cứng) đến thư mục ứng dụng Website Ví dụ: có ứng dụng WebSach hình dưới, Upload file từ ổ cứng đến thư mục “Images” ứng dụng WebSach Khi ta sử dụng điều khiển FileUpload để thực công việc * Các thuộc tính điều khiển FileUpload - Enable: Cho phép bạn vơ hiệu hóa điều khiển FileUpload - FileBytes: Cho phép lấy nội dung file Upload mảng Byte - FileContent: Cho phép lấy nội dung file upload theo dòng liệu - FileName: Lấy tên file upload - HasFile: Trả giá trị File upload * Các phương thức điều khiển FileUpload - Focus: Chuyển Focus vào điều khiển - SaveAs: Lưu file upload lên hệ thống Ví dụ: Thiết kế trang Upload file hình - Khi người dùng nhấn nút “Browse…” hiển thị hộp thoại dưới: - Khi người dùng chọn file ảnh nhấn nút Open, có kết hình - Nếu người dùng nhấn nút Upload, file ảnh lưu vào thư mục “Images” ứng dụng Website, hiển thị thông báo hình Code: trang Default.aspx Chọn tập tin: & nbsp; Code: trang Default.aspx.cs using using using using using using System; System.Collections.Generic; System.Linq; System.Web; System.Web.UI; System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btlUpLoad_Click(object sender, EventArgs e) { string TenFileLayDuoc; //Tách lấy tên tập tin TenFileLayDuoc = FileUpload1.FileName; //Thực chép tập tin đến thư mục Images ứng dụng Website FileUpload1.SaveAs(MapPath("~/Images/" + TenFileLayDuoc)); lblThongBao.Text = "Đã Upload thành công"; } } CÂU HỎI ÔN TẬP CHƯƠNG Bài Xây dựng ứng dụng WebCaculator Yêu cầu - Tạo trang web “Default.aspx” thực việc tính tổng hình sau: - Sử dụng C# lấy thông tin hộp văn bản, thực tính tổng, hiển thị kết hộp văn “Tổng” người dùng nhấn nút “Tính tổng” Bài Xây dựng ứng dụng Max Yêu cầu - Tạo trang web “Default.aspx” thực việc tìm max số a b hình sau: - Sử dụng C# lấy thơng tin hộp văn bản, thực tìm max số a, b, người dùng click vào nút “Tìm số lớn nhất” , kết hiển thị hộp văn “Max” Bài Xây dựng ứng dụng SimpleMathematics Yêu cầu - Tạo trang web “Default.aspx” thực việc tính tốn hình sau: - Sử dụng C# lấy thông tin hộp văn bản, thực tính tổng, hiệu, tích, chia, người dùng click vào nút tương ứng hiển thị kết hộp văn “Kết quả” Bài Xây dựng trang “Default.aspx” sử dụng điều khiển Web Server Controls a) Yêu cầu - Tạo trang “Default.aspx”, trang dùng khách hàng đăng ký hồ sơ hình sau: + Trước đăng ký: + Nếu khơng nhập vào hộp văn mà nhấn vào nút “Đăng ký” hiển thị thơng tin u cầu người dùng nhập vào thơng tin cịn thiếu bên cạnh hộp văn hình sau: + Sau đăng ký: - Yêu cầu thiết kế: sử dụng điều khiển Web Server Controls - Yêu cầu xử lý C# nút “Đăng ký”: + Hộp văn không để trống click nút “Đăng ký” + Mật phải giống hộp văn nhập mật + Khi chọn, xuất hồ sơ khách hàng hình có định dạng hình cho Bài Xây dựng ứng dụng WebSach, trang Default.aspx ứng dụng thực chức cho phép người dùng chọn file ảnh máy tính, upload file ảnh đến thư mục “Images” ứng dụng WebSach hiển thị ảnh upload hình ... 10 8 5.7 Điều khiển GridView 11 2 5.7 .1 Tổng quan GridView 11 2 5.7.2 Các mẫu hiển thị cho GridView 11 4 5.7.3 Tạo cột BoundField thủ công 11 5... trợ Templates 11 7 5.8 .1 Giới thiệu tổng quan 11 7 5.8.2 Ví dụ minh họa thiết kế Template cho GridView 11 8 BÀI TẬP CHƯƠNG 12 4 CHƯƠNG 6: XÂY DỰNG ỨNG... 12 9 6 .1 Giao diện phía trang chủ 12 9 6.2 Giao diện phía quản trị 12 9 6.3 Xây dựng trang đăng nhập 13 1 CHƯƠNG 1: TỔNG QUAN VỀ ASP.NET VÀ C# 1. 1 Sự