日期:2014-05-16  浏览次数:20633 次

如何制作一个下图的动态页面?
现在想要制作一个网页,网页中可以分为好几栏,每个栏目下面都有一些图片,这些图片呢都是可以动态更新的,如果有新的图片上传的话就会动态更新这个栏目,如下图,红色框框里的内容都是可以随着系统数据的增加来改变的,该怎么设计呢? 求指点! 万分感激。。。

网站是PHP+MySQL构建的。。。另外,需要多个这样的栏目又该如何添加呢?
万分感激啊!

------解决方案--------------------
1.使用setInterval()或者setTimeout()构建定时器,设置一个时间段,轮询向服务器段请求,请求时附带页面上最后一张图片的ID
2.服务器接到请求,保存传过来的图片ID,从数据库中查询图片ID大于传来ID的记录(假设ID为自增,如果不是自增,就传添加事件),返回JSON格式列表(应该是一个数组,如果是空,那么就是"[]")
3.success回调中判断data(也就是返回的列表)长度是否>0,大于0就是有数据,解析数据创建DOM填充到图片列表,如果是空数据,跳过等待下一次轮询

附:如果担心性能和无谓的资源浪费,可以在得到的返回列表为0时,加倍轮询时间,比如轮询时间正常是60S,没取到数据就120秒再取,还取不到就240秒,如此如此……
------解决方案--------------------
引用:
Quote: 引用:

1.使用setInterval()或者setTimeout()构建定时器,设置一个时间段,轮询向服务器段请求,请求时附带页面上最后一张图片的ID
2.服务器接到请求,保存传过来的图片ID,从数据库中查询图片ID大于传来ID的记录(假设ID为自增,如果不是自增,就传添加事件),返回JSON格式列表(应该是一个数组,如果是空,那么就是"[]")
3.success回调中判断data(也就是返回的列表)长度是否>0,大于0就是有数据,解析数据创建DOM填充到图片列表,如果是空数据,跳过等待下一次轮询

附:如果担心性能和无谓的资源浪费,可以在得到的返回列表为0时,加倍轮询时间,比如轮询时间正常是60S,没取到数据就120秒再取,还取不到就240秒,如此如此……


我不怎么懂PHP啊。。你说的原理基本懂但是不会自己写啊。。。
能不能帮忙写个例子出来啊?

这个麻烦的是前端,PHP就是简单的接收参数,查询数据库,返回JSON格式的列表。
PHP下的JSON格式化也比较简单
参考:
http://www.php.net/manual/zh/function.json-decode.php
http://www.ruanyifeng.com/blog/2011/01/json_in_php.html

PHP数据库基础参考:
http://www.w3school.com.cn/php/php_mysql_intro.asp
------解决方案--------------------
你从后台获取出来了,直接排列上就可以了吧,不清楚是的难点在哪核心还是前后台的交互,有个信号什么都好说啊
------解决方案--------------------
引用:
Quote: 引用:

你从后台获取出来了,直接排列上就可以了吧,不清楚是的难点在哪核心还是前后台的交互,有个信号什么都好说啊


不知道该怎么从后台获取啊。。因为我们办公室都不怎么会。。然后是让另一个人给做但是他好像也不怎么会啊。。他不会弄这个动态的。。
我虽然计算机专业的但是网页制作什么的不会啊。。
╮(╯▽╰)╭

你把数据存入cookie或者session中,或者转换为json传到前边啊
------解决方案--------------------
引用: