如何在 laravel 中创建搜索工具？

Posted 2023-03-14

【中文标题】如何在 laravel 中创建搜索工具？

【英文标题】：How to create search facility in laravel?

【发布时间】：2016-08-06 01:05:58

【问题描述】：

今天我正在尝试升级我的搜索工具，目前我列出了所有可用的技能，一旦点击它就会搜索具有该技能的杂工。现在我想创建一个搜索框，因此一旦用户输入任何内容，一旦单击按钮，它将搜索并显示所有具有该技能的勤杂工。所以例如'p'会返回'Plumber'。但是我正在努力解决它，所以请帮助我，如果需要附加任何其他文件或数据库，请告诉我。

杂工数据库：

<?php

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateHandymenTable extends Migration

    /**
     * Run the migrations.
     *
     * @return void
     */
public function up()

    Schema::create('handymen', function (Blueprint $table) 
        $table->increments('id');
        $table->string('first_name');
        $table->string('last_name');
        $table->string('street');
        $table->string('postcode');
        $table->string('town');
        $table->string('skills');


        $table->integer('job_id')->unsigned();
        $table->foreign('job_id')->references('id')->on('jobs')->onDelete('cascade');


        $table->timestamps();
        );
    
/**
 * Reverse the migrations.
 *
 * @return void
 */
public function down()

    Schema::table('handymen', function (Blueprint $table) 
        $table->dropForeign('handymen_job_id_foreign');
        $table->dropColumn('job_id');
    );
    

技能表：

<?php

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateSkillsTable extends Migration

    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    
        Schema::create('skills', function (Blueprint $table) 
            $table->increments('id');
            $table->string('skill');
            $table->timestamps();
        );
    

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    
        Schema::drop('skills');
    

联结表：

<?php

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateHandymanSkillTable extends Migration

    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    
        Schema::create('handyman_skill', function (Blueprint $table) 
            $table->integer('handyman_id')->unsigned();
            $table->integer('skill_id')->unsigned();
            $table->timestamps();
        );
        Schema::table('handyman_skill', function ($table) 
            $table->primary(['handyman_id', 'skill_id']);
            $table->foreign('handyman_id')->references('id')->on('handymen')->onDelete('cascade');
            $table->foreign('skill_id')->references('id')->on('skills')->onDelete('cascade');
        );
    

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    
        Schema::drop('handyman_skill');
    

查看：

    <h1>Here you can search</h1>
    <form action="url('details')" method="POST">
     csrf_field() 
        <div>
            <input type='text'  name='skill'/>
        </div>
    <input type="submit" name="submitBtn" value="Search">
    </form>
     @foreach ($skills as $skill)
        <p>
            <a href="url('details/'.$skill->id)">$skill->skill</a>        
        </p>

    @endforeach
@endsection

控制器：

function search()

    $skills = Skill::all();
    return view('layouts/search',['skills' => $skills]);

function details($skillId)

$skill = Skill::find($skillId);
$handymen = $skill->handymen;
$skill = Input::get('skill');
$result = Handyman::where('skills','LIKE','%'.$skill.'%')
            ->orWhere('email','LIKE','%'.$skill.'%')
            ->get();
return view('layouts/details', ['skill' => $skill,'handymen' => $handymen]);

【参考方案1】：

好的 - 让我们来看看这个，我会给出一些抽象的例子，这样你就可以真正了解它是如何工作的 - 你已经接近了。

您可以通过以下方式找到所有具备用户要求的技能的杂工：

（假设用户需要管道工并且他们正在搜索管道）

你会想使用 Ajax 来实现这一点，你在这里提到：

例如，“p”将返回“管道工”。

我假设这意味着你想归还所有有管道技术的勤杂工。

首先，在搜索页面中添加一些类似这样的 javascript：

function up() 
   timer = setTimeout(function()
            var keywords = $('#skills').val();
            if (keywords.length > 0)
            
                $.post('/search/handymen', keywords: keywords, function(markup)
                    $("#handymen").html(markup);
                );
            
        , 500);
    
    function down()
    
        clearTimeout(timer);
    

标记：

 !! Form::open !!
 <input type="text" name="searchHandymen" placeholder="Search and follow members" id="skills" onkeydown="down()" onkeyup="up()">
 !! Form::close() !!
 <div id="handymen></div>

这将使您的 AJAX 设置准备好发布到路由 /search/handymen。下面我将向您展示如何获得响应并使用您的结果更新页面。请务必创建一个 ROUTE 来处理到 /search/handymen 的 POST。

你返回杂工的方法应该是这样的：

public function searchUsers(Request $request)

    $keywords = $request->keywords;

    $handymen = Handymen:whereHas('skills', function ($q) use($request) 
            $q->where('name','LIKE','%'.$request->skill.'%');
        )->with('skills')
        ->get();
    return view('searchedhandymen')->with('searchedhandymen', $handymen);

以上将限制您的 eagarload，并且应该只使用具有您发送技能的技能的杂工 - 您需要在您的技能表中添加一个名称，该名称仅代表该技能的名称，例如：id 1 名称管道。相信我，这将在未来让您免于头痛。

在视图 searchedhandymen 中，执行结果循环 ($handymen) 并创建它，就好像它属于页面一样，因为 AJAX 请求将采用该视图并将其直接注入 .

如果有任何不清楚的地方，请告诉我。我希望我已经帮助您解决了一个问题，但我不确定这是否是您发布的问题。这将搜索你的得力助手。

顺便说一句，您可能需要在您的杂工模型上建立雄辩的关系。使用技能表的一对多就足够了，例如：

public function skills()

return $this->hasMany(Skills::class, 'skill_id', 'handyman_id';

以上内容不适合您的确切餐桌设置，但它应该让您走上正确的轨道。

如果我能再帮上忙，请告诉我！谢谢！

【讨论】：

我以前从未使用过 AJAX，因此我想了解更多有关如何在搜索框中输入内容并单击输入我的链接获取 public/search?searchHandymen=plumber 的信息。所以值被收集了，但是我没有得到任何结果，在 searchedhandymen 中循环会是什么样子，因为这是我所缺少的，并且可能因此而无法工作