posts - 48,comments - 156,trackbacks - 0

          原來認(rèn)為寫一個留言板應(yīng)該是比較容易的事情,從沒動過手,這回試著寫了一個,感覺即容易也不容易。

          容易的方面是留言板的結(jié)構(gòu)很簡單,發(fā)送數(shù)據(jù)到服務(wù)器->保存到數(shù)據(jù)庫->返回新的數(shù)據(jù)到瀏覽器->刷新頁面

          不容易的地方是很多細(xì)節(jié)要注意,不知道什么地方一個小問題就出錯了。

          這個留言板前臺使用 Flex ,文件二百多K,初次加載比較慢,運(yùn)行起來就快了。后臺使用 PHP ,用了 Codeigniter 框架,再加上大部分工作都有前臺做,整個后臺代碼不到二十行。

          前后臺通信使用最簡單的 http 頁面方式,數(shù)據(jù)用 JSON 包裝,JSON 極大的簡化了工作流程,從數(shù)據(jù)庫取出數(shù)據(jù),轉(zhuǎn)換成對象數(shù)組,把數(shù)組編碼成字符串,寫到頁面,整個過程就OK了,到了前臺再將這些字符串一解析,又還原成了對象。

          看看返回的數(shù)據(jù)到底是什么樣子,點(diǎn)擊下面這個鏈接你可以看到 0 號頁面返回的內(nèi)容,有一些百分號之類的東西,那是因?yàn)樗凶址季幋a了:
          http://myqiao.oxyhost.com/ci/index.php/bbs/action_show/0

          下面看看代碼是如何的簡單吧

              function show($page_no)
              {
                  
          //計(jì)算分頁數(shù)
                  $record_count=$this->db->count_all('t_message');
                  
          $page_count= Floor(($record_count-1)/PAGE_SIZE);
                  
          if($page_count<0)
                      
          $page_count=0;
                  
                  
          //查詢當(dāng)前頁面留言
                  $this->db->order_by("id", "desc");
                  
          $query = $this->db->get('t_message', 10, 10*$page_no);

                  
          //將前臺需要的數(shù)據(jù)裝配成數(shù)組
                  $arr = array(
                        //當(dāng)前頁面號
                      'current_no' => "{$page_no}" ,
                      
          'page_count' =>"{$page_count}" ,
                      
          'record_count' =>"{$record_count}" ,
                      
          //下面字段保存10條留言信息,包括username , content, time
                      'message' => $query->result_array()
                  );
                  
          $json_string=$this->json->encode($arr);
                  
          echo  $json_string;    
              }

           

          留言板試用和查看全部源代碼點(diǎn)擊這里

          進(jìn)入留言板,點(diǎn)右鍵,彈出菜單選擇 View Source 就可以看見源代碼了

          服務(wù)器是國外的一個免費(fèi) php 服務(wù)器,可能速度有點(diǎn)慢,大家發(fā)現(xiàn)什么錯誤給我留言哦。



          posted on 2009-04-12 14:53 左洸 閱讀(1648) 評論(1)  編輯  收藏

          FeedBack:
          # re: 基于 Json 的富客戶端簡易分頁留言板設(shè)計(jì),附源碼
          2009-04-12 23:18 | CoderDream
          不錯,感謝分享!JSON是個好東西!  回復(fù)  更多評論
            

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 尼木县| 外汇| 保亭| 德化县| 宝应县| 新竹市| 紫云| 喀什市| 安陆市| 白沙| 灯塔市| 江都市| 五莲县| 资源县| 花垣县| 东乌| 民乐县| 通化县| 包头市| 中宁县| 隆昌县| 辉县市| 木兰县| 武邑县| 安平县| 米脂县| 连州市| 莲花县| 垣曲县| 增城市| 晋城| 绵竹市| 铁岭市| 中方县| 托克托县| 深圳市| 平塘县| 扬州市| 含山县| 松桃| 迁西县|