CI(CodeIgniter)框架网站,可以通过在application文件夹下建移动端文件夹,然后绑m二级域名,实现m二级域名访问移动端,www二级域名访问PC端,并且PC端和移动可同步共享后台发布的数据。 一、CI框架网站简介 CI是CodeIgniter 的简称。CodeIgniter是一个小巧但功能强大的 PHP 框架网站制作程序,免费,轻量级,干净,可及时原生网页的MVC框架网站程序。 二、CI框架网站PC和移动同步方法 CI框架网站配置移动端,并给移动端绑m二级域名,让PC端和移动端同步共享网站数据的方法如下: 1、网站结构布局 CI框架的网站,要想实现PC端和移动同步共享数据,并给移动端绑m 二级域名,网站结构布局是基础,也是关键。布局的方法,是在application文件夹下,先建个放置移动端程序的文件夹,例如mob。然后将PC端的文件各复制一份放在移动端的文件夹mob下(system和assets不用复制,共享)。如下图: 2、网站移动端单入口首页配置 A、将index.php单入口文件复制一份,放在pplication文件夹下作为移动端的单入口页面,然后修改文件名称,例如mob.php,再打开此文件找到$application_folder = 'mob';修改里面的首页文件为mob(引号中改为mob)。 B、打开移动端的config文件夹,找到routs.php ,打开将默认首页控制器改为你移动端的控制器名称。$route['default_controller'] = 'mhome';mhome是移动端控制器mhome.php。 3、网站网址简化 在刚才打开的移动端routs .php中,写规则,简化你的网址。 4、m二级域名绑定 在虑拟主机下,以下以阿里云虑拟主机为例,给mob文件夹绑m二级域名(也可绑其它二级域名)的方法如下: 将以下代码中的首页文件名称和域名改为你的实际文件名称和域名:
<IfModule mod_rewrite.c>
RewriteEngine on
# 为mob、 application和移动端入口文件等提供访问权限和静态化处理
RewriteCond $1 !^(index\.php|application|mob\.php|mob)
RewriteRule ^(.*)$ /index.php?/$1 [L]
RewriteEngine On
RewriteBase /
# 绑定m.manlinys.com 到子目录mob
RewriteCond %{HTTP_HOST} ^m.manlinys\.com$ [NC]
RewriteCond %{REQUEST_URI} !^/application/
RewriteRule ^(.*)$ application/mob.php/$1?Rewrite [L,QSA]
</IfModule>
修改好以上代码后,复制粘贴在记事本中,然后保存为.htaccess文件,上传至网站根目录。 复制以下代码粘贴在PC端的视图文件中,实现手机访问时自动跳转至对应的移动页面。
<script type="text/javascript">
(function(){
var ua=navigator.userAgent.toLowerCase();
var bIsIpad=ua.match(/ipad/i)=="ipad";
var bIsIphoneOs=ua.match(/iphone os/i)=="iphone os";
var bIsAndroid=ua.match(/android/i)=="android";
var bIsWM=ua.match(/windows mobile/i)=="windows mobile";
if(bIsIpad||bIsIphoneOs||bIsAndroid||bIsWM)
{window.location.href="http://m.manlinys.com"}})();
</script>
最后引号中的http://m.manlinys.com是对应的移动网址。 以上配置好后,你就可以用m二级域名访问移动端,WWW域名访问PC端了。从而完成CI框架网站移动端的配置。 三、CI框架网站移动端配置成功案例 CI框架网站移动端配置成功案例网站,例如【曼琳舞蹈网】,PC端用http://www.manlinys.com访问,移动端用http://m.manlinys.com访问,完美解决CI框架网站移动端配置问题。 四、注意事项 1、图片应用绝对路径。否则,移动端打不开图片。 2、移动端的文件可与PC端配一致,但移动端的视图文件样式宽度最好是100% 。 3、移动端可绑m二级域名,也可绑其它的二级域名。 4、移动端的单入口文件是放在application文件夹下,而不是放在根目录或mob文件夹中。 (注:此文为原创内容,转发请务必注明来源于:红杰尔电商学院网,原题《CI框架网站如何配置移动端?CI框架PC和移动同步并绑m域名》) (责任编辑:admin) |