零编程DIY402商城首页--简单修改数据库实现首页自由编辑

本教程本来是发到二开区与大家讨论的，不知道为什么不过审，那我就发到作品展示区了，如有不妥之处，请批评。

Crmeb升级到4.x之后，采取了前后端分离的设计思路。对于像我一样的Crmeb新手，实在是一个“普大喜奔”的好消息。

然而试了下4.0.2版首页页面的DIY功能，在感觉方便的同时，略有一些遗憾。官方提供的DIY实在是有点死板，如无法关闭某个板块，或调整板块的顺序等。听说Pro版可以关闭某些板块，可惜现在房价那么贵，二开价格那么高，生意那么难做，生活压力那么大……

在等待4.0.3升级包的时候，看了小扣子写的教程《4.0简单修改首页模板，增加新模板，适合于新手》，一方面是感谢他的无私分享，一方面有了自己试试的想法。

于是在笔记本上装了个虚拟机，摸索着装了个开发环境，研究了两天前端首页代码，发现了一种简单修改数据库实现首页相对自由编辑的方法，在此尽可能详细地给大家汇报。

本人水平有限，但是希望大家都能把CRMEB用得更好，在这寒冷的冬天少一点点烦恼……

注意：本教程涉及对后台数据库的直接修改，操作不当很可能对系统造成损坏，如你对数据库操作不太熟练，在实操之前请先自行查阅相关数据库教程，最好使用比较简单好用的数据库操作工具，如免费软件HeidiSQL。

CRMEB4.X在后台提供了对首页页面的所见所得编辑功能。如下图：

对应的数据库表是eb_diy，首页内容框架存储在字段value中，如下图

这里面是一段JSON格式的代码，是经过了中文转码和压缩的。我们用在线工具格式化和中文转码后，得到这样一组代码

大家看了是不是很熟悉，和我们在后台页面设计中操作对象很像？对，这就是首页模块的一个描述。

它对应了前端代码的部件，各个部件的名字大家看英文名就知道分别对应哪些模块了。如下图

对这段JSON格式的代码进行慎重修改就可以改变我们小程序或H5商城的首页了。

教程正式开始：

1、对eb_diy表中value的修改必须遵循的一般步骤。

①用数据库工具复制value值

②粘贴到JSON在线工具中

③点击“检验/格式化”，把JSON代码解压缩

④点击“Unicode转中文”

⑤对代码进行相关修改，如删除某个模块，或调整某个模块的位置（这一步也可以在代码编辑器中做，避免出错，注意编辑完毕再把代码复制回JSON工具中）

⑥点击“中文转Unicode”（编辑好的代码在编辑框内）

⑦点击“压缩”

⑧点击“复制结果”，把重新编辑好的JSON代码复制到内存

⑨运行数据库工具，用复制的代码替换原记录行中的value字段

⑩进入后台，用官方提供的页面设计功能详细设计首页。

2、对原本的首页DIY内容进行备份（可做可不做，最好做一下）

如果你没有安装其它模板，注意复制记录行后不要修改template_name字段的内容，但是name 字段你可以自由命名。对于没有安装其它模板的用户，系统会自动读取template_name为“moren”的第一条记录作为当前在用模板。此处乱改的话可能你就用不了官方的后台页面设计功能了。

复制后，后台页面设计中会出现两个可操作的记录。如下图：

3、按前面我讲的一般操作步骤进行修改操作。

4、例：删除拼团秒杀模块

复制value字段，在JSON中先格式化，再转中文，然后直接在编辑框中把e_activity类的所有代码删除，转Unicode，压缩，复制结果，在数据库工具中用新的结果替换value字段

得到首页页面效果如下：

5、调整首页各个模块的位置

如第4条所述，将解压转码的相关模块的代码更换位置，重新转码压缩更新到数据库中，得到如下效果

6、修改后的首页可以在后台页面设计中详细调整，如下图

结论：CRMEB4.x真的是良心之作，前后端分离设计给程序小白更多发挥的天地，遗憾的是如何用好CRMEB的相关讨论太少了，只有大家都来挖掘CRMEB的潜能，用好手中的工具，才会有更多的人购买使用CRMEB，CRMEB也才能开发的更好，与CRMEB新手共勉！

请登录后查看