为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Premiere

随着移动端的兴起,像淘宝,京东等大型站点都专门针对手机做了移动站点,例如淘宝的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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消