PrestaShop 如何在本地服务器上开展主题开发工作

1. 调整数据库配置 #

• 打开XAMPP控制面板，启动MySQL后点击进入phpMyAdmin，新建一个空数据库，把你下载的线上数据库备份文件导入进去
• 找到站点根目录下的app/config/parameters.php文件，修改数据库连接参数为本地环境配置：
  • 数据库名填你刚创建的本地库名
  • 数据库用户名默认XAMPP为root
  • 数据库密码默认XAMPP为空，如果你自己改了就填你设置的密码
• 执行SQL修改站点域名，防止自动跳转到线上站点：
  在phpMyAdmin里进入刚导入的数据库，执行以下SQL语句，注意把示例的本地地址替换成你自己的本地访问路径，如果你数据库表前缀不是默认的ps_，要改成你实际的表前缀：

  UPDATE ps_configuration SET value = 'http://localhost/prestashop' WHERE name = 'PS_SHOP_DOMAIN';
  UPDATE ps_configuration SET value = 'http://localhost/prestashop' WHERE name = 'PS_SHOP_DOMAIN_SSL';
  

2. 清理旧缓存 #

PrestaShop默认会缓存大量配置、模板资源，不清旧缓存会一直加载线上的旧数据：

• 直接删除站点根目录下var/cache文件夹内的所有内容即可
• 后续进入后台也可以在「高级参数」-「性能」页面手动刷新缓存

3. 开启开发模式实现实时预览 #

• 打开根目录下的config/defines.inc.php文件，找到define('_PS_MODE_DEV_', false);这一行，把false改成true开启开发模式，此时修改主题文件不会被缓存，刷新浏览器就能看到修改效果
• 如果还是有缓存残留，进入后台「高级参数」-「性能」页面，把「模板缓存」设置为「强制编译」，同时关闭全局缓存选项即可
• 你要修改的主题文件都存放在themes/你的目标主题名/目录下，tpl是页面模板文件，css、js、图片资源都在对应子目录中，直接修改对应文件即可

4. 验证运行状态 #

• 先访问前台，确认页面样式、功能和线上一致，没有报错、资源缺失的问题
• 后台访问地址为你的本地域名/你的后台文件夹名（默认后台文件夹会被重命名，用你自己实际的名称即可），登录后进入「设计」-「主题与Logo」页面，确认你要开发的目标主题已经被设置为当前启用主题
• 简单测试商品页、分类页、购物车等核心功能是否正常运行，有没有因为本地环境差异导致的报错

5. 可选：配置热重载提升开发效率 #

如果你想要修改css、js后浏览器自动刷新，不需要手动刷新页面，可以进入主题目录，用node安装对应依赖后执行npm run watch启动热重载服务即可，大部分主流PrestaShop主题都自带对应的webpack配置，无需额外写配置文件。

内容的提问来源于stack exchange，提问作者THREEsome