继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

在tp5.1.19框架下针对手机站和PC站调用两套模板的方法

慕虎7371278
关注TA
已关注
手记 1299
粉丝 202
获赞 875

随着移动端的兴起,像淘宝,京东等大型站点都专门针对手机做了移动站点,例如淘宝的h5.m.taobao.com,京东的m.jd.com,但对于一般小站,其实没必要为手机单独做一个站点,我们完全可以用一个站点,分别针对手机和pc做不同适配,以达到各类终端都能看到友好界面的目的。具体怎么做呢?我们以thinkPHP5.1.19为例,做具体说明。

一.在入口文件index.php中检测是否为手机访问

webp

   检测是否为手机的程序文件是isMobile.php,他与入口文件在相同的文件夹下,其代码如下:

webp

如果是手机,则定义手机访问的模板路径,如果是电脑,则定义电脑端的模板文件路径。

二.配置手机站和PC站各自的模板路径

webp

三.验证。

    分别在两个模板路径下创建文件,一个用于pc访问,一个用于手机访问。具体如下:

    手机访问的模板文件:application/home/view/mobile/index/index.html

webp

    效果:

webp

PC端访问的模板文件:application/home/view/pc/index/index.html

webp

   用电脑访问,效果:


webp

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



作者:时光成著
链接:https://www.jianshu.com/p/8d59570e71e3


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP