php - SilverStripe - 自定义分面搜索导航

Question

我正在为一个 SilverStripe 页面工作，它允许用户根据选定的方面对投资组合片段进行分类。

这里是关键点/要求:

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

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

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

媒体类型标签类

<?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 表，但我不确定这是否是个好主意因为内容管理者希望自己维护分面名称)。

是否有任何教程可以提供进一步的帮助，或者可能是我尚未找到的插件？如果有更好的方法来设置这个分面搜索，请务必提出想法。这对我来说很新。

Answer 1

最有效的方法是在一个查询中根据标签/媒体类型 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);
}