如何实现使用DedeCMS同一后台管理PC端和移动端？

如何使用DEDECMS用同一个后台管理PC和移动端

在当今移动互联网高速发展的时代，越来越多的用户通过移动设备访问网站，为网站提供PC端和移动端的兼容版本显得尤为重要，DEDECMS（织梦内容管理系统）作为一款广泛使用的PHP CMS系统，可以通过一些设置和插件实现PC端和移动端的统一后台管理，以下是具体的操作步骤和注意事项。

1. 准备工作

在开始之前，请确保你的DEDECMS系统已经安装并运行正常，你需要准备以下几样东西：

DEDECMS安装包及其对应的移动端插件

FTP工具用于上传文件

文本编辑器或IDE（如Notepad++、Sublime Text等）

2. 安装移动端插件

1、下载插件：下载适用于你当前DEDECMS版本的移动端插件，推荐使用“dedecmsV5.7PC+移动端同步整合插件”。

2、上传插件：将下载的插件解压后，通过FTP工具上传到DEDECMS的后台目录（默认是dede文件夹）。

3、安装插件：在浏览器中输入http://yourdomain/dede/wappc/install.php，按照提示完成插件的安装，安装完成后，会在根目录下生成两个文件夹pc和wap，分别用于存放PC端和移动端模板文件。

3. 配置模板和样式

1、放置样式文件：将移动端的样式文件放到根目录下的m/skin文件夹下。

2、配置模板：将PC端的模板文件和移动端的模板文件放在同一个文件夹下，移动端模板文件名需要加上后缀_m以示区分，PC端的首页模板名为index.htm，则移动端的模板名为index_m.htm。

3、修改模板引用：在PC端的各个页面模板中加入跳转代码，以便根据用户设备自动跳转到相应的页面，以下是几个常见的跳转代码示例：

首页跳转JS：

“`javascript

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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.php";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

“`

列表页跳转JS：

“`javascript

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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

“`

内容页跳转JS：

“`javascript

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|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>

“`

4、更新缓存：在PC端更新所有页面，在移动端更新首页，注意，首页上有几个按钮用于管理用户和文章，并根据设备类型跳转到不同的页面。

4. 插件的使用和管理

1、进入后台管理：在浏览器中输入http://yourdomain/dede/wappc/install.php并完成插件安装后，根目录/templets文件夹下会生成两个空文件夹pc和wap，这两个文件夹用来分别装PC和移动端模板文件。

2、选择模板：在网站栏目管理时，选好模板名，在PC和WAP下的模板名一定要一致（各自模板内容不一样），才能生成页面。

3、一键更新：在DEDECMS后台左上方有一个“当前为PC模式”，可以点击切换到wap模式，逐个生成静态页面。

4、数据同步：插件可以实现网站PC端数据和移动端数据同步，确保PC端和移动端生成路径统一。

常见问题解答（FAQs）

1、如何检查移动端是否生效？

如果你已经完成上述步骤但移动端仍然无法正常显示，请检查以下几点：

确保移动端域名已绑定到目录/m/上，且模板目录中存在与PC站模板相对应的移动端模板（名称规则为PC站模板名称后加"_m"）。

检查跳转代码是否正确插入到PC端模板中。

清除浏览器缓存，重新加载页面。

2、如何在DEDECMS后台切换PC和移动端的管理界面？

在DEDECMS后台左上方有一个“当前为PC模式”的选项，点击该选项可以切换到wap模式，从而进行移动端页面的管理。

通过以上步骤，你可以有效地使用DEDECMS同一个后台来管理PC和移动端的内容，确保网站在不同设备上的兼容性和用户体验，希望这些信息对你有所帮助！

Dedecms 使用同一个后台管理 PC 和移动端

Dedecms 是一款功能强大的内容管理系统，它支持多终端访问，但默认情况下，PC 端和移动端的后台管理是分开的，为了提高管理效率，我们可以通过以下步骤来实现使用同一个后台管理 PC 和移动端。

步骤一：修改模板文件

1、定位模板文件：找到 Dedecms 中 PC 端和移动端对应的模板文件。

PC 端模板通常位于templates 文件夹下的default 文件夹内。

移动端模板通常位于templates 文件夹下的mobile 文件夹内。

2、复制模板内容：将 PC 端模板文件夹内的所有文件复制到移动端模板文件夹内。

3、修改模板代码：

在移动端模板中，找到与 PC 端相同的页面或模块，修改其代码，使其兼容移动端显示。

确保所有样式和脚本都在移动端模板中正确引用。

步骤二：调整后台文件

1、修改后台入口文件：找到 Dedecms 的后台入口文件，通常是admin/login.php。

2、修改代码：

在文件中搜索$_uri 变量，这是 Dedecms 用于判断请求来源的变量。

修改相关代码，使其不再区分 PC 端和移动端，统一处理。

“`php

// 原始代码示例

if ($_uri == ‘admin/login.php’ || $_uri == ‘admin/index.php’) {

// PC 端后台逻辑

} else {

// 移动端后台逻辑

}

// 修改后的代码

if ($_uri == ‘admin/login.php’ || $_uri == ‘admin/index.php’) {

// 统一后台逻辑

}

“`

步骤三：配置数据库和缓存

1、检查数据库：确保 Dedecms 的数据库配置支持多终端访问，无需修改。

2、缓存配置：Dedecms 使用缓存，确保缓存配置适用于 PC 端和移动端。

步骤四：测试和优化

1、测试后台功能：在 PC 端和移动端分别测试后台管理功能，确保所有功能都能正常使用。

2、优化性能：根据测试结果，对后台界面和功能进行优化，确保在不同设备上都有良好的用户体验。

通过以上步骤，您可以实现在 Dedecms 中使用同一个后台管理 PC 和移动端，这样做可以提高管理效率，减少维护成本，同时确保多终端访问的一致性。