phpcms實(shí)現(xiàn)手機(jī)端與PC端雙模板的方法與詳細(xì)教程

2024-07-09 22:54:21

字體：大中小

供稿：網(wǎng)友

現(xiàn)在隨著智能手機(jī)的興起，我們網(wǎng)站開(kāi)發(fā)移動(dòng)端版本也顯得越來(lái)重要了，但是現(xiàn)在phpcms還沒(méi)有開(kāi)發(fā)手機(jī)版，下面我們就教大家如何讓phpcms實(shí)現(xiàn)手機(jī)版訪問(wèn)，一般正常情況下我們電腦版的域名為http://www.你的域名/，而手機(jī)版的域名一般為http://m.你的域名/

這樣就需要我們給手機(jī)端另外做一套模板，實(shí)現(xiàn)網(wǎng)站雙模板。下面是具體方法：

首先給phpcms添加自適配的代碼，找到并打開(kāi)/modules/content/index.php文件，在里面找到如下代碼：

include template('content',$template);

將其修改為如下代碼：

if(substr($_SERVER['SERVER_NAME'], 0,1) == 'm'){

include template('content_m',$template);

}else{

include template('content',$template);

}

如果不想手動(dòng)修改，可以直接使用我們已經(jīng)修改好的文件下載覆蓋就可以了，下載地址如下：

http://pan.baidu.com/s/1c02nT1Q

以上代碼的意思是當(dāng)前頁(yè)面url中第一個(gè)字符為m時(shí)則調(diào)用content_m模板，否則調(diào)用content模板

但是由于phpcms把文章的url都固定寫(xiě)死在數(shù)據(jù)表中，所以頁(yè)面中的標(biāo)簽不能在使用{$r[url]}

而要改成{str_replace('http://www.','http://m.',$r[url])}

意思是截取url，把http://www.你的域名/ 替換成http://m.你的域名/

這里我們就完成了手機(jī)版的設(shè)置了，然后我們?cè)谥谱饕惶资謾C(jī)端模板content_m就可以了。

如果我們要在PC端的內(nèi)容里面加上當(dāng)前頁(yè)面手機(jī)端的鏈接，鏈接地址寫(xiě)法如下：

http://{str_replace('www.','m.',$_SERVER['SERVER_NAME'])}{$_SERVER['REQUEST_URI']}

反之，手機(jī)端加上PC端的鏈接：

http://{str_replace('m.','www.',$_SERVER['SERVER_NAME'])}{$_SERVER['REQUEST_URI']}

如果你使用的是靜態(tài)頁(yè)面，那么只要在模板頁(yè)頭加上以下JS代碼就可以實(shí)現(xiàn)判斷手機(jī)端自動(dòng)跳轉(zhuǎn)到手機(jī)端了。

<script type="text/javascript">

function browserRedirect() {

var sUserAgent = navigator.userAgent.toLowerCase();

var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

var bIsMidp = sUserAgent.match(/midp/i) == "midp";

var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

var bIsAndroid = sUserAgent.match(/android/i) == "android";

var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

{if $catid=='' and $id==''}

window.location.href="{APP_PATH}/index.php";

{elseif $id=='' and $catid!=''}

window.location.href="{APP_PATH}/index.php?m=content&c=index&a=lists&catid={$catid}";

{else}

window.location.href="{APP_PATH}/index.php?m=content&c=index&a=show&catid={$catid}&id={$id}";

{/if}

}

}

browserRedirect();

function closewindow() {

$("#register-box").hide();

}

function openwindow() {

$("#register-box").show();

}

</script>