请问做好pc网站,怎么让手机与pc网站同步模板之同步???

1046人阅读
dedecms网站扩展手机网站—共用数据库真正做到电脑手机同步访问,原pc站无需改动,对原pc站无任何影响
在如今无线互联网大潮的冲击下,越来越多的pc网站访问量下降,首当其冲的就是以pc网站为生的站长们,为了顺应无线互联网的要求,站长们很有必要为自己的pc网站扩展一套手机网站,更早的抓住手机用户的流量,使自己的网站更好的生存下去。看到这篇文章你应该感到庆幸,这儿会给你介绍一种最简单快速扩展手机网站的方法,对你正在运行的pc网站毫无影响。注意本文只针对利用dedecms系统建设的网站。
原dedecms系统优缺点分析:根据dedecms建站的思路,系统文件不变,改变网站模板就可以建一个新的网站,但是目前dedecms只支持一个数据库对应一套网站模板,系统自带的wap手机模板模式已经不忍直视,怎能满足目前的手机浏览时代。很多有追求的站长为了满足无线互联网大潮的需求,只能建两个网站,一个pc站一个手机站,并且同时维护两套数据相当麻烦,数据同步也很费劲。
dedecms扩展手机网站二次开发思路:这是我根据dedecms v5.7 扩展开发了手机网站系统,原pc网站系统不受影响,让一个数据库同时对应两套模板(一套pc模板和一套手机模板),当在pc端访问时,还是按原来的页面模板进行展示,但当在手机端访问时,通过判断访问设备为手机,系统自动调用手机模板进行展示,从而达到数据统一、模板分离的效果。无论客户用什么设备进行访问,网站总是以最合适、很友好的页面展示给顾客,从前增加网站的吸引力。
扩展手机网站原则: 在不改变原网站文件的前提下,仅增加(不删除、不改动)几个系统文件和一套手机模板(手机模板可以根据自己的需要随时更换)。
以下为在原pc网站的基础上扩展手机网站的步骤:
一、增加的系统文件列表:
1、plus 文件夹下面 增加 mlist.php &和 &mview.php&
& & (1)mlist.php 实现pc端和手机端“列表页面”的展现分离
& & (2)mview.php实现pc端和手机端“文章页面”的展现分离
&2、include 文件夹下增加&arc.mobile.class.php 、arc.mobilelist.class.php
和&arc.mobilelistle.class.php&
& & (1)arc.mobile.class.php 为手机模板增加的文档类
& & (2)arc.mobilelist.class.php 为手机模板增加的自由列表类
& & (3)arc.mobilelistle.class.php 为单表模型列表视图类
&3、statics/js 文件下增加 mobileDetect.js ,该文件下的mobile_device_detect()方法用于检测是pc浏览还是手机浏览,如果是手机浏览会跳转到手机浏览模板路径。
二、增加手机模板文件方法:
1、templets/default 文件夹下放置手机模板文件,与pc端模板文件放在一个文件夹下,如果默认目录不是default请自行修改。
2、为了与同文件下的pc端模板文件区分,在手机模板文件名字前都加一个 ’m’ ;
3、为了保证pc端和手机端页面保持同步,主要的模板文件数量和命名要保证一一对应,但一些广告模板文件或其他的个性模板文件除外;
& 如:index.htm &对应 mindex.htm
& & & & list_article.htm 对应 mlist_article.htm
& & & & article_article.htm 对应 marticle_article.htm&
& & & & head.htm 对应 mhead.htm
& & & & footer.htm 对应mfooter.htm 等等。
&4、当然不能少了手机模板的样式、脚本和图片所在的文件夹 mstatics,可根据手机模板和自己网站的情况自行修改该文件的名字。
三、对“pc端模板”增加检测脚本
1、在 index.htm 文件中的&head&&/head&标签之间加入以下脚本文件
& &&!--引入手机浏览转换js开始--&
& &script language=&javascript& type=&text/javascript& src=&/statics/js/mobileDetect.js&&&/script&
& &script&
& & mobile_device_detect(&/mindex.html”);//这里设定的手机端的首页位置为 /mindex,html
& &/script&
&&!--引入手机浏览转换js结束--&
2、在&list_article.htm文件(包括其他以list_开头的模板文件)中的&head&&/head&标签之间加入以下脚本文件
& &&!--引入手机浏览转换js开始--&
& &script language=&javascript& type=&text/javascript& src=&/statics/js/mobileDetect.js&&&/script&
& &script&
& & mobile_device_detect(&/plus/mlist.php?tid={dede:field.typeid/}&);//这里设定的手机端的列表页面路径, tid动态 & & & & & & & & & & & & & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & & & &//获取,保证了pc端和手机端列表的同步性。
& &/script&
&&!--引入手机浏览转换js结束--&
3、在 article_article.htm文件(包括其他以article_开头的模板文件)中的&head&&/head&标签之间加入以下脚本文件
& & &!--引入手机浏览转换js开始--&
& &script language=&javascript& type=&text/javascript& src=&/statics/js/mobileDetect.js&&&/script&
& &script&
& & mobile_device_detect(&/plus/mview.php?aid={dede:field.id/}&); //这里设定的手机端的文章页面路径,aid动态 & & & & & & & & & & & & & & & & & & & & & & & & & & & & &
& & & & & & & & & & & & & & & &//获取,保证了pc端和手机端文章的同步性。
& &/script&
&&!--引入手机浏览转换js结束--&
四、网站更新的方法
1、网站列表和文章的生成方法:
&看了第三个步骤,就能发现,手机端除了首页需要生成之外,列表和文章都是动态浏览的,无需更新生成;
所以每次更新网站栏目和文档时 就按原来更新pc端网站的方法即可。
2、网站首页生成方法:按先生成手机端首页再生成pc端首页的顺序生成;
&(1)生成手机端首页:dedecms后台 生成—更新主页HTML—选择主页模板改为:default/mindex.htm;主页位置改为:../mindex.html;首页模式选 ‘生成静态’ — 更新主页HTML & &完成。
&(2)生成pc端首页:dedecms后台 生成—更新主页HTML—选择主页模板改为:default/index.htm;主页位置改为:../index.html;首页模式选 ‘生成静态’ — 更新主页HTML & &完成。
经过以上四个步骤,所有的工作就完了,现在你就可以分别用pc和手机测试一下网站了。
演示网站地址: & (请分别用电脑和手机访问该网址 进行测试 或用手机扫描二维码访问)
手机站首页
手机列表页头部
列表页显示菜单
手机列表页尾部
手机文章页头部
手机文章页尾部
dedecms网站扩展手机网站的系统文件请联系 qq : (包指导安装),非诚勿扰!
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:1824次
排名:千里之外
转载:11篇
(2)(2)(6)(1)(1)请问如何让iphone手机和电脑同步显示?_手机问题_土巴兔问吧
请问如何让iphone手机和电脑同步显示?
输入手机号码,报价结果将发送到您手机
装修顾问-馨馨
4年行业经验,24h可咨询
10秒闪电通过好友
报价短信已发送到您的手机
因材料品牌及工程量不同,具体报价以量房实测为准
稍候装修管家将回电您,免费提供装修咨询服务
您的装修预算约
*装修管家将回电您,免费提供装修咨询服务
*装修管家将回电您,免费提供装修咨询服务
*因材料品牌及工程量不同,具体报价以量房实测为准
装修顾问 -馨馨
(四年装修行业经验)
微信扫一扫
3.&您家小区名称 :&&
请选择您家的装修时间
请问如何让iphone手机和电脑同步显示?
提问者:葛博实|
浏览:272|
时间: 12:56:24
已有3条答案
回答数:142|被采纳数:1
南昌锦铭轩装饰工程有限公司
所有回答:&142
通过iTunes管理iPhone4首先请确定在您的电脑上已经安装好iTunes9.2版本,安装过程按照提示一步一步进行安装即可。
安装完毕后,当您的iPhone通过USB线缆连接到电脑PC端时,iTunes会自动启动(若未自动启动,请手动开启iTunes)。若您的iPhone已经激活,则iTunes会自动识别iPhone,并显示iPhone操作界面,在摘要界面中,可以查看到iPhone的关于信息,包括iPhone名称(iPhone第一次连接iTunes时设置,后期可更改),iPhone容量(用户空间大小
回答数:9383|被采纳数:6
是山下输了
所有回答:&9383
iphone手机和电脑同步显示方法1、下载并打开iTunes软件,并将iphone与电脑连接。
2、点击右上角的“iphone”,进入自己的iphone设置。
3、在菜单栏上点击“应用程序”,进入应用程序设置界面。
4、在“文件共享”下,选择文件所在应用程序。
5、在右边文档列表中,选择文件,直接将其拖动到电脑桌面上,或者点击右下角“保存到”,即可实现将iphone文件传输到电脑上。这样就可以实现同步显示了
回答数:86146|被采纳数:56
所有回答:&86146
一般是以下办法:1、苹果手机连接电脑iTunes,一旦同步,那么就是不可恢复的。2、在同步的时候,一定要注意设置以及之前同步的信息,一旦操作不当就会抹除手机上面的信息。3、在同步的时候,把不需要同步的选项都关闭同步功能。就是把每一个可以同步的选项都点进入,然后把不需要的同步选项取消。
4、就是之前同步过的,再次同步的时候,需要把通过的文件再次加入到同步列表,才会防止这些文件在同步的过程中被抹除。
已有 4 个回答
已有 3 个回答
已有 3 个回答
已有 3 个回答
已有 3 个回答
位业主已在问吧找到答案
北欧简约、复古美式、大气欧式、清新地中海风,总有一款适合你!
一万套装修案例
下载土巴兔APP
中国装修网}

我要回帖

更多关于 微信端网站与pc端同步 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信