SilverStripe - 自定义分面搜索导航

时间:2016-06-01 15:31:32

标签: php jquery mysql ajax silverstripe

我正在页面上处理SilverStripe,允许用户根据所选方面对投资组合进行排序。

以下是关键点/要求:

  • 我有两个可以搜索的方面类别:媒体类型(即广告, 海报,电视,网络)和行业(娱乐,金融,医疗保健, 体育等)。

  • 应允许用户同时搜索多个方面 一次跨媒体类型和行业。

  • 在SilverStripe管理员中,由于内容管理员需要才能使用 为了维护媒体类型和行业的方面名称,我做到了这一点 有2个管理模型可以输入名称: MediaTypeTagAdmin和IndustryTagAdmin。这是数据对象 管理员使用的MediaTypeTag和IndustryTag的类 机型:

MediaTypeTag类

<?php
class MediaTypeTag extends DataObject {

    private static $db = array(
        'Name' => 'varchar(250)',
    );

    private static $summary_fields = array(
        'Name' => 'Title',
    );

    private static $field_labels = array(
        'Name'
    );

    private static $belongs_many_many = array(
        'PortfolioItemPages' => 'PortfolioItemPage'
    );

    // tidy up the CMS by not showing these fields
    public function getCMSFields() {
        $fields = parent::getCMSFields();
        $fields->removeByName("PortfolioItemPages");

        return $fields;
    }

    static $default_sort = "Name ASC";
}

IndustryTag类

<?php
class IndustryTag extends DataObject {

    private static $db = array(
        'Name' => 'varchar(250)',
    );

    private static $summary_fields = array(
        'Name' => 'Title',
    );

    private static $field_labels = array(
        'Name'
    );

    private static $belongs_many_many = array(
        'PortfolioItemPages' => 'PortfolioItemPage'
    );

    // tidy up the CMS by not showing these fields
    public function getCMSFields() {
        $fields = parent::getCMSFields();
        $fields->removeByName("PortfolioItemPages");

        return $fields;
    }


    static $default_sort = "Name ASC";
}
  • 每个项目组合项都需要有一个页面,所以我创建了一个PortfolioItemPage类型,它有2个选项卡:一个用于媒体类型,另一个用于工业类型。这样内容管理员可以通过选中相应的框来关联他们想要的任何标签:

PortfolioItemPage.php文件:

    private static $db = array(
        'Excerpt' => 'Text',
    );

    private static $has_one = array(
        'Thumbnail' => 'Image',
        'Logo' => 'Image'
    );

    private static $has_many = array(
        'PortfolioChildItems' => 'PortfolioChildItem'
    );

    private static $many_many = array(
        'MediaTypeTags' => 'MediaTypeTag',
        'IndustryTags' => 'IndustryTag'
    );

    public function getCMSFields() {
        $fields = parent::getCMSFields();

        if ($this->ID) {
            $fields->addFieldToTab('Root.Media Type Tags', CheckboxSetField::create(
                'MediaTypeTags',
                'Media Type Tags',
                MediaTypeTag::get()->map()
            ));
        }

        if ($this->ID) {
            $fields->addFieldToTab('Root.Industry Tags', CheckboxSetField::create(
                'IndustryTags',
                'Industry Tags',
                IndustryTag::get()->map()
            ));
        }


        $gridFieldConfig = GridFieldConfig_RecordEditor::create();

        $gridFieldConfig->addComponent(new GridFieldBulkImageUpload());

        $gridFieldConfig->getComponentByType('GridFieldDataColumns')->setDisplayFields(array(
            'EmbedURL' => 'YouTube or SoundCloud Embed Code',
            'Thumb' => 'Thumb (135px x 135px)',
        ));

        $gridfield = new GridField(
            "ChildItems",
            "Child Items",
            $this->PortfolioChildItems(),
            $gridFieldConfig
        );

        $fields->addFieldToTab('Root.Child Items', $gridfield);

        $fields->addFieldToTab("Root.Main", new TextareaField("Excerpt"), "Content");
        $fields->addFieldToTab("Root.Main", new UploadField('Thumbnail', "Thumbnail (400x x 400px)"), "Content");
        $fields->addFieldToTab("Root.Main", new UploadField('Logo', "Logo"), "Content");

        return $fields;
    }

}
class PortfolioItemPage_Controller extends Page_Controller {

    private static $allowed_actions = array (
    );

    public function init() {
        parent::init();
    }
}

我认为可能是一个好方法是使用jQuery和AJAX将所选方面的ID发送到服务器:

(function($) {

    $(document).ready(function() {
        var industry = $('.industry');
        var media = $('.media');
        var tag = $('.tag');
        var selectedTags = "";

        tag.each(function(e) {
            $(this).bind('click', function(e) {
                e.preventDefault();

                $(this).addClass('selectedTag');

                if(selectedTags.indexOf($(this).text()) < 0){
                    if($(this).hasClass('media')){
                        selectedTags += + $(this).attr("id") + "," +"media;";
                    }
                    else{
                        selectedTags += + $(this).attr("id") + "," +"industry;";
                    }
                }
                sendTag(selectedTags);

            }.bind($(this)));
        });

        function sendTag(TagList){
            $.ajax({
                type: "POST",
                url: "/home/getPortfolioItemsByTags/",
                data: { tags: TagList },
                dataType: "json"
            }).done(function(response) {
                var div = $('.portfolioItems');
                div.empty();
                for (var i=0; i<response.length; i++){
                    div.append(response[i].name + "<br />");
                    //return portfolio data here
                }

            })
            .fail(function() {
                alert("There was a problem processing the request.");
           });
        }
    });

}(jQuery));

然后在Page.php上,我遍历id并根据facet id获取相应的PortfolioItemPage信息:

    public function getPortfolioItemsByTags(){
    //remove the last comma from the list of tag ids

    $IDs = $this->getRequest()->postVar('tags');
    $IDSplit = substr($IDs, 0, -1);

    //put the tag ids and their tag names (media or industry) into an array
    $IDListPartial = explode(";",$IDSplit);

    //This will hold the associative array of ids to types (i.e. 34 => media)
    $IDListFinal = array();
    array_walk($IDListPartial, function($val, $key) use(&$IDListFinal){
        list($key, $value) = explode(',', $val);
        $IDListFinal[$key] = $value;
    });

    //get Portfolio Items based on the tag ids and tag type
    foreach($IDListFinal as $x => $x_value) {
        if($x_value=='media'){
            $tag = MediaTypeTag::get()->byId($x);
            $portfolioItems = $tag->PortfolioItemPages();
        }
        else{
            $tag = IndustryTag::get()->byId($x);
            $portfolioItems = $tag->PortfolioItemPages();
        }

        $return = array();

        foreach($portfolioItems as $portfolioItem){
            $return[] = array(
                'thumbnail' => $portfolioItem->Thumbnail()->Link(),
                'name' => $portfolioItem->H1,
                'logo' => $portfolioItem->Logo()->Link(),
                'excerpt' => $portfolioItem->Excerpt,
                'id' => $portfolioItem->ID
            );
        }
        return json_encode($return);
    }
}

然而,这是我陷入困境的地方。虽然我找到了一些在CMS之外构建PHP / MySQL分面搜索的好例子,但我不确定我可以修改什么以使搜索在CMS内部工作。那个,这些例子将方面放在MySQL数据库的一个表中,而我有2个(尽管我希望只有一个MySQL表用于媒体类型和行业方面,我不确定这是不是一个好主意因为内容管理者希望自己维护方面名称。)

是否有任何可能提供进一步帮助的教程,或者可能是我还没有找到的插件?如果有更好的方法来设置此分面搜索,请务必提出建议。这对我来说很新鲜。

1 个答案:

答案 0 :(得分:3)

最有效的方法是在一个查询中根据标记/媒体类型ID进行过滤(例如,每个标记/类型执行一次数据库查询,然后附加结果)。

你应该可以这样做:

<?php

public function getPortfolioItemsByTags(){
    $tagString = $this->getRequest()->postVar('tags');

    // remove the last comma from the list of tag ids
    $tagString = substr($tagString, 0, -1);

    //put the tag ids and their tag names (media or industry) into an array
    $tags = explode(";", $tagString);

    //This will hold the associative array of ids to types (i.e. 34 => media)
    $filters = array(
        'media' => array(),
        'industry' => array()
    );
    array_walk($tags, function($val, $key) use(&$filters) {
        list($id, $type) = explode(',', $val);
        $filters[$type][] = $id;
    });

    $portfolioItems = PortfolioItemPage::get()->filterAny(array(
        'MediaTypeTags.ID' => $filters['media'],
        'IndustryTags.ID' => $filters['industry']
    ));

    $return = array();
    foreach($portfolioItems as $portfolioItem){
        $return[] = array(
            'thumbnail' => $portfolioItem->Thumbnail()->Link(),
            'name' => $portfolioItem->H1,
            'logo' => $portfolioItem->Logo()->Link(),
            'excerpt' => $portfolioItem->Excerpt,
            'id' => $portfolioItem->ID
        );
    }

    return json_encode($return);
}