{"id":997,"date":"2024-04-16T05:06:28","date_gmt":"2024-04-15T20:06:28","guid":{"rendered":"http:\/\/inwelly.com\/?p=997"},"modified":"2024-04-16T05:06:28","modified_gmt":"2024-04-15T20:06:28","slug":"php-laravel-6-crud-%ea%b8%b0%eb%b3%b8-with-bootstrap-vue-%eb%93%b1%eb%a1%9d-2","status":"publish","type":"post","link":"https:\/\/inwelly.com\/?p=997","title":{"rendered":"PHP Laravel 6 – CRUD \uae30\ubcf8 with Bootstrap , Vue – \ub4f1\ub85d (2)"},"content":{"rendered":"\n

2. \ud14c\uc774\ube14\uc5d0 \uac12\uc744 \uc800\uc7a5,\uc77d\uace0,\uc218\uc815,\uc0ad\uc81c \ud560\uc218 \uc788\ub294 \ud30c\uc77c\uc744 \uc0dd\uc131<\/p>\n\n\n\n

$> php artisan make:controller TestCRUDController  –resource
Controller created successfully.<\/p>\n\n\n\n

– \ud655\uc778 
$> cd  \/app\/Http\/Controllers
TestCRUDController.php<\/p>\n\n\n\n

\n

<?php<\/p>\n\n\n\n

namespaceApp\\Http\\Controllers;<\/p>\n\n\n\n

use Illuminate\\Http\\Request;<\/p>\n\n\n\n

classTestCRUDControllerextendsController<\/p>\n\n\n\n

{<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Display a listing of the resource.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctionindex()<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Show the form for creating a new resource.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctioncreate()<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Store a newly created resource in storage.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @param  \\Illuminate\\Http\\Request  $request<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctionstore(Request$request)<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Display the specified resource.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @param  int  $id<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctionshow($id)<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Show the form for editing the specified resource.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @param  int  $id<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctionedit($id)<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Update the specified resource in storage.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @param  \\Illuminate\\Http\\Request  $request<\/p>\n\n\n\n

     * @param  int  $id<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctionupdate(Request$request, $id)<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

\/**<\/p>\n\n\n\n

     * Remove the specified resource from storage.<\/p>\n\n\n\n

     *<\/p>\n\n\n\n

     * @param  int  $id<\/p>\n\n\n\n

     * @return \\Illuminate\\Http\\Response<\/p>\n\n\n\n

     *\/<\/p>\n\n\n\n

publicfunctiondestroy($id)<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

\/\/<\/p>\n\n\n\n

    }<\/p>\n\n\n\n

}<\/p>\n<\/blockquote>\n\n\n\n

– \uc704 \uc0dd\uc131\ub41c\u00a0 \ud30c\uc77c\uc758 \uc0c1\ub2e8\uc5d0\u00a0model namespace \ub97c import \uc2dc\ud0a8\ub2e4.\u00a0<\/p>\n\n\n\n

\n

<?php<\/p>\n\n\n\n

namespaceApp\\Http\\Controllers;<\/p>\n\n\n\n

use Illuminate\\Http\\Request;<\/p>\n\n\n\n

use App\\TestCRUD;<\/p>\n\n\n\n

classTestCRUDControllerextendsController<\/p>\n\n\n\n

{<\/p>\n\n\n\n

\/**<\/p>\n<\/blockquote>\n\n\n\n

– \ud3b8\uc9d1 : \uc6f9\uc5d0 \ucd9c\ub825\ub418\ub294 \ud654\uba74\uc744 \uc544\ub798\uc640 \uac19\uc774 \uc815\uc758\ud55c\ub2e4\u00a0
$> cd\u00a0\/routes
web.php<\/p>\n\n\n\n

\n

<?php<\/p>\n\n\n\n

\/*<\/p>\n\n\n\n

|————————————————————————–<\/p>\n\n\n\n

| Web Routes<\/p>\n\n\n\n

|————————————————————————–<\/p>\n\n\n\n

|<\/p>\n\n\n\n

| Here is where you can register web routes for your application. These<\/p>\n\n\n\n

| routes are loaded by the RouteServiceProvider within a group which<\/p>\n\n\n\n

| contains the “web” middleware group. Now create something great!<\/p>\n\n\n\n

|<\/p>\n\n\n\n

*\/<\/p>\n\n\n\n

Route::get(‘\/’, function () {<\/p>\n\n\n\n

returnview(‘welcome’);<\/p>\n\n\n\n

});<\/p>\n<\/blockquote>\n\n\n\n

\uc704 \ub0b4\uc6a9\uc744 \uc544\ub798\uc640 \uac19\uc774 \ud3b8\uc9d1 \ud55c\ub2e4.<\/p>\n\n\n\n

\n

<?php<\/p>\n\n\n\n

\/*<\/p>\n\n\n\n

|————————————————————————–<\/p>\n\n\n\n

| Web Routes<\/p>\n\n\n\n

|————————————————————————–<\/p>\n\n\n\n

|<\/p>\n\n\n\n

| Here is where you can register web routes for your application. These<\/p>\n\n\n\n

| routes are loaded by the RouteServiceProvider within a group which<\/p>\n\n\n\n

| contains the “web” middleware group. Now create something great!<\/p>\n\n\n\n

|<\/p>\n\n\n\n

*\/<\/p>\n\n\n\n

Route::get(‘\/’, function () {<\/p>\n\n\n\n

returnview(‘welcome’);<\/p>\n\n\n\n

});<\/p>\n\n\n\n

Route::resource(‘test_crud’, ‘TestCRUDController’);<\/p>\n<\/blockquote>\n\n\n\n

– \ud655\uc778 : \uc6f9 \ube0c\ub77c\uc6b0\uc838\uc5d0\uc11c \uc544\ub798\uc640 \uac19\uc774 \uc2e4\ud589\ud574\ubcf8\ub2e4\u00a0 ( http:\/\/\ub3c4\uba54\uc778\/test_crud )<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

– Bootstrap and Vue \uc0ac\uc6a9\uc744 \uc704\ud574 \uc544\ub798 \uba85\ub839\uc744 \uc2e4\ud589
$> composer require laravel\/ui –dev<\/p>\n\n\n\n

Using version ^1.1 for laravel\/ui<\/p>\n\n\n\n

.\/composer.json has been updated<\/p>\n\n\n\n

Loading composer repositories with package information<\/p>\n\n\n\n

Updating dependencies (including require-dev)<\/p>\n\n\n\n

Package operations: 1 install, 0 updates, 0 removals<\/p>\n\n\n\n

  – Installing laravel\/ui (v1.1.2): Loading from cache<\/p>\n\n\n\n

Writing lock file<\/p>\n\n\n\n

Generating optimized autoload files<\/p>\n\n\n\n

> Illuminate\\Foundation\\ComposerScripts::postAutoloadDump<\/p>\n\n\n\n

> @php artisan package:discover –ansi<\/p>\n\n\n\n

Discovered Package: facade\/ignition<\/p>\n\n\n\n

Discovered Package: fideloper\/proxy<\/p>\n\n\n\n

Discovered Package: laravel\/tinker<\/p>\n\n\n\n

Discovered Package: laravel\/ui<\/p>\n\n\n\n

Discovered Package: nesbot\/carbon<\/p>\n\n\n\n

Discovered Package: nunomaduro\/collision<\/p>\n\n\n\n

Package manifest generated successfully.<\/p>\n\n\n\n

– \uc544\ub798 \uba85\ub839\uc744 \ud1b5\ud574 vue \uc640 react \ub97c Frontend \ud654\uba74\uc5d0\uc11c \uc0ac\uc6a9 \ud560\uc218\uc788\ub3c4\ub85d \ud55c\ub2e4.<\/p>\n\n\n\n

> vue , react \uc758 \uc77c\ubc18\uc801\uc778 \uc0ac\uc6a9\uc2dc <\/p>\n\n\n\n

$> php artisan ui vue<\/p>\n\n\n\n

$> php artisan ui react<\/p>\n\n\n\n

> vue , react \uc758 \ub85c\uadf8\uc778\uacfc \ud68c\uc6d0\uac00\uc785 \uc0ac\uc6a9\uc2dc<\/p>\n\n\n\n

$> php artisan ui vue –auth<\/p>\n\n\n\n

$> php artisan ui react –auth<\/p>\n\n\n\n

( \ucc38\uc870 : \ub0b4 \uacbd\uc6b0\uc5d0\ub294 \uc704 4\uac00\uc9c0 \uba85\ub839\uc744 \ubaa8\ub450 \uc2e4\ud589 \uc2dc\ud0b4 )
–  blade \ud30c\uc77c\uc744 \uc0dd\uc131
$> cd \/resources\/views <\/p>\n\n\n\n

\uc0dd\uc131 \ud30c\uc77c –  layout.blade.php<\/strong><\/p>\n\n\n\n

\n

<!DOCTYPEhtml><\/p>\n\n\n\n

<htmllang=”en”><\/p>\n\n\n\n

<head><\/p>\n\n\n\n

<metacharset=”UTF-8″><\/p>\n\n\n\n

<metaname=”viewport”content=”width=device-width, initial-scale=1.0″><\/p>\n\n\n\n

<metahttp-equiv=”X-UA-Compatible”content=”ie=edge”><\/p>\n\n\n\n

<title>Laravel 6 CRUD \uae30\ubcf8 sample<\/title><\/p>\n\n\n\n

<linkhref=”{{ asset(‘css\/app.css’) }}”rel=”stylesheet”type=”text\/css”\/><\/p>\n\n\n\n

<\/head><\/p>\n\n\n\n

<body><\/p>\n\n\n\n

<divclass=”container”><\/p>\n\n\n\n

    @yield(‘content’)<\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

<scriptsrc=”{{ asset(‘js\/app.js’) }}”type=”text\/js”><\/script><\/p>\n\n\n\n

<\/body><\/p>\n\n\n\n

<\/html><\/p>\n<\/blockquote>\n\n\n\n

\ud574\ub2f9 \ud3f4\ub354(\/resources\/views )\uc5d0 “test_view” \ub77c\ub294 \ud3f4\ub354\ub97c \uc0dd\uc131\ud55c\ub2e4.
\uc774\ud6c4\u00a0 test_view \ud3f4\ub354 \uc18d\uc5d0\u00a0
\uc0dd\uc131 \ud30c\uc77c –\u00a0\u00a0insertform.blade.php\u00a0<\/p>\n\n\n\n

\n

@extends(‘layout’)<\/p>\n\n\n\n

@section(‘content’)<\/p>\n\n\n\n

<style><\/p>\n\n\n\n

.uper {<\/p>\n\n\n\n

margin-top: 40px;<\/p>\n\n\n\n

  }<\/p>\n\n\n\n

<\/style><\/p>\n\n\n\n

<divclass=”card uper”><\/p>\n\n\n\n

<divclass=”card-header”><\/p>\n\n\n\n

<h1>Insert form test crud<\/h1><\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

<divclass=”card-body”><\/p>\n\n\n\n

    @if ($errors->any())<\/p>\n\n\n\n

<divclass=”alert alert-danger”><\/p>\n\n\n\n

<ul><\/p>\n\n\n\n

            @foreach ($errors->all() as $error)<\/p>\n\n\n\n

<li>{{ $error }}<\/li><\/p>\n\n\n\n

            @endforeach<\/p>\n\n\n\n

<\/ul><\/p>\n\n\n\n

<\/div><br\/><\/p>\n\n\n\n

    @endif<\/p>\n\n\n\n

<formmethod=”post”action=”{{ route(‘test_crud.store’) }}”><\/p>\n\n\n\n

<divclass=”form-group”><\/p>\n\n\n\n

              @csrf<\/p>\n\n\n\n

<labelfor=”title”>Title :<\/label><\/p>\n\n\n\n

<inputtype=”text”class=”form-control”name=”title”\/><\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

<divclass=”form-group”><\/p>\n\n\n\n

<labelfor=”description”>Description :<\/label><\/p>\n\n\n\n

<textareaclass=”form-control”aria-label=”With textarea”name=”description”><\/textarea><\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

<buttontype=”submit”class=”btn btn-primary”>INSERT<\/button><\/p>\n\n\n\n

<\/form><\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

<\/div><\/p>\n\n\n\n

@endsection<\/p>\n<\/blockquote>\n\n\n\n

– \ucee8\ud2b8\ub864 \ud30c\uc77c(TestCRUDController) \ud3b8\uc9d1 \uc544\ub798 \ucc38\uc870<\/p>\n\n\n\n

\n

publicfunctioncreate()<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

returnview(‘test_view.insertform’);<\/p>\n\n\n\n

    }<\/p>\n<\/blockquote>\n\n\n\n

– \ud655\uc778 : \uc6f9\ube0c\ub77c\uc6b0\uc838\uc5d0\uc11c \uc2e4\ud589 ( http:\/\/\ub3c4\uba54\uc778\/test_crud\/create )<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

–\u00a0 \ub4f1\ub85d\u00a0 DB \uc758 \ud14c\uc774\ube14\uc5d0 \uac12\uc744 \uc800\uc7a5\uc2dc \ud655\uc778\u00a0 ( \ud3b8\uc9d1 \ud30c\uc77c : TestCRUDController\u00a0\u00a0)<\/p>\n\n\n\n

\n

publicfunctionstore(Request$request)<\/p>\n\n\n\n

    {<\/p>\n\n\n\n

$validatedData = $request->validate([<\/p>\n\n\n\n

‘title’ => ‘required|max:100’,<\/p>\n\n\n\n

‘description’ => ‘required’,<\/p>\n\n\n\n

        ]);<\/p>\n\n\n\n

$test = TestCRUD::create($validatedData);<\/p>\n\n\n\n

returnredirect(‘\/test_crud’)->with(‘success’, ‘test is successfully saved’);<\/p>\n\n\n\n

    }<\/p>\n<\/blockquote>\n\n\n\n

–\u00a0 \uc785\ub825\uc744 \ud558\uc9c0 \uc54a\uace0\u00a0 “INSERT” \ubc84\ud2bc \ub20c\ub7ec \uc2e4\ud589\ud558\uba74 \uc544\ub798\uc640 \uac19\uc774 \ub428<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

– \uc704 form \uac12\uc744 \uc815\uc0c1\uc801\uc73c\ub85c \ub123\uace0 \uc2e4\ud589\uc2dc\ud0a4\uba74 \uc544\ub798\uc640 \uac19\uc774 DB \uc758 \ud14c\uc774\ube14 \uacb0\uacfc\ub97c \uc5bb\uc744\uc218 \uc788\uc74c<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uc18c\uc2a4 :\u00a0https:\/\/github.com\/nzhongtting\/Laravel_hsh_board<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

2. \ud14c\uc774\ube14\uc5d0 \uac12\uc744 \uc800\uc7a5,\uc77d\uace0,\uc218\uc815,\uc0ad\uc81c \ud560\uc218 \uc788\ub294 \ud30c\uc77c\uc744 \uc0dd\uc131 $> php artisan make:controller TestCRUDController  –resourceController created successfully. – \ud655\uc778 $> cd  \/app\/Http\/ControllersTestCRUDController.php <?php […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[],"class_list":["post-997","post","type-post","status-publish","format-standard","hentry","category-laravel"],"_links":{"self":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=997"}],"version-history":[{"count":1,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/997\/revisions"}],"predecessor-version":[{"id":1002,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/997\/revisions\/1002"}],"wp:attachment":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}