Repeater+AspNetPager+Ajax留言板

最近想要鞏固下基礎知識，因而寫了一個比較簡單易懂實用的留言板。

　　部分樣式參考了CSDN（貌似最近一直很火），部分源碼參照了Alexis。

　　主要結構：

　　1.前期準備

　　2.Repeater+AspNetPager分頁效果

　　3.Ajax無刷新留言板，插入和刪除留言

　　4.自定義編號

　　5.總結

　　先上效果圖：（PS：美工很通常）

　　

---

　　1.前期準備：

　　1.數據庫：自增ID，用戶名，留言內容，用戶頭像，留言時間。

　　

　　2.實體類：對應數據庫的字段

View Code

　　3.數據訪問層：

View Code

　　
　　2.Repeater+AspNetPager分頁效果

　　一直都用Repeater控件，靈活性高，可是以前的分頁都是本身手寫的，感受比較繁瑣。因而就嘗試用了AspNetPager分頁控件，效果仍是挺不錯的。

　　我將總記錄數，每頁顯示的項數，當前頁索引聲明爲public，是爲了插入數據時，js引用，從而實現自動倒序排列的功能。

　　前臺代碼：

View Code

　　後臺代碼：

View Code

　　3.Ajax無刷新留言板，增長刪除留言

　　主要經過通常處理程序ashx處理提交的數據，再根據本身的需求返回數據

　　刪除留言能夠有兩個方法：1.根據查找返回的id，這個正是本文所提到的。 2.根據查找用戶留言的時間，以後完善會作到這個方面。

　　js代碼：

View Code

　　通常處理程序代碼：

View Code

　　4.自定義編號

　　主要思想是綁定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