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

用电脑访问,效果:

这样就实现了,同一个网址,用不同终端去访问的时候看到了不同的模板。
不过还是挺麻烦的哈,等我学会了,做个插件钩子,就方便得多了
本文介绍如何使用ThinkPHP5.1.19实现网站在移动端和PC端的自适应布局,通过检测设备类型,设置不同模板路径,实现同一网址在不同终端显示不同界面。


被折叠的 条评论
为什么被折叠?



