最近想要巩固下基础知识,因而写了一个比较简单易懂实用的留言板。html
部分样式参考了CSDN(貌似最近一直很火),部分源码参照了Alexis。数据库
主要结构:spa
1.前期准备3d
2.Repeater+AspNetPager分页效果code
3.Ajax无刷新留言板,插入和删除留言htm
4.自定义编号blog
5.总结索引
先上效果图:(PS:美工很通常)ci
1.前期准备:get
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