1. 程式人生 > >Repeater+AspNetPager+Ajax留言板

Repeater+AspNetPager+Ajax留言板

nbsp 之前 images 數據庫 div -h 索引 ont 無刷新分頁

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

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