【织梦手机端仿站】和PC一个后台

卸载插件，织梦默认带手机站，无需复杂使用插件以后不方便升级。
织梦2015年6月8日更新后，就添加了很多针对手机移动端的设计，最大的设计就是添加了生成二维码的织梦标签和织梦手机模板功能，织梦更新后，默认的 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等资源都不用动。简单说，就是对手机资源管理方便。

所以建议手机模板资源按照默认模板一样，放到根目录对应文件夹下。直接复制把手下面的:css,images,js三个文件夹到m文件夹下即可。

（3）网站根目录的m文件夹
新织梦的根目录下多了m文件夹，这个就是手机访问的文件夹，刚才说了手机模板资源就在m文件夹下。除此之外m文件夹下还有index.php、list.php、view.php，当我们访问手机站时，其实就是访问这3个文件，动态访问手机站。

所以如果你想用电脑查看一下自己的手机站，方法就是访问：http://你的域名/m ，就可以查看手机网站了。

（4）pc模板中的设置
当我们用手机访问网站时，会自动跳转到手机模板，这需要在pc模板中添加跳转的js代码。在<head></head>添加代码。

* 首页模板中添加如下代码：

* 列表页模板添加如下代码：

*内容页模板添加如下代码

其中上面的js是电脑网站跳转到手机网站的代码，而<meta http-equiv="mobile-agent" ....>是用来告诉百度，手机网站的地址，主要用于seo。

pc模板添加上面代码后，手机访问网站时，就会自动跳转到手机网站模板了。

跳转方法2：

<script type="text/javascript">

if(window.location.toString().indexOf('pref=padindex') != -1){

}else{

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || /$Android.*Mobile.+$.+Gecko.+Firefox/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="/m";

}else if(/iPad/i.test(navigator.userAgent)){

//window.location.href="/"

}else{

window.location.href="/"

}

}catch(e){}

}

</script>

（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}
例如：/m/list.php?tid=1,首页生成比较慢，要关闭后台浏览器之后从新生成

二、文章列表超链接不同
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一个后台的更多相关文章

dedecms织梦手机端文章内容页图片不能自适应解决方法
dedecms织梦手机端文章内容页图片不能自适应解决方法: 方法一修改手机端文章页模板代码: 找到并打开手机端的文章内容页模板,将里面的{dede:field.body/}标签修改一下,改为如下的标签 ...
腾讯视频的手机端的地址和PC端的地址是不一样的
腾讯视频的手机端的地址和PC端的地址是不一样的,所以使用iframe的时候记得要使用手机端的地址
织梦dedecms5.7手机站页面首页正常其他页面显示pc页面解决方法
最近遇到的问题,用的是织梦的dedecms从以前的版本升级上来的最新版5.7sp2,客户需要手机版的,要做一个百度的验证. 这个站首页显示算是基本正常,点开里面随便一个页面会跳转到pc页面上 ...
手机端跳转和pc端跳转
http://jingyan.baidu.com/article/cdddd41c61823e53cb00e198.html 参考网址浏览:11532 | 更新:2014-04-22 16:51 第 ...
【特效】手机端仿美团下拉菜单带遮罩层html+css+jquery
写了一个手机端的下拉菜单,类似美团,用相对单位rem写的. 效果截图: 代码很简单,原理有点类似嵌套的选项卡,其中的难点在于弹出下拉菜单后,出现黑色半透明遮罩层,而且下层列表页面禁止滚动了.关键就是给 ...
织梦DEDE系统跨站跨数据库调用数据显示
调用方法本标签的调用格式为: {dede:sql sql="一条完整的SQL语句" appname="数据库配置参数"}您的底层模板{/dede:sql} 稍 ...
APP手机端加载不到资源服务器后台解决参考
今天发现app登录时,报could not get resource,日志中打印的是redis相关的错误,于是开始一步步检查错误! 后台架构:redis+mysql+elk+tomcat+zookee ...
手机端仿ios的单级联动脚本三
脚本 <script>var weekdayArr=['非公司企业法人','个体工商户','私营独资企业','私营合伙企业','有限责任公司','股份有限责任公司'];var mobile ...
手机端仿ios的1-n级联动脚本二
一,图片二,代码 2.1,html脚本 var weekdayArr=['周日','周一','周二','周三','周四','周五','周六'];var timeArr = ['08:30','09: ...

随机推荐

Java重写祖先类方法equals示例
Java中很重要的一个知识点就是所有类都默认继承Object类,所以创建的每一个类都继承了Object的方法,所有类都可以向上转型为Object类对象,当然可以重写Object里面的常用方法,有时候重 ...
heartbeat高可用
一.基本了解 1.Hearbeat和keepalived区别Keepalived使用的vrrp协议方式,虚拟路由冗余协议 (Virtual Router Redundancy Protocol,简称V ...
k-交叉验证KFold
交叉验证的原理放在后面,先看函数. 设X是一个9*3的矩阵,即9个样本,3个特征,y是一个9维列向量,即9个标签.现在我要进行3折交叉验证. 执行kFold = KFold(n_splits=3) : ...
websocket服务器推送（node+express+vue+socket）
简介: 此项目需要懂一点node.express 功能: 1.前端用户登录,查看服务端推送的消息,用户只能在一个地方登录,也就是单点登录 2.服务端首先登录,上传需要推送的信息文本,后台读取文本后,存 ...
[gym101981M][2018ICPC南京M题]Mediocre String Problem
题目链接题目大意是问在$S$串中找区间$[i,j]$,在$T$串中找位置$k$,使得$S[i,j]$和$T[1,k]$可以组成回文串,并且$j-i+1>k$,求这样的三元组$(i,j,k)$的 ...
设备程序远程升级采用两种方式（优先采用IP方式）
设备程序远程升级采用两种方式(优先采用IP方式): 采用应急广播TS流传输技术规范的消息内容表携带升级包数据.当辅助数据类型值为44时,消息内容表传输的数据为程序升级包. 采用IP方式传输升级包数据. ...
vue与react对比
相同点 1.都使用 virtual DOM 2.都是组件化开发 or 都提供了组件化的视图组件 3.数据的改变会引起视图的二次渲染 4.都只有骨架,其他的功能如路由.状态管理等是框架分离的组件. 5. ...
python 四舍五入进位不准
python中四舍五入进位不准,自己写了个方法结果: def new_round(_float, _len): ''' 四舍五入保留小数位,如果想实现 0.2 显示为 0.20,可使用 '%.2f' ...
日语能力考试N2级必备外来语
日语能力考试N2级必备外来语ア行外来语アンテナ:(antenna) 天线インタビュー :(interview) 采访,访谈ウイルス:(virus ) 病 ...
vue 列表渲染 v-for
1.数组列表 v-for 块中,我们拥有对父作用域属性的完全访问权限.v-for 还支持一个可选的第二个参数为当前项的索引 1.1 普通渲染 v-for="item ...

【织梦手机端仿站】和PC一个后台

【织梦手机端仿站】和PC一个后台的更多相关文章

随机推荐

热门专题