A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 上海分校-小影 于 2018-8-3 15:05 编辑

tp5.1.19框架下针对手机站和PC站调用两套模板的方法
                                     上海传智播客  崔长春老师
随着移动端的兴起,像淘宝,京东等大型站点都专门针对手机做了移动站点,例如淘宝的h5.m.taobao.com,京东的m.jd.com,但对于一般小站,其实没必要为手机单独做一个站点,我们完全可以用一个站点,分别针对手机和pc做不同适配,以达到各类终端都能看到友好界面的目的。具体怎么做呢?我们以thinkPHP5.1.19为例,做具体说明。
一.在入口文件index.php中检测是否为手机访问
   
   检测是否为手机的程序文件是isMobile.php,他与入口文件在相同的文件夹下,其代码如下:
      

如果是手机,则定义手机访问的模板路径,如果是电脑,则定义电脑端的模板文件路径。
二.配置手机站和PC站各自的模板路径
   

三.验证。
    分别在两个模板路径下创建文件,一个用于pc访问,一个用于手机访问。具体如下:
    手机访问的模板文件:application/home/view/mobile/index/index.html
      
    效果:
                     
   PC端访问的模板文件:application/home/view/pc/index/index.html
      

   用电脑访问,效果:

      

   这样就实现了,同一个网址,用不同终端去访问的时候看到了不同的模板。


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马