当前位置:主页 > 建站知识 > 织梦仿站 > 织梦仿站

织梦网站如何实现PC端与手机端数据同步

正月二十四2021-05-06织梦仿站人已围观

简介织梦建站实现手机端与PC端数据同步的方法和规则。

一、PC端制作完成后 在模板文件夹下 放置手机端的htm 然后再给每个htm的命名在最后加上 _m 如:

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 底部模板

手机端的这些htm文件放到与PC端模板同一文件夹下


二、把手机端的资源文件夹(css images js)放到 /m/assets 目录下


三、手机端所有htm的路径改写 css、img、js 路径全部换成手机端资源所在的路径 /m/assets/…


四、手机端调用与PC端有两块地方不一样 需要改写:


1.栏目调用


手机模板调用栏目超链接代码如下:


{dede:channel type=’top’ row=’10’ }

<a href=’list.php?tid=[field:id/]’>这是栏目内容</a>

{/dede:channel}


2.文章列表


手机模板调用文章列表超链接代码如下:


{dede:arclist row='10' }

<a href=’view.php?aid=[field:id/]’>这是文章标题</a>

{/dede:arclist}


除了这两个超链接不一样,其他的织梦标签通用。


此时更新 再通过 网站url/m 就可访问测试一下手机端的效果了


五、在PC端index的head中插入下面这段JS 就可以在手机端访问啦(PS:浏览器F12 手机模式看不到的 因为要判断设备类型)

<script>

if(navigator.platform.indexOf(‘Win32’)!=-1){

}else{

//shouji

window.location.href=”http://www.******.com/m”;

}

</script>


六、每次有更新之前 需要先把 /m/assets 下生成的index.html文件删掉 再去更新 这样就能实现织梦 PC端与手机端数据同步!


很赞哦! ()

相关文章

站点信息

  • 建站时间:2019-02-24
  • 网站程序:织梦CMS7.5
  • 主题模板
  • 文章统计:43 篇
  • 源码统计:2 篇
  • 微信号:扫描二维码