Html5+移动端小应用分享（得见）

应用截图

整个应用由移动端+php后端处理构成

移动端在DCloud平台下HBuilder开发和编译，使用了MUI框架；

目录结构如下：

php后端处理代码部署在了新浪云应用当中

response.php代码如下：

<?php
    header("Content-Type:text/html; charset=utf-8");
    function getCurlData($url){
        $ch = curl_init();
        $header = array(
            'apikey: XXXXXXX',
        );
        // 添加apikey到header
        curl_setopt($ch, CURLOPT_HTTPHEADER  , $header);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
        // 执行HTTP请求
        curl_setopt($ch , CURLOPT_URL , $url);
        $res = curl_exec($ch);
        return $res;
    }
    //object转数组
    function object_array($array){
        if(is_object($array)){
            $array = (array)$array;
        }
        if(is_array($array)){
            foreach($array as $key=>$value){
                $array[$key] = object_array($value);
            }
        }
        return $array;
    }
    $type = $_REQUEST['type'];
    if(empty($type)){
        ob_clean();//清除之前输出内容
        echo json_encode(array('error'=>1,'msg'=>'参数错误'));die();
    }
    $url = "";
    
    switch($type){
        case "todayhistory":
            $month = (int)$_REQUEST['month'];
            $day = (int)$_REQUEST['day'];
            $url = "http://apis.baidu.com/netpopo/todayhistory/todayhistory?month=".$month."&day=".$day."&appkey=1307ee261de8bbcf83830de89caae73f";
            ob_clean();//清除之前输出内容
            echo getCurlData($url);
            die();
            break;
        case "todaytv":
            $reqType = (int)$_REQUEST['req_type'];//1:获取电视频道列表；2：查询电视节目
            $tvid = (int)$_REQUEST['tvid'];
            $starttime = strtotime(date('Y-m-d 00:00:00'));
            $endtime = strtotime(date('Y-m-d 23:59:59'));
            $url = $reqType==1?"http://apis.baidu.com/netpopo/tv/tv_channel":"http://apis.baidu.com/netpopo/tv/tv?tvid=".$tvid."&starttime=".$starttime."&endtime=".$endtime;
            ob_clean();//清除之前输出内容
            $res = object_array(json_decode(getCurlData($url)));
            if($res['code']==1){
                echo json_encode($res);die();
            }else{
                //三级联动数据格式[{value: '110000',text: '北京市',children: [{value: "110101",text: "北京+市",children: [{value: "110101",text: "东城区"}]}]}]
                $list = array();
                if($reqType==1){
                    foreach($res['data'] as $row){
                        //"id": "1","name": "中央台","parentid": "0","istv": "0"
                        $id = (int)$row['id'];
                        $one = array('value'=>$id,'text'=>$row['name'],'children'=>array());
                        foreach($res['data'] as $rw){
                            $parentid = (int)$rw['parentid'];
                            if($parentid==$id){
                                $two = array('value'=>$rw['id'],'text'=>$rw['name'],'children'=>array());
                                foreach($res['data'] as $rw2){
                                    $parentid2 = (int)$rw2['parentid'];
                                    if($parentid2==$rw['id']){
                                        $three = array('value'=>$rw2['id'],'text'=>$rw2['name'],'children'=>array());
                                        $two['children'][] = $three;
                                    }
                                }
                                $one['children'][] = $two;
                            }
                        }
                        $list[] = $one;
                    }
                }else{
                    foreach($res['data'] as $row){
                        $one = array('starttime'=>date('H:i',$row['starttime']),'name'=>$row['name']);
                        $list[] = $one;
                    }
                }
                
                ob_clean();//清除之前输出内容
                echo json_encode(array('error'=>0,'data'=>$list));die();
            }
            break;
        case 'mobileck':
            $mobile = $_REQUEST['mobile'];
            if(empty($mobile)){
                ob_clean();//清除之前输出内容
                echo json_encode(array('error'=>1,'msg'=>'参数错误'));die();
            }
            $url = "http://appyun.sinaapp.com/index.php?app=mobile&controller=index&action=api&outfmt=json&mobile=".$mobile;
            ob_clean();//清除之前输出内容
            $res = object_array(json_decode(getCurlData($url)));
            $data = array('Province'=>$res['Province'],'City'=>$res['City'],'Operators'=>$res['Operators']);
            ob_clean();//清除之前输出内容
            echo json_encode(array('error'=>0,'data'=>$data));die();
            break;
        default:
            ob_clean();//清除之前输出内容
            echo json_encode(array('error'=>1,'data'=>array(),'msg'=>'暂无数据'));die();
    }
?>

这个应用整体显得还很粗糙，不规范，也没能十分好的掌握html5+技术，希望自己能今早掌握。

自己本身是个php开发人员，html5+技术让自己也能轻松的实现移动应用开发，这点挺让人兴奋的!

源码与app百度云地址：http://pan.baidu.com/s/1pJkSnnt 密码：bgcx

参考资料
http://dcloudio.github.io/mui/
http://sae.sina.com.cn
http://apistore.baidu.com/