开发教程

PC模板+移动端模板在呼啦系统中如何转化为响应式

本篇文章讲述当你一个网站中包含有PC模板和移动端模板两套模板时,在呼啦系统中如何转化为响应式的形式。

第一步:

在新版本中已更新ismobile()方法,用来判断当前模式下是手机登录还是电脑登录。方法地址:application\index\common.php 第660行。

附代码:

//判断是手机登录还是电脑登录
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;
}

第二步;

ismobile()方法确认添加或者存在之后,需要更改application\index\controller\Base.php中30行系统模板目录下的代码

附代码:

 //系统模板目录,兼容模板标签 include
		if(ismobile()){
		    define('TPL', __ROOT__.'template/m/');
		}
		else{
		    define('TPL', __ROOT__.'template/'.config('WEB_TEMPLATE_PATH').'/');
		}

第三步:

将PC模板和移动端模板放在template目录下,PC模板可仍然放在template\default目录下,移动端模板需新建模板,截图中移动端模板目录为template\m; 注意:移动端模板所在目录名称需与第二步中Base.php里面的代码相对应,下图中红色框标记。

第四步:

PC模板与移动端模板中,单篇模板、列表模板、详情模板的名称需与网站模板设置中一致,即第三步截图与第四步截图中黄色框标注部分。无关模板名称无要求,例如第三步截图中m目录下footer_m.html。


结语:

PC模板+移动端模板在呼啦系统中如何转化为响应式流程如上图所示,但具体情况需具体分析,如您还有问题请加客服QQ,我们会在线帮您解答疑惑。

模板这么好,你不来几套???