1. 挂件制作

在shopadmin后台模板配置里我们可以对模板进行编辑,这一步就是制作一个挂件。

  1. 找到当前正在使用的模板目录,我的模板目录是demo站默认模板,所以我的模板目录是public/themes/demo,一般挂件是存放在widgets目录中的。

  2. 制作挂件,我打算制作一个文章数据展示挂件,挂件可以指定显示多少条数据,当然你也可以对挂件添加更多的功能

  3. 在widgets创建一个目录myarticle,在目录中分别创建default.html,_config.html,widgets.php,theme_widget_myarticle.php文件,下面详细说一下每个文件的用处。

    1. default.html:在前台展示的默认文件,你也可以在wigets.php中设置别的。

    2. _config.html:配置页是在可视化编辑时用到的配置表单

    3. theme_widget_myarticle.php:挂件拦截器,用于向挂件模板供应后端数据

    4. widgets.php:挂件描述文件,用于描述挂件基本信息,挂件模板文件、名称对应关系。

  4. 向文件中填充代码

    1. widgets.php设置挂件信息,代码如下:

      
           $setting['author']='your_email_name@shopex.cn';
           $setting['version']='v1.0';
           $setting['name']='我的文章';
           $setting['order']=0;
           $setting['stime']='2015-12-10';
           $setting['catalog']='我的文章';
           $setting['description'] = '展示我的文章';
           $setting['userinfo'] = '';
           $setting['usual']    = '1';
           $setting['tag']    = 'auto';
           $setting['template'] = array(
               'default.html'=>app::get('b2c')->_('默认')
           );
      
    2. _config.html 代码如下:

      
           <div class="tableform widgetconfig">
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                       <td>显示数目:</td>
                       <td>
                       <input type="text" name="limit" class="x-input" />
                       </td>
                   </tr>
               </table>
           </div>
      
    3. default.html代码,其实就是写模板,样式的话自己整一下,代码如下:

      
       <div class="row">
           <div class="col-lg-13 box">
               <div class="membercenter-box">
                   <div class="membercenter-box-hd">
                       <ul class="artical-list">
                           <{foreach from=$data.list item=item}>
                           <li><a
                               href="#"><{$item.title}></a><span>发布时间:<{$item.created}>
                                   更新时间:<{$item.updated}></span></li> <{/foreach}>
                       </ul>
                   </div>
               </div>
           </div>
       </div>
      
    4. theme_widget_myarticle.php这个文件是用来供应数据的,所以很重要:代码如下:
        function theme_widget_myarticle(&$setting){
            $param = array();
            if(! $setting['limit']){
                $setting['limit'] = 10;
            }
            $param['limit'] = $setting['limit'];
            $param['platform'] = 'pc';  //显示pc端
            $param['stauts'] = 1; //显示已发布状态的文章
            $data = app::get('topc')->rpcCall('sysarticle.article.get.list', $param);
            return $data;
        }
  1. 在后台模板管理那找到模板维护,点击维护,然后选择可视化编辑,添加挂件,如图所示找到'我的文章'挂件,点击添加,填写显示数目,点击添加,保存模板并退出,然后访问你的网站,就可以看到数据了,文章详情的话,相信你知道怎么做了。

results matching ""

    No results matching ""