zoukankan      html  css  js  c++  java
  • ECSHOP 模版文件里的编辑区域

    Ecshop 中的模板能够有可编辑区域,在模板中是通过

    <!-- TemplateBeginEditable name="左边区域" -->

    <!-- TemplateEndEditable -->

    这样的标签来引入的,通过引入可编辑区域,我们就能够后台控制这个可编辑区域的显示和隐藏,同一时候还能够控制里面的内容的显示顺序,通过可编辑区域的引入,我们就能够更加灵活的调整我们的模板文件显示的样式,显示的内容,使得用户更方便管理自己的商店。


    可编辑区域是在后台的 模板管理->设置模板里面,通过对模板的选择,我们能够选择详细的模板进行里面可编辑区域的控制。当中的区域选择,是模板中可编辑区域的name来进行的,也就是说模板中有多少个name,在后台就会有多少个可选择option。这些控制是通过

     $result  = preg_match_all('/(<!--\s*TemplateBeginEditable\sname=")([^"]+)("\s*-->)/', $content, $matches, PREG_SET_ORDER);


    这个正則表達式来实现的,后台通过对模板文件进行正则匹配,就找到了全部的可编辑区域的名字,所以这个name就是可编辑区域的一个id,用来供后台定位用的。


    因此,我们在进行2次开发的时候,能够适当考虑增加一些可编辑区域,这样当用户想显示一些经常使用内容时,比方热卖商品,购物车等库文件内容时,自己就能够去后台调用,避免了开发者的參与,是得系统控制更加的灵活。


    举个实际应用的样例:比方我们要在商品分类树上面加入一个广告,那么我们仅仅须要在后台先加入一个广告位置设定好我们要加入到分类树上面的大小尺寸,然后在广告列表里面加入一个属于这个广告位置的广告,然后进入到 模板管理->模板设置中,我们看到默认商品分类树是在左边区域,那么我们在广告位的位置上点击+,区域也选择左边区域,序号比商品分类树的须要小,就能够让广告显示到分类树的上面了。


    这个很灵活,仅仅要设置好样式,我们就能够实现非技术人员来进行页面的管理了。



  • 相关阅读:
    react 常用问题总结
    vue 给element-UI库添加按需加载时启动项目时 babel-preset-es2015 报错
    前端使用 jquery.base64.js 进行加密、解密十分方便
    CommonJS规范与AMD/CMD规范总结
    彻底搞懂Websocket原理
    调用图灵API V2 遇到的坑
    前端html页面,手机查看
    关于原生js的节点兼容性
    数据类型检测方法
    一位大佬关于js去重问题的研究
  • 原文地址:https://www.cnblogs.com/zfyouxi/p/4058612.html
Copyright © 2011-2022 走看看