欢迎光临红杰尔网!深圳红杰尔电子商务有限公司官方网站 [设为首页] [加入收藏]
  红杰尔电商标志 红杰尔电商咨询
深圳红杰尔电子商务有限公司官方网站

服务联系微信:hongjier001

提供企业电子商务系统化解决方案!
电子商务师咨询

专业提供电子商务咨询、抖音电商咨询直播咨询和网站优化等

当前位置: 首页 > 电商资讯 > SEO资讯 >

CI框架网站如何配置移动端?CI框架PC和移动同步并绑m域名

时间:2018-08-01 09:42来源:未知 作者:admin 点击:
CI(CodeIgniter)框架网站,可以通过在application文件夹下建移动端文件夹,然后绑m二级域名,实现m二级域名访问移动端,www二级域名访问PC端,并且PC端和移动可同步共享后台发布的数据。
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不用复制,共享)。如下图:


CI框架网站配置移动端文件配置结构图


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文件,上传至网站根目录。
 
5、手机访问时跳转处理

复制以下代码粘贴在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)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

红杰尔网于2018.6.升级,该网站版权归深圳红杰尔电子商务有限公司所有。