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

时间:2016-04-14 12:53:44

标签: php html mysql laravel eloquent

今天我正在尝试升级我的搜索工具,目前我正在列出所有可用的技能,一旦点击它就会搜索具有该技能的handymens。现在我想创建一个搜索框,这样一旦用户输入任何内容,一旦点击按钮,它将搜索并显示所有带有该技能的handymens。所以例如'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 个答案:

答案 0 :(得分:0)

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

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

(这假设用户想要一个水管工,他们正在搜索管道进行搜索)

你需要使用Ajax来实现这一点,你在这里提到:

  

所以例如'p'会返回'Plumber'。

我将假设这意味着你想要归还所有具有管道技能的方便人员。

首先,在搜索页面中查看一些类似这样的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设置准备好发布到路线/搜索/杂工。下面我将向您展示如何获得响应&amp;用结果更新页面。务必创建一个 ROUTE 来处理POST到/ search / handymen。

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

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 name plumbing。这样可以避免你在将来相信我的头痛。

在searchhandymen视图的内部,执行结果循环($ handymen)并创建它,好像它属于页面一样,因为AJAX请求将采用该视图并将其直接注入

如果有任何不清楚的地方,请告诉我。我希望我帮助你解决一个问题,我不确定你是否发布了这个问题。这将搜索你的方便的人。

您可能需要在您的杂物模型btw上建立雄辩的关系。使用技能表的一对多就足够了,例如:

public function skills()
{
return $this->hasMany(Skills::class, 'skill_id', 'handyman_id';
}

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

让我知道我是否可以提供帮助!谢谢!