开发者社区> 长征2号> 正文

基于 Json 的富客户端简易分页留言板设计,附源码

简介:
+关注继续查看

原来认为写一个留言板应该是比较容易的事情,从没动过手,这回试着写了一个,感觉即容易也不容易。

容易的方面是留言板的结构很简单,发送数据到服务器->保存到数据库->返回新的数据到浏览器->刷新页面

不容易的地方是很多细节要注意,不知道什么地方一个小问题就出错了。

这个留言板前台使用 Flex ,文件二百多K,初次加载比较慢,运行起来就快了。后台使用 PHP ,用了 Codeigniter 框架,再加上大部分工作都有前台做,整个后台代码不到二十行。

前后台通信使用最简单的 http 页面方式,数据用 JSON 包装,JSON 极大的简化了工作流程,从数据库取出数据,转换成对象数组,把数组编码成字符串,写到页面,整个过程就OK了,到了前台再将这些字符串一解析,又还原成了对象。

看看返回的数据到底是什么样子,点击下面这个链接你可以看到 0 号页面返回的内容,有一些百分号之类的东西,那是因为所有字符串都编码了:
http://myqiao.oxyhost.com/ci/index.php/bbs/action_show/0

下面看看代码是如何的简单吧

复制代码

    function show($page_no)
    {
        
//计算分页数
        $record_count=$this->db->count_all('t_message');
        
$page_count= Floor(($record_count-1)/PAGE_SIZE);
        
if($page_count<0)
            
$page_count=0;
        
        
//从 t_message 表中查询当前页面留言
        $this->db->order_by("id", "desc");
        
$query = $this->db->get('t_message', 10, 10*$page_no);

        
//将前台需要的数据装配成数组
        $arr = array(
              //当前页面号
            'current_no' => "{$page_no}" ,
            
'page_count' =>"{$page_count}" ,
            
'record_count' =>"{$record_count}" ,

            
//下面字段保存10条从数据空中查询来的留言信息,字段包括id username , content, time
            'message' => $query->result_array()

        );       
    //将数组编码成字符串
$json_string=$this->json->encode($arr);

    //响应给浏览器
        echo  $json_string;    
    }

复制代码

 

留言板试用和查看全部源代码点击这里

进入留言板,点右键,弹出菜单选择 View Source 就可以看见源代码了

服务器是国外的一个免费 php 服务器,可能速度有点慢,大家发现什么错误给我留言哦。

 

 



本文转自左洸博客园博客,原文链接:http://www.cnblogs.com/myqiao/archive/2009/04/12/1434149.html,如需转载请自行联系原作者



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Ext-js 框架Bug(传回客户端的json对象被包在一对<pre>标签中)
 After 2 hours hard work ,I have solved the problem in the demo of permanent progress bar.         事实上,Ext-js的框架的BUG依然存在,这个BUG就是,当你用Spring框架的.
1081 0
ASP输出JSON数据及客户端jQuery处理方法
首先ASP处理JSON需要json官方提供的JSON For ASP 封装类文件,下载地址:http://code.google.com/p/aspjson/downloads/list 下载最新的JSON_2.0.4.asp文件备用。
942 0
Android客户端与服务器端的json数据交互(很详细)
分类: Android学习2014-03-17 21:20 1426人阅读 评论(0) 收藏 举报  Android客户端与服务器端的json数据交互,主要是通过json形式的数据交互,就是json的写入和解析。
800 0
SilverLight企业应用框架设计【五】客户端调用服务端(使用JSON传递数据,自己实现RESTful Web服务)
来个索引 SilverLight企业应用框架设计【四】实体层设计+为客户端动态生成服务代理(自己实现RiaService) SilverLight企业应用框架设计【三】服务端设计 SilverLight企业应用框架设计【二】框架画面 SilverLight企业应用框架设计【一】整体说明 ...
754 0
艾伟:WCF以Json格式返回对象,客户端以JS调用显示
很少写东西,但是看到别人写的文章自己又禁不住写点,写了有时候又觉得不好意思给大家看! 今天好不容易鼓起勇气写点…… 这几天看了一些WCF的资料 第一感觉是:这玩艺太深了 第二感觉是:这玩艺,挺麻烦的(光配置就搞不明白) 今天调了半天,好不容易把这个返回Json对象,在客户端展示的实例给整理出来了。
565 0
json---服务器端与客户端的故事
      认识json       资料来自 http://www.learn-ajax-tutorial.com/Json.cfm     var Beatles = ["Paul","John","George","Ringo"]; This is the equi...
1018 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
QQ移送页面框架优化实践
立即下载
QQ移动页面框架优化实践
立即下载
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务
立即下载