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

  • 相关阅读:
    Verilog非阻塞赋值的仿真/综合问题 (Nonblocking Assignments in Verilog Synthesis)上
    异步FIFO结构及FPGA设计 跨时钟域设计
    FPGA管脚分配需要考虑的因素
    An Introduction to Delta Sigma Converters (DeltaSigma转换器 上篇)
    An Introduction to Delta Sigma Converters (DeltaSigma转换器 下篇)
    中国通信简史 (下)
    谈谈德国大学的电子专业
    中国通信简史 (上)
    Verilog学习笔记
    Verilog非阻塞赋值的仿真/综合问题(Nonblocking Assignments in Verilog Synthesis) 下
  • 原文地址:https://www.cnblogs.com/alinaxia/p/7228506.html
Copyright © 2011-2022 走看看