Tổng hợp các thủ thuật lập trình asp.net - Phần 2

2 thg 9, 2013

Trong bài viết này tôi sẽ tìm lại và tổng hợp các thủ thuật khi lập trình với asp.net. Có thể nó sẽ giảm bớt công sức khi bạn lập trình. Tôi sẽ chia làm nhiều phần, mỗi phần tôi sẽ post 10 thủ thuật hy vong sẽ giúp ích cho các bạn thủ thuật, lập trình, thủ thuật lập trình, asp.net phần 2

11. Tổng hợp nhiều file js trong một file duy nhất

Thông thường trang web của bạn sẽ sử dụng nhiều file javascript ví dụ như:

<script src="Tooltip/System_Tooltip.JS" type="text/javascript"></script>
<script src="JS/jquery-1.4.2.JS" type="text/javascript"></script>
<script src="movies/swfobject.JS" type="text/javascript"></script> 
<script src="JS/jquery-ui.min.JS" type="text/javascript"></script>

Thay vì trong code ta gọi quá nhiều file JS ta sẽ tạo 1 file duy nhất totalScript.JS chẳng hạn nội dung file này sẽ là

?
source code
document.write('<script type="text/javascript" src="Tooltip/System_Tooltip.js"></script>');

document.write('<script type="text/javascript" src="js/jquery-1.4.2.js"></script>');

document.write('<script type="text/javascript" src="movies/swfobject.js"></script>');

document.write('<script type="text/javascript" src="js/jquery-ui.min.js"></script>');

source code
1 2 3 4	`document.write('<script type="text/javascript" src="Tooltip/System_Tooltip.js"></script>');` `document.write('<script type="text/javascript" src="js/jquery-1.4.2.js"></script>');` `document.write('<script type="text/javascript" src="movies/swfobject.js"></script>');` `document.write('<script type="text/javascript" src="js/jquery-ui.min.js"></script>');`

Như vậy trong code bạn không phải khai báo nhiều javascript chỉ cần khai bảo 1 là đủ

?
source code
<script src="totalScript.js" type="text/javascript"></script>

source code
1	`<script src="totalScript.js"` `type="text/javascript"></script>`

12. Khai báo các namespaces trong web.config

Thông thường khi ta tạo một trang mới với code behind thì chúng ta vẫn dùng các khai báo như

?
source code
using System;

using System.Data;

using System.Configuration;

using System.Collections;

source code
1 2 3 4	`using System;` `using System.Data;` `using System.Configuration;` `using System.Collections;`

Giả sử ta dùng DataTable mà lại quên khai báo using System.Data; thì khi chạy sẽ báo lỗi. Vậy ta tránh trường hợp đó bằng cách khai báo các namespaces trong web.config:

?
source code
<namespaces>

<clear/>

<add namespace="System"/>

<add namespace="System.Collections"/>

<add namespace="System.Collections.Specialized"/>

<add namespace="System.Configuration"/>

<add namespace="System.Text"/>

<add namespace="System.Text.RegularExpressions"/>

<add namespace="System.Web"/>

<add namespace="System.Web.Caching"/>

<add namespace="System.Web.SessionState"/>

<add namespace="System.Web.Security"/>

<add namespace="System.Web.Profile"/>

<add namespace="System.Web.UI"/>

<add namespace="System.Web.UI.WebControls"/>

<add namespace="System.Web.UI.WebControls.WebParts"/>

<add namespace="System.Web.UI.HtmlControls"/>

</namespaces>

source code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18	`<namespaces>` `<clear/>` `<add` `namespace="System"/>` `<add` `namespace="System.Collections"/>` `<add` `namespace="System.Collections.Specialized"/>` `<add` `namespace="System.Configuration"/>` `<add` `namespace="System.Text"/>` `<add` `namespace="System.Text.RegularExpressions"/>` `<add` `namespace="System.Web"/>` `<add` `namespace="System.Web.Caching"/>` `<add` `namespace="System.Web.SessionState"/>` `<add` `namespace="System.Web.Security"/>` `<add` `namespace="System.Web.Profile"/>` `<add` `namespace="System.Web.UI"/>` `<add` `namespace="System.Web.UI.WebControls"/>` `<add` `namespace="System.Web.UI.WebControls.WebParts"/>` `<add` `namespace="System.Web.UI.HtmlControls"/>` `</namespaces>`

13: Nhấn phím TAB 2 lần liên tiếp để hiện nhanh câu lệnh

Ví dụ bạn dùng câu lệnh IF:

Trong chế độ dòng lệnh, bạn gõ if sau đó NHẤN PHÍM TAB 2 LẦN thì câu lệnh IF sẽ xuất hiện như sau:

?
source code
if (true)

{

}

source code
1 2 3	`if` `(true)` `{` `}`

Lúc này, con trỏ chuột sẽ ở vị trí của chữ true, bạn chỉ cần gõ điều kiện của câu lệnh IF.
Tác dụng:
- Làm theo cách trên bạn sẽ rút ngắn được thời gian gõ câu lệnh
- Không rơi vào tình trạng thiếu dấu đóng hoặc mở câu lệnh {}

Áp dụng với các câu lệnh khác:
- FOR: bạn gõ chữ FOR rồi NHẤN PHÍM TAB 2 LẦN bạn sẽ có kết quả như sau:

?
source code
for (int i = 0; i < length; i++)

{

}

source code
1 2 3	`for` `(int i = 0; i < length; i++)` `{` `}`

- Áp dụng tương tự với các câu lệnh khác như: switch, foreach, while, do while, ... bạn sẽ cảm thấy rất thoải mái khi gõ các câu lệnh trong Visual Studio.

14. Đưa các thông tin tĩnh vào file xml.

Khi làm website có những phần thông tin tĩnh rất ít khi thay đổi như ảnh banner, copy right, địa chỉ liên hệ, ... nếu các thông tin này bạn đưa luôn vào code aspx thì khi có sự thay đổi bạn lại phải sửa lại code, Nếu đưa vào Database thì ta sẽ sử dụng connect tới Database server nhiều. Vậy có cách khác là các thông tin này bạn đưa vào file xml và trong code bạn viết để hiển thị chúng. Khi có thay đổi ta cập nhật lại file xml là xong. Như bài hướng dẫn sau: Asp.net Đưa các thông tin tĩnh vào file xml (Vì minh họa sẽ hơi dài nên tôi viết thành bài hướng dẫn riêng)

15. Ngăn chặn duplicate insert khi refresh trang

Vấn đề thường hay gặp khi thêm dữ liệu là bị duplicate insert khi trang web refresh. Nó xảy ra khi 1 trang refresh sau khi câu lệnh insert được thực thi.

Giải pháp đơn giản nhất để giải quyết vấn đề này là redirect sau khi người dùng insert. Bạn tham khảo code demo sau khi insert sẽ redirect đến chính nó

?
source code
private void InsertData()

{

string strQuery = "INSERT INTO TB_TacGia (MaTacGia, TenTacGia) values(@MaTacGia, @TenTacGia)";

SqlCommand cmd = new SqlCommand(strQuery);

cmd.Parameters.AddWithValue("@MaTacGia", "AnhKhoa");

cmd.Parameters.AddWithValue("@TenTacGia", "Bùi Anh Khoa");

InsertUpdateData(cmd);

Response.Redirect(Request.Url.AbsoluteUri);

}

source code
1 2 3 4 5 6 7 8 9	`private void InsertData()` `{` `string strQuery = "INSERT INTO TB_TacGia (MaTacGia, TenTacGia) values(@MaTacGia, @TenTacGia)";` `SqlCommand cmd = new SqlCommand(strQuery);` `cmd.Parameters.AddWithValue("@MaTacGia", "AnhKhoa");` `cmd.Parameters.AddWithValue("@TenTacGia", "Bùi Anh Khoa");` `InsertUpdateData(cmd);` `Response.Redirect(Request.Url.AbsoluteUri);` `}`

16. Giới hạn độ dài của Textbox trong khoảng [a,b]

Giả sử bạn muốn giới hạn độ dài Textbox mật khẩu trong khoảng [a,b] bạn có thể dùng CustomValidator như minh họa sau:

?
source code
<asp:TextBox runat="server" ID="txtTest"></asp:TextBox>

<asp:CustomValidator ID="CustomValidator1" runat="server"

ErrorMessage="Độ dài phải trong khoảng [6,20]"

ControlToValidate="txtTest" OnServerValidate="CustomValidator1_ServerValidate">

</asp:CustomValidator>

source code
1 2 3 4 5	`<asp:TextBox` `runat="server"` `ID="txtTest"></asp:TextBox>` `<asp:CustomValidator` `ID="CustomValidator1"` `runat="server"` `ErrorMessage="Độ dài phải trong khoảng [6,20]"` `ControlToValidate="txtTest"` `OnServerValidate="CustomValidator1_ServerValidate">` `</asp:CustomValidator>`

Viết sự kiện CustomValidator1_ServerValidate

?
source code
protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)

{

if (args.Value.Length = 20)

args.IsValid = false;

else

{

if (args.Value.Length < 6)

args.IsValid= false;

else

args.IsValid = true;

}

}

source code
1 2 3 4 5 6 7 8 9 10 11 12	`protected` `void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)` `{` `if` `(args.Value.Length = 20)` `args.IsValid = false;` `else` `{` `if` `(args.Value.Length < 6)` `args.IsValid= false;` `else` `args.IsValid = true;` `}` `}`

17. Nhúng trạng thái Online/Offline của yahoo.

Trên web của bạn muốn hiển thị trạng thái Online/Offline của yahoo tại nơi muốn báo cho người dùng biết yahoo hỗ trợ trực tuyến. Bạn dùng đoạn mã như sau:

?
source code
<a href="ymsgr:sendIM?yahooid">

<img src="http://opi.yahoo.com/online?u=yahooid&m=g&t=2" border="0" width="125" height="25" />

</a>

source code
1 2 3	`<a` `href="ymsgr:sendIM?yahooid">` `<img` `src="http://opi.yahoo.com/online?u=yahooid&m=g&t=2"` `border="0"` `width="125"` `height="25"` `/>` `</a>`

Khi yahoo có id là yahooid Online thì hình ảnh Online của yahoo được hiển thị, tương tự là trạng thái Offline. Bạn thay yahooid bằng id của bạn nhé

18. Ngăn không cho người khác copy hay nhấn phải chuột trên trang web.

Khi cần không cho người khác bôi đen hoặc nhấn phải chuột trên trang web hay ứng dụng của bạn bạn hãy sửa lại thẻ <Body> như sau:

?
source code
<body oncontextmenu="return false;"  onpaste="return false;" onselectstart="return false;">

source code
1	`<body` `oncontextmenu="return false;"` `onpaste="return false;"` `onselectstart="return false;">`

Bạn còn có thể ứng dụng trong trường hợp bạn viết form đăng ký thành viên thường có trường Email và có yêu cầu người dùng xác nhận Email chính xác với Email đã nhập. Trường Xác nhận Email bạn cần ngăn không cho người dùng chọn ô Email và copy (Như thế chưa đúng nguyên tắc). Bạn sửa lại thuộc tính trong TextBox như minh họa sau

?
source code
<asp:TextBox ID="TextBox1" runat="server" oncontextmenu="return false;" onkeypress="return onPaste(event)" onpaste="return false;" ></asp:TextBox>

source code
1	`<asp:TextBox` `ID="TextBox1"` `runat="server"` `oncontextmenu="return false;"` `onkeypress="return onPaste(event)"` `onpaste="return false;"` `></asp:TextBox>`

19. Tạo Ico cho địa chỉ website.

Các trang web khi bạn truy cập hay có icon là biểu tượng của trang web đó. bạn sẽ thấy trên thanh address trước chữ http sẽ có biểu tượng của website. Để thực hiện bạn thêm mã html như sau vào trong thẻ head:

?
source code
<link href="http://hmweb.com.vn/hmico.ico" rel="shortcut icon" type="image/x-icon" />

source code
1	`<link` `href="http://hmweb.com.vn/hmico.ico"` `rel="shortcut icon"` `type="image/x-icon"` `/>`

20. hiệu ứng chuyển trang bằng thẻ meta.

Khi người dùng đang xem trang web của bạn, họ chuyển qua trang web khác, bạn có thể dùng thẻ Mata như sau để tạo hiệu ứng chuyển trang như một lời chào thân thiện

?
source code
<meta http-equiv="Site-Exit" content="revealTrans(Duration=3.0,Transition=23)"/>

source code
1	`<meta` `http-equiv="Site-Exit"` `content="revealTrans(Duration=3.0,Transition=23)"/>`

Hoặc khi họ mở liên kết trên cùng trang của bạn, bạn cũng có thể tạo hiệu ứng chuyển trang đơn giản bằng cách dùng thẻ meta như sau

?
source code
<META http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(duration=.5)">

source code
1	`<META` `http-equiv="Page-Exit"` `content="progid:DXImageTransform.Microsoft.GradientWipe(duration=.5)">`

Tags: thủ thuật ASP.net

Bài đăng phổ biến