Các giải pháp lập trình CSharp- P25 ppt

241 Chương 7: ASP.NET và Web Form } } private void cmdGetData_Click(object sender, System.EventArgs e) { lblData.Text = ""; // Kiểm tra thông tin trong view state. if (ViewState["TestData"] != null) { DateTime data = (DateTime)ViewState["TestData"]; lblData.Text += "<b>View state data:</b> " + data.ToString() + "<br>"; }else { lblData.Text += "No view state data found.<br>"; } // Kiểm tra thông tin trong session state. if (Session["TestData"] != null) { DateTime data = (DateTime)Session["TestData"]; lblData.Text += "<b>Session state data:</b> " + data.ToString() + "<br>"; }else { lblData.Text += "No session data found.<br>"; } // Kiểm tra thông tin trong cookie tùy biến. HttpCookie cookie = Request.Cookies["07-02"]; if (cookie != null) { string cookieData = (string)cookie["TestData"]; lblData.Text += "<b>Cookie data:</b> " + 242 Chương 7: ASP.NET và Web Form cookieData + "<br>"; }else { lblData.Text += "No cookie data found.<br>"; } } private void cmdClear_Click(object sender, System.EventArgs e) { ViewState["TestData"] = null; Session["TestData"] = null; // (Bạn cũng có thể sử dụng Session.Abandon để xóa tất cả // thông tin trong session state.) // Để xóa cookie, bạn phải thay nó thành // một cookie đã vượt quá ngày hết hiệu lực. HttpCookie cookie = new HttpCookie("07-02"); cookie.Expires = DateTime.Now.AddDays(-1); Response.Cookies.Add(cookie); } } Một kiểu trạng thái mà trang này không thể hiện là query string (chuỗi truy vấn). Query string đòi hỏi một chuyển hướng trang, lý tưởng cho việc chuyển thông tin từ trang này đến trang khác. Để thiết lập thông tin, bạn phải chuyển hướng người dùng đến một trang mới và thêm các đối số query string vào cuối URL. Bạn có thể sử dụng phương thức HttpServerUtility.UrlEncode và UrlDecode để bảo đảm dữ liệu chuỗi là URL hợp lệ. DateTime now = DateTime.Now; string data = Server.UrlEncode(now.ToString()); Response.Redirect("newPage.aspx?TestData=" + data); Để lấy thông tin này, bạn có thể sử dụng tập hợp HttpResponse.QueryString : // Kiểm tra thông tin trong query string. if (Request.QueryString["TestData"] != null) { string data = Request.QueryString["TestData"]; data = Server.UrlDecode(data); 243 Chương 7: ASP.NET và Web Form lblData.Text += "<b>Found query string data:</b> " + data + "<br>"; } 3. 3. T o các bi n thành viên có tr ng thái cho trangạ ế ạ T o các bi n thành viên có tr ng thái cho trangạ ế ạ   Bạn cần tạo các biến thành viên trong lớp trang và bảo đảm các giá trị của chúng được giữ lại khi trang được post-back.   Phản ứng với sự kiện Page.PreRender , và ghi tất cả các biến thành viên vào view state . Phản ứng với sự kiện Page.Load , và lấy tất cả các giá trị của các biến thành viên từ view state . Phần mã còn lại của bạn giờ đây có thể tương tác với các biến này mà không phải lo lắng các vấn đề về trạng thái. ASP.NET cung cấp nhiều cơ chế trạng thái, như đã được mô tả trong mục 7.2. Tuy nhiên, bạn không thể sử dụng chúng một cách tự động—tất cả đều đòi hỏi một đoạn mã để đặt thông tin vào và lấy thông tin ra. Bạn có thể thực hiện các công việc này một lần. Khi đó, phần mã còn lại của bạn có thể tương tác trực tiếp với biến thành viên. Để cách tiếp cận này có thể làm việc được, bạn cần đọc các giá trị của biến vào đầu mỗi postback. Sự kiện Page.Load là một chọn lựa lý tưởng cho đoạn mã này vì nó luôn phát sinh trước bất cứ sự kiện điều khiển nào khác. Bạn có thể sử dụng phương thức thụ lý sự kiện Page.Load để khởi dựng tất cả các biến. Ngoài ra, bạn cần lưu trữ tất cả các biến trước khi trang được gửi cho người dùng, sau khi tất cả việc xử lý đã hoàn tất. Trong trường hợp này, bạn có thể đáp ứng cho sự kiện Page.PreRender , vì sự kiện này phát sinh sau tất cả các phương thức thụ lý sự kiện khác, chỉ trước khi trang được chuyển thành HTML và gửi cho client. Trang ví dụ sau đây trình bày cách duy trì một biến thành viên của trang có tên là memberValue : using System; using System.Web; using System.Web.UI.WebControls; public class StatefulMembers : System.Web.UI.Page { // (Bỏ qua phần mã designer.) private int memberValue = 0; private void Page_Load(object sender, System.EventArgs e) { // Nạp lại tất cả các biến thành viên. if (ViewState["memberValue"] != null) { memberValue = (int)ViewState["memberValue"]; 244 Chương 7: ASP.NET và Web Form } } private void StatefulMembers_PreRender(object sender, System.EventArgs e) { // Lưu tất cả các biến thành viên. ViewState["memberValue"] = memberValue; // Hiển thị giá trị. lblCurrent.Text = memberValue.ToString(); } // (Các phương thức thụ lý sự kiện khác giờ đây // có thể làm việc trực tiếp với memberValue.) } 4. 4. Đáp ng các s ki n phía client v i JavaScriptứ ự ệ ớ Đáp ng các s ki n phía client v i JavaScriptứ ự ệ ớ   Bạn cần thêm mã JavaScript vào một Web Form .   Định nghĩa hàm JavaScript trong một chuỗi, và sử dụng phương thức Page.RegisterClientScriptBlock để chèn hàm JavaScript vào trang được trả về. Khi đó, bạn có thể thêm các đặc tính điều khiển để gọi các hàm này. ASP.NET là một mô hình lập trình đa năng. Đáng tiếc, một khi trang đã được trả về dạng HTML, bạn không thể thực thi bất kỳ mã .NET nào nữa mà không phải phát sinh postback đến server. Hạn chế này làm giảm tính hiệu quả của các trang web có tính tương tác (chẳng hạn, xác nhận tính hợp lệ của đầu vào). Dĩ nhiên, không có lý do gì khiến bạn không thể trộn chức năng JavaScript phía client vào mã .NET. Mặc dù .NET không chứa bất kỳ giao diện đối tượng nào để tạo JavaScript, nhưng bạn có thể chèn nó vào trang bằng tay. Có một cách để thực hiện việc này là thiết lập đặc tính điều khiển. Ví dụ, TextBox dưới đây sẽ hiển thị một MessageBox khi nó mất focus: TextBox1.Attributes.Add("onBlur", "alert('The TextBox has lost focus!');"); Thẻ TextBox sẽ được trả về dạng HTML như sau: <input name="TextBox1" type="text" id="TextBox1" onBlur="alert('The text box has lost focus!');" /> 245 Chương 7: ASP.NET và Web Form Trong trường hợp này, bạn sử dụng hàm JavaScript alert (nội tại) và sự kiện JavaScript onBlur (phát sinh khi một điều kiểm mất focus). Hầu hết các phần tử HTML đều hỗ trợ các sự kiện sau đây: • onFocus  xảy ra khi một điều kiểm nhận focus. • onBlur  xảy ra khi một điều kiểm mất focus. • onClick  xảy ra khi người dùng nhắp vào một điều kiểm. • onChange  xảy ra khi người dùng thay đổi giá trị của điều kiểm nào đó. • onMouseOver  xảy ra khi người dùng di chuyển con trỏ chuột trên một điều kiểm. Một cách khác để chèn mã JavaScript là định nghĩa một hàm JavaScript trong một biến chuỗi rồi lệnh cho ASP.NET chèn nó vào trang web được trả về. Nếu làm theo cách này, bất kỳ điều kiểm nào cũng có thể gọi hàm để đáp ứng cho một sự kiện JavaScript. Ví dụ dưới đây sẽ làm rõ kỹ thuật này bằng một trang web gồm một bảng và một bức hình (xem hình 7.2). Khi người dùng di chuyển chuột lên các ô trong bảng thì hai hàm JavaScript tùy biến sẽ được sử dụng: một tạo highlight cho ô hiện tại và một gỡ bỏ highlight khỏi ô trước đó. Ngoài ra, hàm tạo highlight còn thay đổi URL của bức hình tùy thuộc vào cột nào đang được chọn. Nếu người dùng đưa chuột lên cột thứ nhất, hình mặt cười sẽ được hiển thị. Nếu người dùng đưa chuột lên cột thứ hai hoặc thứ ba, hình quyển sách với dấu chấm hỏi nhấp nháy sẽ được hiển thị. using System; using System.Web; using System.Web.UI.WebControls; public class JavaScriptTest : System.Web.UI.Page { protected System.Web.UI.WebControls.Table Table1; protected System.Web.UI.WebControls.Image Image1; // (Bỏ qua phần mã designer.) private void Page_Load(object sender, System.EventArgs e) { // Định nghĩa các hàm JavaScript. string highlightScript = "<script language=JavaScript> " + "function HighlightCell(cell) {" + "cell.bgColor = '#C0C0C0';" + "if (cell.cellIndex == 0) {" + "document.Form1.Image1.src='happy_animation.gif';}" + "else {" + "document.Form1.Image1.src='question_animation.gif';}" + 246 Chương 7: ASP.NET và Web Form ";}" + "</script>"; string unhighlightScript = "<script language=JavaScript> " + "function UnHighlightCell(cell) {" + "cell.bgColor = '#FFFFFF';" + "}" + "</script>"; // Chèn hàm JavaScript vào trang (nó sẽ xuất hiện // ngay sau thẻ <form runat=server>). // Chú ý rằng mỗi khối kịch bản được kết hợp với một tên chuỗi. // Điều này cho phép nhiều điều kiểm đăng ký cùng khối kịch bản, // trong khi vẫn bảo đảm nó sẽ được trả về chỉ một lần // trong trang cuối cùng. if (!this.IsClientScriptBlockRegistered("Highlight")) { Page.RegisterClientScriptBlock("Highlight", highlightScript); } if (!this.IsClientScriptBlockRegistered("UnHighlight")) { Page.RegisterClientScriptBlock("UnHighlight", unhighlightScript); } // Thiết lập đặc tính cho mỗi ô trong bảng. foreach (TableRow row in Table1.Rows) { foreach (TableCell cell in row.Cells) { cell.Attributes.Add("onMouseOver", "HighlightCell(this);"); cell.Attributes.Add("onMouseOut", "UnHighlightCell(this);"); } } } 247 Chương 7: ASP.NET và Web Form Hình 7.2 Hàm JavaScript tạo highlight cho ô hiện tại  Bạn cần hiểu rõ tính bảo mật của JavaScript . Tất cả mã JavaScript được trả về trực tiếp trong trang HTML , và người dùng có thể xem xét nó. Do đó, bạn đừng bao giờ đặt bất kỳ giải thuật hoặc thông tin bí mật nào vào mã JavaScript . Ngoài ra, bạn sử dụng JavaScript để kiểm tra tính hợp lệ chỉ là một tiểu xảo, không phải là một phương cách để ngăn các hành động không hợp lệ, bởi người dùng có thể vô hiệu hoặc phá hỏng JavaScript trong trình duyệt của họ. 5. 5. Hi n th c a s pop-up v i JavaScriptể ị ử ổ ớ Hi n th c a s pop-up v i JavaScriptể ị ử ổ ớ   Bạn cần hiển thị một cửa sổ pop-up để đáp ứng cho một hành động của người dùng.   Đăng ký một hàm JavaScript (hoặc thêm một đặc tính điều khiển sự kiện), và sử dụng hàm JavaScript window.open . Vì tất cả mã ASP.NET thực thi trên server nên không có cách nào để hiển thị một cửa sổ mới từ mã C#. Bạn có thể thêm siêu liên kết vào một trang sao cho nó tự động mở trong một cửa sổ mới bằng cách thiết lập đặc tính target của thẻ <a> là _blank , nhưng cách này vẫn không cung cấp khả năng điều khiển kích thước hoặc kiểu của cửa sổ. Giải pháp để mở cửa sổ pop-up là sử dụng mã JavaScript. Cửa sổ pop-up có thể là một trang HTML, một trang ASP.NET, một file hình, hoặc bất kỳ kiểu tài nguyên nào có thể được mở trong trình duyệt của client. Để mở một cửa sổ pop-up, bạn cần sử dụng hàm window.open và chỉ định ba thông số. Thông số thứ nhất là liên kết đến trang mới, thông số thứ hai là tên frame của cửa sổ, và thông số thứ ba là một chuỗi các đặc tính (phân cách bằng dấu phẩy) cấu hình kiểu và kích thước của cửa sổ pop-up. Các đặc tính này bao gồm: • Đặc tính height và width —được thiết lập là các giá trị tính theo pixel. 248 Chương 7: ASP.NET và Web Form • Đặc tính toolbar , menubar , và scrollbars —có thể được thiết lập là yes hay no , tùy thuộc vào bạn muốn hiển thị các phần tử này hay không. • Đặc tính resizable —có thể được thiết lập là yes hay no , tùy thuộc vào bạn muốn đường viền cửa sổ là cố định hay có thể thay đổi kích thước được. Ví dụ dưới đây trình bày cách mở một trang ASP.NET thứ hai trong một cửa sổ pop-up khi người dùng nhắp vào một Button . Hình 7.3 Hiển thị cửa sổ pop-up Bạn cần thêm đoạn mã này vào phương thức thụ lý sự kiện Page.Load . string popupScript = "window.open('PopUp.aspx', " + "'CustomPopUp', " + "'width=200, height=200, menubar=yes, resizable=no')"; cmdPopUp.Attributes.Add("onClick", popupScript); Và đây là đoạn mã (trong phương thức thụ lý sự kiện Page.Load ) dùng để hiển thị cửa sổ pop- up một cách tự động khi trang được hiển thị: string popupScript = "<script language='javascript'>" + "window.open('PopUp.aspx', " + "'CustomPopUp', " + "'width=200, height=200, menubar=yes, resizable=no')" + "</script>"; 249 Chương 7: ASP.NET và Web Form Page.RegisterStartupScript("PopupScript", popupScript); 6. 6. Thi t l p focus cho đi u ki mế ậ ề ể Thi t l p focus cho đi u ki mế ậ ề ể   Bạn cần chỉ định điều kiểm nào sẽ nhận focus khi trang được trả về và gửi cho người dùng.   Tạo một lệnh JavaScript để thiết lập focus, và thêm nó vào trang bằng phương thức Page.RegisterStartupScript . Điều kiểm web ASP.NET không cung cấp cách để thiết lập focus cho điều kiểm, mà chỉ cung cấp thuộc tính TabIndex để thiết lập thứ tự tab. Nhưng thuộc tính này chỉ áp dụng cho Microsoft Internet Explorer và không thể được sử dụng để thiết lập focus cho điều kiểm do bạn chọn. Để vượt qua hạn chế này, bạn cần sử dụng đến mã JavaScript. Phương thức dưới đây sẽ thực hiện công việc này. Nó nhận vào một tham chiếu đến bất kỳ đối tượng điều kiểm nào, thu lấy ClientID kết giao (mã JavaScript phải sử dụng ID này để tìm đến điều kiểm), rồi tạo dựng và đăng ký kịch bản để thiết lập focus. private void SetFocus(Control ctrl) { // Định nghĩa lệnh JavaScript. // Di chuyển focus đến điều kiểm bạn muốn. string setFocus = "<script language='javascript'>" + "document.getElementById('" + ctrl.ClientID + "').focus();</script>"; // Thêm mã JavaScript vào trang. this.RegisterStartupScript("SetFocus", setFocus); } Nếu thêm phương thức này vào một Web Form, bạn có thể gọi SetFocus khi cần. Ví dụ dưới đây sẽ thiết lập focus khi trang nạp lần đầu tiên: private void Page_Load(object sender, System.EventArgs e) { if (!this.IsPostBack) { // Chuyển focus đến một TextBox cụ thể. SetFocus(TextBox1); } } 250 Chương 7: ASP.NET và Web Form 7. 7. Cho phép ng i dùng upload fileườ Cho phép ng i dùng upload fileườ   Bạn cần tạo một trang cho phép người dùng upload một file.   Sử dụng điều kiểm HtmlInputFile , thiết lập kiểu mã hóa của form là multipart/form-data , và lưu file bằng phương thức HtmlInputFile.PostedFile. SaveAs . Vì ASP.NET thực thi trên server nên không có cách nào để truy xuất các tài nguyên trên máy client, bao gồm file. Tuy nhiên, bạn có thể sử dụng điều kiểm System.Web.UI. HtmlControls.HtmlInputFile để cho phép người dùng upload một file. Điều kiểm này trả về phần tử HTML <input type="file"> , hiển thị một nút Browse và một hộp chứa tên file. Người dùng nhắp vào nút Browse và chọn một file. Bước này diễn ra một cách tự động và không đòi hỏi bất kỳ đoạn mã tùy biến nào. Sau đó, người dùng phải nhắp vào một nút khác (bạn phải tạo nút này) để bắt đầu quá trình upload. Để tạo một trang cho phép upload file, bạn cần thực hiện các bước sau đây: • Thiết lập kiểu mã hóa của form là multipart/form-data . Để thực hiện thay đổi này, tìm thẻ <form> trong file .aspx và điều chỉnh như sau: <form id="Form1" enctype="multipart/form-data" runat="server"> • Thêm điều kiểm HtmlInputFile vào trang. Trong Microsoft Visual Studio .NET, bạn sẽ tìm thấy điều kiểm này dưới thẻ HTML của hộp công cụ, với tên là File Field. Một khi đã thêm điều kiểm này, bạn nhắp phải vào nó và chọn Run As Server Control để tạo thẻ <input type="file" runat="server"> . • Thêm một Button khác để bắt đầu quá trình chuyển giao file đã được chỉ định (bằng phương thức HtmlInputFile.PostedFile.SaveAs ). Dưới đây là phần mã cho trang upload file: using System; using System.Web; using System.Web.UI.WebControls; using System.IO; public class UploadPage : System.Web.UI.Page { protected System.Web.UI.WebControls.Label lblInfo; protected System.Web.UI.WebControls.Button cmdUpload; protected System.Web.UI.HtmlControls.HtmlInputFile FileInput; // (Bỏ qua phần mã designer.) . ba là một chuỗi các đặc tính (phân cách bằng dấu phẩy) cấu hình kiểu và kích thước của cửa sổ pop-up. Các đặc tính này bao gồm: • Đặc tính height và width —được thiết lập là các giá trị tính. JavaScript vào trang được trả về. Khi đó, bạn có thể thêm các đặc tính điều khiển để gọi các hàm này. ASP.NET là một mô hình lập trình đa năng. Đáng tiếc, một khi trang đã được trả về dạng. "<br>"; } 3. 3. T o các bi n thành viên có tr ng thái cho trangạ ế ạ T o các bi n thành viên có tr ng thái cho trangạ ế ạ   Bạn cần tạo các biến thành viên trong lớp trang và bảo đảm các giá trị của