zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    form表单ajaxSubmit提交并验证
    jQuery幸运大转盘_jQuery+PHP抽奖程序
    thinkphp3.2 + soap
    chart.js图表 传值问题
    window和document的区别理解,bom和dom的区别理解
    JS弹出层制作,以及移动端禁止弹出层下内容滚动,overflow:hidden移动端失效问题
    富文本编辑器summernote的基本使用
    input文件类型上传,或者作为参数拼接的时候注意的问题!
    使用input选择本地图片,并且实现预览功能
    整体页面加载和某一模块加载监听
  • 原文地址:https://www.cnblogs.com/alinaxia/p/7228506.html
Copyright © 2011-2022 走看看