Repeater+AspNetPager+Ajax留言板

最近想要巩固下基础知识,于是写了一个比较简单易懂实用的留言板。

  部分样式参考了CSDN(貌似最近一直很火),部分源码参照了Alexis

  主要结构:

  1.前期准备

  2.Repeater+AspNetPager分页效果

  3.Ajax无刷新留言板,插入和删除留言

  4.自定义编号

  5.总结

  先上效果图:(PS:美工很一般)

  



  1.前期准备:

  1.数据库:自增ID,用户名,留言内容,用户头像,留言时间。

  

  2.实体类:对应数据库的字段

  3.数据访问层:

  
  2.Repeater+AspNetPager分页效果

  一直都用Repeater控件,灵活性高,但是之前的分页都是自己手写的,感觉比较繁琐。于是就尝试用了AspNetPager分页控件,效果还是挺不错的。

  我将总记录数,每页显示的项数,当前页索引声明为public,是为了插入数据时,js引用,从而实现自动倒序排列的功能。

  前台代码:

  后台代码:

  3.Ajax无刷新留言板,增加删除留言

  主要通过一般处理程序ashx处理提交的数据,再根据自己的需求返回数据

  删除留言可以有两个方法:1.根据查找返回的id,这个正是本文所提到的。 2.根据查找用户留言的时间,之后完善会做到这个方面。

  js代码:

  一般处理程序代码:

  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

时间: 2024-10-27 13:02:15

Repeater+AspNetPager+Ajax留言板的相关文章

ajax 留言板

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>留言本</title> <link rel="stylesheet" href="css.css" type="text/css" /> <script src="aja

ajax练习四留言板

留言界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con

LigerUi框架+jquery+ajax无刷新留言板系统的实现

前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板前台展示页基本采用ajax进行操作的,所以前台页面只有一个index.html页可查看.在运行的时候请打开这个页面,压缩文件里面包括编译版本和源码,大家可以用vs调试或者IIS运行查看 只要支持.net2.0就行,数据采用了access和mssql数据两个都可以,切换的时候请在配置文件中修改.废话就

php留言板

部门内部留言板 一.语言和环境 实现语言 PHP 二.要求: 本软件是作为部门内员工之间留言及发送消息使用. 系统必须通过口令验证,登录进入.方法是从数据库内取出用户姓名和口令的数据进行校验. 用户管理的工作(比如增加,删除,修改用户)通过直接对数据库操作实现,不在本系统中实现,可以自行在数据库用户表中增加测试数据. 系统包含四部分功能 1 登录:验证用户名与口令,保存会话信息,进入主界面. 2 退出:退出使用状态,清空会话信息,返回登录界面. 3 信息查询:显示给当前登录人留的信息以及公共信息

用pdo实现的织梦后台留言板

<?php //ini_set("display_errors", "On"); include("data/common.inc.php"); if($action=='save') { $title = '无标题'; $tid = 0; $mid = 1; $uname = "guest"; $email = ""; $homepage = ""; $qq = "&q

nodejs中利用expresss脚手架和bootstrap,数据库mongodb搭建的留言板案例

## 1. 先打开编辑器,创建一个项目 ## 2. 再打开cmd命令提示符下载express脚手架 express   项目名   --view=ejs 或express   -e    项目名 ## 3. 在cmd中进入项目名(myapp)下载所需的依赖 cd myapp  --------->cnpm  install ## 4. 在下载mongoose(前提你电脑上要安装数据库的插件) cn cnpm mongoose  --save ## 5. 在myapp项目中在创建一个文件夹,里面在

会话控制之留言板

//要用session做一个留言板 //首先先做一个loginn.php文件  做出个用户可以输入的表单 //将这个表单提交给另一个页面dlchuli.php对用户输入的用户名和密码进行处理 //在这个dlchuli.php页面中先开启session //运用post方法来获取到用户输入的用户名和密码 //再通过用户输入的用户名和密码从数据库里找需要匹配的数据信息 //这个页面就是来确认下用户输入的信息是否正确,若正确就跳转到主页面.mainn.php //在建一个主页面来显示留言和发布留言消息

JS实现简单留言板

通过js的HTML DOM来实现对html文档的操作. 使用方法:Node.appendChild(); Node.insertBefore(); Node.removeChild(); <script type="text/javascript"> var count=0; window.onload = function(){ var Msg = document.getElementById("msg"); var Btn = document.g

怎样在留言板中实现动画效果

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Monaco; color: #2b7ec3 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Monaco; min-height: 25.0px } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Monaco; color: #d74200 } p.p4 { margi