Repeater+AspNetPager+Ajax留言板
最近想要鞏固下基礎知識,於是寫了一個比較簡單易懂實用的留言板。
部分樣式參考了CSDN(貌似最近一直很火),部分源碼參照了Alexis。
主要結構:
1.前期準備
2.Repeater+AspNetPager分頁效果
3.Ajax無刷新留言板,插入和刪除留言
4.自定義編號
5.總結
先上效果圖:(PS:美工很一般)
1.前期準備:
1.數據庫:自增ID,用戶名,留言內容,用戶頭像,留言時間。
2.實體類:對應數據庫的字段
View Code3.數據訪問層:
View Code
2.Repeater+AspNetPager分頁效果
一直都用Repeater控件,靈活性高,但是之前的分頁都是自己手寫的,感覺比較繁瑣。於是就嘗試用了AspNetPager分頁控件,效果還是挺不錯的。
我將總記錄數,每頁顯示的項數,當前頁索引聲明為public,是為了插入數據時,js引用,從而實現自動倒序排列的功能。
前臺代碼:
View Code後臺代碼:
View Code
3.Ajax無刷新留言板,增加刪除留言
主要通過一般處理程序ashx處理提交的數據,再根據自己的需求返回數據
刪除留言可以有兩個方法:1.根據查找返回的id,這個正是本文所提到的。 2.根據查找用戶留言的時間,之後完善會做到這個方面。
js代碼:
一般處理程序代碼:
View Code4.自定義編號
主要思想是綁定AspNetPager的總記錄數,每頁顯示的項數,當前頁索引進行一些簡單運算即可。
而對新插入的留言進行編號,大體是一樣的,就是多給了一個值num,每次插入都num++
代碼:
<%#RowsCount - (PageNum-1) *PageSize- Container.ItemIndex%>
5.總結
這算是第一篇寫的比較完整的Blog,有些地方說得不是很清楚。平常自己有空看看博客園,碰到有意思的,自己又沒怎麽掌握的知識點,就稍微借鑒下,然後寫寫模塊,鞏固下基礎知識。
個人認為就算是一個簡單的留言板,卻可以根據需求變化多端,如果自己不斷的增加些功能,把它完善,其實就是在提高自己的能力了。
大致改善的地方:
1.既然無刷新留言,那麽無刷新分頁也是必須的。
2.鞏固js的知識,可以做文本框,數據的驗證。
。。。。。。
源碼下載
轉自-http://www.cnblogs.com/ForEvErNoME/archive/2011/12/25/2301366.html
Repeater+AspNetPager+Ajax留言板