Repeater+AspNetPager+Ajax留言板

標籤：eve   repeater   處理   程式   簡單的   通過   實用   ash   根據   

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

　　部分樣式參考了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

Repeater+AspNetPager+Ajax留言板