1. 程式人生 > >TP5中手機端和PC端的實現方式

TP5中手機端和PC端的實現方式

TP5中手機端和PC端判斷是實現方式

一、使用自定義的判定方法

  1. 首先在application>common.php公共檔案中寫入用於判定裝置登入的ismobile方法:

    
    function ismobile()
    
    {
    
        // 如果有HTTP_X_WAP_PROFILE則一定是移動裝置
    
        if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))
    
            return true;
    
    
    
        //此條摘自TPM智慧切換模板引擎,適合TPM開發
    
        if (isset ($_SERVER['HTTP_CLIENT'
    ]) && 'PhoneClient' == $_SERVER['HTTP_CLIENT']) return true; //如果via資訊含有wap則一定是移動裝置,部分服務商會遮蔽該資訊 if (isset ($_SERVER['HTTP_VIA'])) //找不到為flase,否則為true return stristr($_SERVER['HTTP_VIA'], 'wap') ? true : false; //判斷手機發送的客戶端標誌,相容性有待提高 if (isset ($_SERVER
    ['HTTP_USER_AGENT'])) { $clientkeywords = array( 'nokia', 'sony', 'ericsson', 'mot', 'samsung', 'htc', 'sgh', 'lg', 'sharp', 'sie-', 'philips', 'panasonic', 'alcatel', 'lenovo', 'iphone', 'ipod', 'blackberry', 'meizu', 'android', 'netfront', 'symbian', 'ucweb', 'windowsce', 'palm'
    , 'operamini', 'operamobi', 'openwave', 'nexusone', 'cldc', 'midp', 'wap', 'mobile' ); //從HTTP_USER_AGENT中查詢手機瀏覽器的關鍵字 if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) { return true; } } //協議法,因為有可能不準確,放到最後判斷 if (isset ($_SERVER['HTTP_ACCEPT'])) { // 如果只支援wml並且不支援html那一定是移動裝置 // 如果支援wml和html但是wml在html之前則是移動裝置 if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) { return true; } } return false; }
  2. 然後在application>index>controller>Base.php前臺index模組的基類控制器Base中重寫fetch方法:

    
    /**
    
    *載入模板輸出(電腦和手機)
    
    * @accessprotected
    
    * @paramstring$template模板檔名
    
    * @paramstring$mobiletemplate手機模板檔名
    
    * @paramarray$vars模板輸出變數
    
    * @paramarray$replace模板替換
    
    * @paramarray$config模板引數
    
    * @returnmixed
    
    */
    
    protected
    
    function fetch($template = '', $mobiletemplate = '', $vars = [], $replace = [], $config = [])
    
    {
    
       if (ismobile()) {
    
           return $this->view->fetch($mobiletemplate, $vars, $replace, $config);
    
       } else {
    
           return $this->view->fetch($template, $vars, $replace, $config);
    
       }
    
    }
    
  3. 最後在application>index>controller>Index繼承與基類Base的控制器Index的方法index中最後分別傳入pc端的路徑和mobile端的路徑即可。

    
    return $this->fetch('default/index/index','mobile/index/index');
    

    前面的default/index/index是pc端對應的路徑,後面的mobile/index/index是mobile端對應的路徑。

二、使用TP5自帶的判斷方法(推薦使用,已優化)

通過上面的方法我們可以看出,雖然起作用,但是每次 都要傳入兩個路徑,很是繁瑣。

  1. 首先在application>common.php公共檔案中寫入用於判定裝置登入的常量VIEW_PATH

    
    if (\think\Request::instance()->isMobile()) {
    
       define('VIEW_PATH', __DIR__ . '/../application/index/view/mobile/');
    
    } else {
    
       define('VIEW_PATH', __DIR__ . '/../application/index/view/default/');
    
    
    
    }  
    
  2. 接著在application>index>config.php模組index的配置檔案config.php中進行模板變數的替換:

    
    return [
    
       "template"=>[
    
           // 模板路徑
    
           'view_path' => VIEW_PATH,
    
       ],
    
    ];
    
  3. 最後在控制器的方法中只需要直接fetch一個路徑即可。

    
    return $this->fetch();
    

Tip:前臺頁面的目錄結構如圖所示:

注意default和mobile下的目錄結構保持一致