首頁  >  文章  >  CMS教程  >  phpcms實作行動端和電腦端不同模板

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

angryTom
angryTom原創
2020-02-11 16:02:273043瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn