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

标签 php jquery mysql ajax silverstripe

我正在开发一个 SilverStripe 页面,该页面将允许用户根据所选方面对投资组合片段进行排序。

以下是要点/要求:

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

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

  • 在 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";
}
  • 每个 Portfolio Item 都需要一个页面,因此我创建了一个 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 表,但我不确定这是否是一个好主意因为内容管理者想要自己维护方面名称)。

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

最佳答案

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

关于php - SilverStripe - 自定义分面搜索导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37573015/

相关文章:

PHP 正则表达式字母数字受非字母数字限制

php - 如何使用 PHP 在 openfire 中创建聊天室并将用户添加到房间中

jquery - 使用 jQuery 删除字符串中的一些文本

javascript - 使用 Ajax 和 jQuery 删除单个项目

javascript - 使每个表单输入字段都唯一

php - 表中存在时如何从表中选择

php - 如何使用PHP限制文件上传?

php - UTF-8 编码无法正常工作 php

Javascript源文件下载进度?

mysql IS NULL 和 IS NOT NULL 不互斥