Laravel Full-Stack Development?? API ? ??? ?? ??? ???? ???? ??? ??? ????. 1) ??? ???? ? ??? ??? ?? API ??; 2) ???? ??? ? vue.js ?? ??? ?? ??? ?? ?? ??; 3) API ??? ? ???? ?? ?? ???; 4) ?? ?? ? ?? ?? ???? ?? ??? ? ??? ?? ??? ??? ?????.

Laravel? ???? ? ?? ??? ???? API ? Frontend Logic? ???? ?? ?? ????? ?? ? ??? ??? ???? ??? ??? ??? ?????. ??? ??? ??? ???? ??? Laravel? ??? API ? ??? ?? ??????? ?? ?????? ??? ? ??? ??? ?????. ???? ? ?? ??? ????? ???? ??? ??? ??? ??? ??? ??????

Laravel Full-Stack Development? ??? ?? ?? ???? ?? ???? ????? ???? API ? ??? ?? ??? ???? ??? ??? ???.

Laravel? ?? ?? ???? ???? ? ? ??? ?? ? ? ????? ?? ??? ?? ?? ? ??? ??? ???????. Eloquent ORM ? ?????? ??, ??? ?? ???? ???? ??? ?? ? ??? ??? ???? ?? Laravel? ?? ??? ? ?? ????? ??? ?????.

Laravel?? API? ???? ?? RESTFul ???? ? ??? ??? ?? ??? ?????. Laravel?? API? ???? ??? ?? ??? ?? ??? ????.

 // app/http/controllers/api/postcontroller.php

?? ???? ? \ http \ ???? \ api;

App \ http \ Controllers \ Controller? ??????.
app \ models \ post? ?????.
Illuminate \ http \ request? ??????.

??? PostController? ????? ?????
{
    ?? ?? ?? ()
    {
        ?? ??? :: all ();
    }

    ?? ?? ? ($ id)
    {
        ?? ??? :: ?? ($ id);
    }

    ?? ?? ??? (?? $ ??)
    {
        $ post = new post ();
        $ post-> title = $ request-> ?? ( 'title');
        $ post-> content = $ request-> input ( 'content');
        $ post-> save ();
        return response ()-> json ($ post, 201);
    }

    ?? ?? ???? (?? $ ??, $ id)
    {
        $ post = post :: ?? ($ id);
        $ post-> title = $ request-> ?? ( 'title');
        $ post-> content = $ request-> input ( 'content');
        $ post-> save ();
        return response ()-> json ($ post, 200);
    }

    ?? ?? ?? ($ id)
    {
        $ post = post :: ?? ($ id);
        $ post-> delete ();
        return response ()-> JSON (NULL, 204);
    }
}

? ????? Post ??? ?? ?? CRUD ??? ?????. API? ????? routes/api.php ??? ??? ?????.

 // ??/api.php

app \ http \ ???? \ api \ postcontroller? ??????.

route :: apiresource ( 'posts', postcontroller :: class);

?? ??? ??? ??? ??? ??????. Laravel? ??? ?? ??? ???? ? ?? ??? ????? ?? ??? ?? Vue.js? ?? ? Laravel? ???? ???? ??????? ????? ??? ?? ????? ?? ???? ????.

??? Blade? ???? API?? ??? ??? ??? ????? ??? ????.

 <!-???/??/posts/index.blade.php->

@extends ( &#39;layouts.app&#39;)

@Section ( &#39;content&#39;)
    <div id = "posts">
        <ul>
            @foreach ($ post as $ post)
                <li> {{$ post-> title}}-{{$ post-> content}} </li>
            @endforeach
        </ul>
    </div>
@endsection

? ?????? ????? ???? vue.js? ???? API?? ?? ???? ??? DOM? ???? ???? ? ? ????.

 <!-???/js/?? ??/postlist.vue->

<emplate>
  <div>
    <ul>
      <li v-for = "post in posts": key = "post.id">
        {{post.title}} - {{post.content}}
      </li>
    </ul>
  </div>
</???>

<cript>
???? ??? {
  ??? () {
    ?? {
      ??? : []
    }
  },
  ??? () {
    axios.get ( &#39;/api/posts&#39;)
      . ??? (?? => {
        this.posts = response.data;
      })
      .catch (error => {
        Console.error (??);
      });
  }
}
</????>

? ???? ??? ??? ???? ????? ??? ?? ?? ? ???? ?? ? ? ???????? ??? ?? ??? ??? ?????.

??? Laravel?? API ? Frontend Logic? ?? ???? ? ???? ????. ??? ???? ??? ??? ??? ??? ??? ??? ?? ????. ??? ???? ??? API? ???? ?? ??? ??? ???? ?? ?? ??? ??? ? ????.

?? ????? API ?? ??? ???? ?? ???? ??????. Laravel?? API? ???? ??? ??? ????.

 // ??/api.php

App \ http \ Controllers \ API \ V1 \ PostController? postcontrollerv1? ??????.
App \ http \ Controllers \ API \ V2 \ PostController? PostControllerv2? ??????.

route :: apireSource ( 'v1/posts', postControllerv1 :: class);
Route :: ApireSource ( 'v2/posts', postControllerv2 :: class);

? ?? ??? ??? ?? ??????. ?? ??? ??? ?? ? ?? API ?? ????? ??? ??? ???? ??? ????? ??? ??? ????.

 // app/http/controllers/api/postcontroller.php

?? ?? ?? (?? $ ??)
{
    $ perpage = $ request-> ?? ( 'per_page', 15);
    ?? ??? :: Paginate ($ Perpage);
}

??? ?? ???? ??? ??? ????? ?? ??? ?? ?? ??? ??? ???????.

 <!-???/js/?? ??/postlist.vue->

<emplate>
  <div>
    <div v-if = "??"> ?? ... </div>
    <div v-else-if = "error"> error : {{error}} </div>
    <ul v-else>
      <li v-for = "post in posts": key = "post.id">
        {{post.title}} - {{post.content}}
      </li>
    </ul>
  </div>
</???>

<cript>
???? ??? {
  ??? () {
    ?? {
      ??? : [],
      ?? : ??,
      ?? : null
    }
  },
  ??? () {
    axios.get ( &#39;/api/posts&#39;)
      . ??? (?? => {
        this.posts = response.data.data;
        this.loading = false;
      })
      .catch (error => {
        this.error = error.message;
        this.loading = false;
      });
  }
}
</????>

? ??? Laravel?? API ? Frontend Logic? ?? ???? ?? ???? ?? ? ??? ??? ? ??? ???? ????. ??? ?? ? ???? ???? ???? ???? ??? ??? ??? ????? ? ?? ??? ?????????. ??? ??? ??? ????? ?? ?? ??? ??? ? ?? ???? ? ???? ???????.

?? ??, ??? ?? ????? ?? ? ? API? ?? Laravel ???? ???? vue.js ?? React? ?? ?? ??? ??? ???? ??? ??? ?? ????? ??? ?? ?? ????? ?????. ? ???? ??? ?? ? ???? ????? ???? ?? ? ? ???? ? ?? ???? ?? ?? ?????.

?????? Laravel?? API ? Frontend Logic? ????? ??? ?? ??? ?? ??? ?? ? ?? ????? ??? ?? ?????. Laravel? ??? ??? ???? ?? ??? ?? ??? ??? ???? ??? ??? ??? ???? ???? ?? ??? ? ?? ??????? ?? ? ? ????.

Laravel? ???? ???? ? ?? ??? ??? ??? ? ??? ?? ??? ? ???? API? ??? ???? ?? ? ??? ??? ?? ?? ??? ??? ????. ??? ??!

? ??? Laravel? ?? ? ?? ?? : API ? ??? ?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!