首頁 > CMS教程 > PHPCMS > 主體

phpcms實作行動端和電腦端不同模板

angryTom
發布: 2020-02-11 16:02:27
原創
3038 人瀏覽過

phpcms實作行動端和電腦端不同模板

phpcms實作行動端和電腦端不同模板

1、先開啟phpcms/libs/functions/global.func.php,在檔案最後面加上一個isMobile()方法,用來判斷是否是手機端開啟

 function isMobile() {
  // 如果有HTTP_X_WAP_PROFILE则一定是移动设备
  if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) {
    return true;
  }
  // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息
  if (isset($_SERVER['HTTP_VIA'])) {
    // 找不到为flase,否则为true
    return stristr($_SERVER['HTTP_VIA'], "wap") ? true : false;
  }
  // 脑残法,判断手机发送的客户端标志,兼容性有待提高。其中'MicroMessenger'是电脑微信
  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','MicroMessenger');
    // 从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[&#39;HTTP_ACCEPT&#39;], &#39;vnd.wap.wml&#39;) !== false) && (strpos($_SERVER[&#39;HTTP_ACCEPT&#39;], &#39;text/html&#39;) === false || (strpos($_SERVER[&#39;HTTP_ACCEPT&#39;], &#39;vnd.wap.wml&#39;) < strpos($_SERVER[&#39;HTTP_ACCEPT&#39;], &#39;text/html&#39;)))) {
      return true;
    }
  }
  return false;
}
登入後複製

2、然後開啟phpcms/modules/content/index.php,有三個地方要改的

#a)找到首頁的init方法,在最後載入模板的時候,做一個判斷,如果是手機端打開就載入手機端模板,如果是電腦端打開就載入電腦端模板

大概在31行找到:

include template(&#39;content&#39;,&#39;index&#39;,$default_style);
登入後複製

改成:

if(isMobile()){
      include template('mobile','index',$default_style);
}else{
     include template(&#39;content&#39;,&#39;index&#39;,$default_style);
}
登入後複製

b)找到內容頁的show方法,同樣在最後載入模板的時候做一個判斷

大概在203行找到:

include template(&#39;content&#39;,$template);
登入後複製

改成:

if(isMobile()){
     include template('mobile',$template);
}else{
     include template(&#39;content&#39;,$template);
}
登入後複製

c)找到列表頁的lists方法,同樣在最後載入模板的時候做一個判斷

大概在265行和278行,這裡有兩處,找到:

include template(&#39;content&#39;,$template);
改成:
if(isMobile()){
     include template('mobile',$template);}else{     
     include template(&#39;content&#39;,$template);
}
登入後複製

在你目前的模板目錄下新建一個mobile目錄,用來存放手機端模板

如果你目前的模板目錄是phpcms/templates/ default,那你就在phpcms/templates/default下面建一個mobile目錄。

如果你目前的模板目錄是phpcms/templates/moban,那麼你就在phpcms/templates/moban下面建造一個mobile目錄。

這樣就可以實現電腦端和手機端分別載入不同的模板。

PHP中文網,大量的免費PHPCMS教學,歡迎線上學習!

以上是phpcms實作行動端和電腦端不同模板的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板