黑马程序员技术交流社区

标题: 【上海校区】tp5.1.19框架下针对手机站和PC站分别调用模板... [打印本页]

作者: 为热爱挥汗    时间: 2018-8-1 10:03
标题: 【上海校区】tp5.1.19框架下针对手机站和PC站分别调用模板...
本帖最后由 上海分校-小影 于 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
      

   用电脑访问,效果:

      

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







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2