利用织梦建站实现PC+移动同步,站长必备技能
最近小新在帮企业建站，企业要求必须实现PC端跟移动端同步，经费很少，于是搞了一个万网免费虚拟主机就开始做了，大家知道的，主机，还是免费版的，只放得下一个站点，至多一个数据库，所以必须实现PC站点跟移动站点是同个后台，同个数据库。
直接找了两个织梦模板，一个pc模板，一个移动端模板，移动端是静态页面，所以要手动转成织梦，通过织梦自带的移动功能把两个站点关联起来。思路对了方法还是比较简单，需要注意的是织梦移动端的模板默认实在pc模板后面加上“_m”,所以在调用时要特别注意，与pc端相同，首页也要手动生成，在生成默认首页是需要把“index.html”改成“index_m.html”。其它方面就不多说了，零零碎碎地要到一些问题，最后动手搞一搞就解决了，一下是织梦手机模板的一些说明，供大家参考下。
织梦程序更新后，就添加了很多针对手机移动端的设计，最大的设计就是添加了生成二维码的织梦标签和织梦手机模板功能，织梦更新后，默认的 default模板中就包含手机模板，所以我们可以给织梦网站设计双模板，电脑网站pc模板和手机wap模板，很方便。
我们在制作模板时通常都会参考织梦默认模板default中的标签使用，所以，接下来我们就来分析一下织梦默认模板default中使用手机模板的制作方法（注意本教程适合有织梦模板开发经验的站长，如果是新手，建议先去熟悉织梦pc模板开发）。
1、手机模板命名规则
在新织梦的default模板中，除了原有的模板外，多了些手机模板，主要手机模板如下：
index_m.htm 首页模板
index_default_m.htm 频道页模板
list_default_m.htm 列表页模板
list_default_sg_m.htm 列表页模板
article_article_m.htm 内容页模板
article_default_m.htm 内容页默认模板
search_m.htm 搜索页模板
head_m.htm 顶部模板
footer_m.htm 底部模板
熟悉织梦电脑网站模板制作的站长，一眼大体就能明白这些手机模板对应的用法和制作。这些手机模板和pc模板在制作、调用上还是有些区别的。下面说一下具体的区别。
2、手机模板和pc模板的不同
（1）手机模板的命名不同
从上面手机模板的命名就可以看出，手机模板和pc模板的命名区别就是在pc模板后加“_m” ，例如pc首页模板是index.htm，对应的手机模板就是index_m.htm ；pc列表页模板是list_article.htm ，对应的手机列表页模板就list_article_m.htm 。
并且制作pc模板时，应该有一个pc模板，就做一个对应的手机模板，命名如上，这样电脑和手机访问时，对应页面都可以正常显示。
（2）手机模板调用的资源位置不同
pc模板制作时，调用的css、js、images都在模板文件夹中，例如默认default模板中的css、js、images都在其中。而手机模板调用的css、js、images等资源都在网站根目录/m/assets文件夹下。
当然我们可以在手机模板中把资源调用的位置设置到模板文件夹内。但我分析了一下，觉的默认的手机模板资源这样调用还是有好处的，把手机模板资源和pc模板 资源分开，这样当我们又做了一个pc模板，想把现有的手机模板添加到这个新pc模板中时，只需要把手机模板文件复制一份到新pc模板中就可以了，手机的 css、js等资源都不用动。简单说，就是对手机资源管理方便。
所以建议手机模板资源按照默认模板一样，放到根目录对应文件夹下。
（3）网站根目录的m文件夹
新织梦的根目录下多了m文件夹，这个就是手机访问的文件夹，刚才说了手机模板资源就在m文件夹下。除此之外m文件夹下还有index.php、list.php、view.php，当我们访问手机站时，其实就是访问这3个文件，动态访问手机站。
所以如果你想用电脑查看一下自己的手机站，方法就是访问：http://你的域名/m ，就可以查看手机网站了。
（4）pc模板中的设置
当我们用手机访问网站时，会自动跳转到手机模板，这需要在pc模板中添加跳转的js代码。在&head&&/head&添加代码。
* 首页模板中添加如下代码：
&meta http-equiv=”mobile-agent” content=”format=url={dede:global.cfg_mobileurl/}/index.php”&
& type=”text/java”&if(window.location.toString().indexOf(‘pref=padindex’) != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(“?
mobile”)&0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href=”{dede:global.cfg_mobileurl/}/index.php”;}else if
(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}&/&
* 列表页模板添加如下代码：
&meta http-equiv=”mobile-agent” content=”format=url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}”&
& type=”text/java”&if(window.location.toString().indexOf(‘pref=padindex’) != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(“?
mobile”)&0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href=”{dede:global.cfg_mobileurl/}/list.php?tid=
{dede:field.id/}”;}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}&/&
*内容页模板添加如下代码
&meta http-equiv=”mobile-agent” content=”format=url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}”&
& type=”text/java”&if(window.location.toString().indexOf(‘pref=padindex’) != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(“?
mobile”)&0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href=”{dede:global.cfg_mobileurl/}/view.php?aid=
{dede:field.id/}”;}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}&/&
其中上面的js是电脑网站跳转到手机网站的代码，而&meta http-equiv=”mobile-agent” ….&是用来告诉百度，手机网站的地址，主要用于seo。
pc模板添加上面代码后，手机访问网站时，就会自动跳转到手机网站模板了。
（5）手机模板的设置
刚才说过了手机网站访问的是网站根目录的m文件夹下的index.php，list.php，view.php ，手机网站是访问动态页面，而不像pc站中的静态页面。
手机模板制作时，有两个地方和pc模板不同。
一、栏目超链接不同
在pc模板中，如导航栏，栏目超链接调用如下：
{dede:channel type=’top’ row=’10’ }
&a href='[field:typeurl/]’ &这是栏目内容&/a&
{/dede:channel}
手机模板调用栏目超链接代码如下：
{dede:channel type=’top’ row=’10’ }
&a href=’list.php?tid=[field:id/]’ &这是栏目内容&/a&
{/dede:channel}
二、文章列表超链接不同
pc模板中文章列表超链接调用代码如下：
{dede:arclist row=’10’ }
&a href='[field:arcurl/]’ &这是文章标题&/a&
{/dede:arclist}
手机模板调用文章列表超链接代码如下：
{dede:arclist row=’10’ }
&a href=’view.php?aid=[field:id/]’ &这是文章标题&/a&
{/dede:arclist}
除了这两个超链接不一样，其他的织梦标签通用。
（6）默认的手机搜索页模板search_m.htm不能用
经测试发现，默认的手机搜索模板search_m.htm不能用，但用手机搜索时，搜索结果用的是pc搜索模板search.htm 。
这是因为手机模板中搜索也是调用的pc站的搜索功能。如果需要让手机网站可以调用search_m.htm ，就需要单独设置搜索功能页面。具体内容太长了，所以请参考《织梦dedecms怎样设置不同的搜索页模板》。
ok，完成pc站的跳转，和手机站链接的注意事项，你就可以开始做自己的织梦手机模板了，方法和pc站模板开发类似。开发时，可以多参考默认default的手机模板。快去试试吧。祝你成功！
更多请关注：X-blog：http://www.zhongjianxin.com
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
个人诚信帮企业建设网站，价格从优。
百度/360/搜狗推广账户托管，价格从优。
今日搜狐热点欢迎来访256模板网，织梦模板免费下载平台！
当前位置： >
Dedecms织梦模板PC网站自动跳转到移动端URL设置
时间：   来源:网络   编辑:256模板网
本人使用织梦模板建站的，随着移动端MIP的上线，也想体验，因此自建了独立的移动端网站，数据库和PC网站用的是同一个。本次主要分享下作为一个技术小白在搭建织梦移动端网站后，如何实现客户使用移动设备访问PC网站自动跳转到对应移动网页的设置方法。 DedeCM
本人使用建站的，随着移动端MIP的上线，也想体验，因此自建了独立的移动端网站，数据库和PC网站用的是同一个。本次主要分享下作为一个技术小白在搭建织梦移动端网站后，如何实现客户使用移动设备访问PC网站自动跳转到对应移动网页的设置方法。
DedeCMS模板移动适配成功后，虽然首页可以用百度官方的跳转方法实现跳转，但是手机端访问网站的内页pc网址时，不会自主跳转到相对应的移动站点，查询了很多方法，只有JS跳转可以完美实现。
不考虑移动端搜索引擎优化，需要通过JS判断是否移动端，然后确定是否跳转到指定页面就行了。
添加js文件，代码如下，名字随意命（如 m.js）：
//判断是否移动端，如果是则跳转到指定的URL地址
function browserRedirect(url) {
//只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值
varsUserAgent =navigator.userAgent.toLowerCase();
varbIsIphoneOs = sUserAgent.match(/iphone os/i) ==&iphone os&;
varbIsMidp = sUserAgent.match(/midp/i) ==&midp&;
varbIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) ==&rv:1.2.3.4&;
varbIsUc = sUserAgent.match(/ucweb/i) ==&ucweb&;
varbIsAndroid = sUserAgent.match(/android/i) ==&android&;
varbIsCE = sUserAgent.match(/windows ce/i) ==&windows ce&;
varbIsWM = sUserAgent.match(/windows mobile/i) ==&windows mobile&;
if(bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.replace(url);
DedeCMS的首页、内容页和栏目页都是模版控制生成，因此只需要为每个模板添加JS引用代码即可，具体如下：
&1& 首页模板调用JS跳转代码：
&script src=&/js/m.js&&&/script&
&script type=&text/javascript&&browserRedirect (&移动端网址&);&/script&
&2& 栏目/列表页模板调用的代码：
&script src=&/js/m.js&&&/script&
&script type=&text/javascript&&browserRedirect
(&移动端网址{dede:type typeid='0& row=1}[field:typelink/]{/dede:type}&); &/script&
&3& 文章内容页模板调用代码：
&script src=&/js/m.js&&&/script&
&script type=&text/javascript&&browserRedirect (&移动端网址{dede:field name='arcurl'/}&); &/script&
更新全站缓存并重新生成内容页、栏目页、首页，再用移动端访问PC电脑网址就可以完美实现跳转。
Ps：由于本人也是dedecms小白用户，因此相关技术原理也不懂，也是网上搜索了很多教程，才最终实现的。希望这个教程可以帮助到和我一样有需要的站长朋友们，站长本是弱势群体，希望大家尽量可能多分享，互帮互助！
如按此教程操作还不成功，有问题的朋友，可以跟帖回复，我会的都会尽量回复大家。当然再三声明我也是小白，如果我不会的，也只能要你自己去百度多搜索，看看别人怎么操作&
来源网址：
责任编辑：
VIP会员客服
免费送模板织梦dedecms完美实现pc站与手机站共用一个后台和数据库的方法_dedecms吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：11,399贴子：
织梦dedecms完美实现pc站与手机站共用一个后台和数据库的方法收藏
很多站长朋友用dedecms网站开发的时候，需要实现pc站与手机站共用一个后台，用一个数据库，这样做可以让新闻内容减少发布的次数，具体怎么实现呢？下面CMS资源网就告诉大家实现方法：第一步：在后台建立一个顶级导航为手机站，在这个导航下面建立手机站需要的各个栏目，如下图：第二步：把需要pc站和手机站需要的文章（如新闻资讯栏目）的栏目相关联起来，怎么关联呢？如下图一样设置栏目交叉就可以了，把手机站的栏目交叉的地方设置成pc站相关的栏目的id即可。这样就可以实现手机站和pc站文章内容的通用了。现在一建更新下网站看看，是不是在手机站里面就可以显示网站文章的列表了。但是你会发现在手机站中点击文章的内容页时会自动跳转到电脑站的内容页。怎么解决这个问题呢。下面就需要二次开发手机站的内容页了，具体怎么开发，下面这个附件是用dede自带的mvc开发的，目前手机站的内容页只实现了，文章详细信息、相关文章、上一篇、下一篇功能，在手机上面也够了，可能不太完整，大家有兴趣可以修改增加一些功能。附件下载：
dedecms,只需要搭建一次,解析域名到服务器,即可在后台选择模板生成独立网站,省时省力,批量建网站的神器
垃圾，制造垃圾，制造垃圾，污染环境
这种方法太麻烦了，我有更简单的方法，哪有需要这么繁琐
这样蛮麻烦的，5.7版本不是有系统自带手机模板吗
登录百度帐号织梦PC站和移动站绑定不同域名实现数据同步的办
织梦自带的wap模块比较老不太好实现手机二级域名，数据库互通地址相对应，那要怎么做呢?
1、先用织梦程序建了一个PC站，然后再用织梦建了个手机站，PC站和手机站的配置是一模一样的，因为数据库是一样的，你把手机站的数据库配置写跟PC站一样，那后台就一样了，所以你调用的模板也就一样了，后面就是不同的地方了，把手机站的模板跟PC站的命名是一样的，但是我把模板内容改了，改成适应手机的模板了，这样手机这个域名打开的就是手机站，PC打开的就是PC站了，就实现了共用数据库!
2、还有，如果你手机站的图片肯定不能同步，你修改下\include\FCKeditor\editor\dialog\dede_image.php，这是FCK编辑器，如果不是那就打开你的编辑器下的这个文件，大概在153行那，在图片的路径前面加上你的域名，这样你的文章图片在手机站那边才能显示。
3、第三就是你的手机站用到缩略图的话，要加上你的PC站域名，这就在模板里面加就好了，在调用缩略图的时候前面写上PC站的域名，因为图片上传不会传到你的手机站目录下，只能这样做!
4、然后添加文章在一个后台添加就行，因为数据互通，但更新需要在两个后台，因为html未生成。
还有一点注意的，就是模板里的css,js,图片路径都得改为相对路径，如：
{dede:global.cfg_templets_skin/}/style/dedecms.css
templets/default/style/dedecms.css
有什么不明白的，请给我网站右边QQ留言
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'返回页面顶部'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
scrolltotop.init()}