Một vài thủ thuật lập trình web với ASP.net

Chia sẻ cùng các bạn một vài thủ thuật lập trình web với asp.net.
1. Tổng hợp nhiều file javascript 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 JavaScript ta sẽ tạo 1 file duy nhất totalScript.js chẳng hạn nội dung file này sẽ là
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 sẽ không phải khai báo quá nhiều javascript nữa mà chỉ cần 1 là đủ
<script src=”totalScript.js” type=”text/javascript”></script>

2. 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ư
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:
<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>

3: Trong ASP.net bạn 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:
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 khi lập trình web
- 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:
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.

4. 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:
<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.

5. 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:
<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
<asp:TextBox ID=”TextBox1″ runat=”server”
oncontextmenu=”return false;”
onkeypress=”return onPaste(event)”
onpaste=”return false;” ></asp:TextBox>

6. 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 của bạn. 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:
<link href=”http://viettamduc.com/hmico.ico” rel=”shortcut icon” type=”image/x-icon” />

7. 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
<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
<META http-equiv=”Page-Exit” content=”progid:DXImageTransform.Microsoft.GradientWipe(duration=.5)”>
SHARE
học lập trình web

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

    Blogger Comment
    Facebook Comment

0 nhận xét:

Đăng nhận xét