read : 라라벨, laravel 로 샘플 만들어 보자. (4)(end) view , controller : 기술 #라라벨 #laravel #샘플 #sample::공대여자홈

라라벨, laravel 로 샘플 만들어 보자. (4)(end) view , controller

작성자 공대여자

작성 : 2019-01-11 11:16 조회 : 722
지남 1일간

2019-01-11 - 2019-01-11

좌표
첨부된 파일이 없습니다.

controller 수정

app\Http\Controllers\SimpleCommentController.php

<?php

namespace App\Http\Controllers;

use App\SimpleComment;
use Illuminate\Http\Request;

class SimpleCommentController extends Controller
{
  /**
  * Display a listing of the resource.
  *
  * @return \Illuminate\Http\Response
  */
  public function index()
  {
    return [
      'result'=>true,
      'count' => SimpleComment::count(),
      'simpleComments' => SimpleComment::lists(),
    ];
    // return View('sc/index');
    //
  }
  
  /**
  * Store a newly created resource in storage.
  *
  * @param  \Illuminate\Http\Request  $request
  * @return \Illuminate\Http\Response
  */
  public function store(Request $request)
  {
    //
  }
  
  /**
  * Display the specified resource.
  *
  * @param  \App\SimpleComment  $simpleComment
  * @return \Illuminate\Http\Response
  */
  public function show(SimpleComment $simpleComment)
  {
    //
  }
  
  /**
  * Update the specified resource in storage.
  *
  * @param  \Illuminate\Http\Request  $request
  * @param  \App\SimpleComment  $simpleComment
  * @return \Illuminate\Http\Response
  */
  public function update(Request $request, SimpleComment $simpleComment)
  {
    if(!$simpleComment->checkScPass($request->input('sc_pass'))){
      return [
        'result'=>false,
        'message'=>'Incorrect password',
      ];
    }
    $simpleComment->update($request->all());
    return $this->index();
}
  
  /**
  * Remove the specified resource from storage.
  *
  * @param  \App\SimpleComment  $simpleComment
  * @return \Illuminate\Http\Response
  */
  // $request 를 추가, 제어 역전으로 알아서 데이터를 전달 해 준다.
  public function destroy(Request $request, SimpleComment $simpleComment)
  {
    if(!$simpleComment->checkScPass($request->input('sc_pass'))){
      return [
        'result'=>false,
        'message'=>'Incorrect password',
      ];
    }
    $simpleComment->delete();
    return $this->index();
  }
}

API쪽 route 수정 (경로가 모델명에 안 맞으면 컨트롤러에서 모델을 제대로 못 가져옮)

routes\api.php

Route::resource('sc', 'SimpleCommentController');
Route::resource('simpleComment', 'SimpleCommentController');

web 쪽 route 추가

routes\web.php

Route::any('/sc','WebSimpleCommentController@index');

web 쪽 controller 추가

app\Http\Controllers\WebSimpleCommentController.php
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class WebSimpleCommentController extends Controller
{
	protected $title='SimpleComment';
    public function index($value='')
    {
    	return View('sc.lists',['title'=>$this->title]);
    }
}

web 쪽 view 파일

resources\views\sc\lists.blade.php

@extends('sc.master')

@section('title', $title)

@section('content')
	<h1>SimpleComment</h1>
	<div id="sc_app">
		<ul class="list-group"  v-for="sc in res.simpleComments">
			<li class="list-group-item">
				<form onsubmit="ajax_action.action(this);return false;" action="{{ route('simpleComment.update',':sc_id') }}">
					{{ csrf_field() }}
					<input type="text" name="_method" disabled value="" />
					<input type="text" name="sc_id" readonly v-model="sc.sc_id" />
					<input type="password" name="sc_pass"/>
					<input type="text" name="sc_name" v-model="sc.sc_name" />
					<input type="text" name="sc_comment" v-model="sc.sc_comment" />
					<input disabled type="created_at" v-model="sc.created_at" />
					<input disabled type="updated_at" v-model="sc.updated_at" />
					<button onclick="this.form._method.value='PUT'">modify</button>
					<button onclick="this.form._method.value='DELETE'">delete</button>

				</form>
			</li>
		</ul>	
	</div>
	<script>
	window.Laravel = {!! json_encode([
	 'csrfToken' => csrf_token(),
	]) !!};
        // vue.js의 app을 생성
	var sc_app = new Vue({
		el: '#sc_app',
		data: {
			res:{'result':null,message:'','count':0,'simpleComments':[]},
		}
	})
	$(function(){
		ajax_action.lists();
	})
	var ajax_action = {
		"lists":function(){
			var url = "{{ route('simpleComment.index') }}";
			$.ajax({
				url: url,
				type: 'GET', //GET
				dataType: 'json', //xml, json, script, jsonp, or html
				// data: post_data,
			})
			.done(function(rData) { //통신 성공 시 호출
				console.log("success");
				if(!rData.result){
					alert(rData.message)
				}else{
					sc_app.res = rData;
				}
			})
			.fail(function() { //통신 실패 시 호출
				console.log("error");
			})
			.always(function() { //성공/실패 후 호출.
				console.log("complete");
			});
		},
		"action":function(f){
			var url = f.action.replace(":sc_id",f.sc_id.value);
			var post_data = $(f).serialize();
			$.ajax({
				url: url,
				type: f._method.value, //GET
				dataType: 'json', //xml, json, script, jsonp, or html
				data: post_data,
			})
			.done(function(rData) { //통신 성공 시 호출
				console.log("success");
				if(!rData.result){
					alert(rData.message)
				}else{
					sc_app.res = rData;
				}
			})
			.fail(function(e) { //통신 실패 시 호출
				console.log(e);
			})
			.always(function() { //성공/실패 후 호출.
				console.log("complete");
			});
			f._method.value = '';
		}
	}
	</script>

	<code style="white-space:pre">
	API LISTS
	+--------+-----------+------------------+------------+------------------------------------------------------+------------+
	| Domain | Method    | URI              | Name       | Action                                               | Middleware |
	+--------+-----------+------------------+------------+------------------------------------------------------+------------+
	|        | GET|HEAD  | api/sc           | sc.index   | App\Http\Controllers\SimpleCommentController@index   | api        |
	|        | POST      | api/sc           | sc.store   | App\Http\Controllers\SimpleCommentController@store   | api        |
	|        | GET|HEAD  | api/sc/create    | sc.create  | App\Http\Controllers\SimpleCommentController@create  | api        |
	|        | GET|HEAD  | api/sc/{sc}      | sc.show    | App\Http\Controllers\SimpleCommentController@show    | api        |
	|        | PUT|PATCH | api/sc/{sc}      | sc.update  | App\Http\Controllers\SimpleCommentController@update  | api        |
	|        | DELETE    | api/sc/{sc}      | sc.destroy | App\Http\Controllers\SimpleCommentController@destroy | api        |
	|        | GET|HEAD  | api/sc/{sc}/edit | sc.edit    | App\Http\Controllers\SimpleCommentController@edit    | api        |
	+--------+-----------+------------------+------------+------------------------------------------------------+------------+
	</code>
@endsection

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	16521
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	26925
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	26772
5	라라벨 샘플. 라라벨 설치법. laravel_sample 1 #laravel #sample	공대여자	22-01-1901-19	811
4	라라벨, laravel 로 샘플 만들어 보자. (4)(end) view , controller 2 #라라벨 #laravel #샘플 #sample	공대여자	19-01-1101-11	723
3	라라벨, laravel 로 샘플 만들어 보자. (3) - model, seeder #라라벨 #laravel #sample #샘플	공대여자	19-01-0901-09	626
2	라라벨, laravel 로 샘플 만들어 보자. (2) - view #라라벨 #laravel #sample #샘플	공대여자	19-01-0901-09	690
1	라라벨, laravel 로 샘플 만들어 보자. (1) - Migration,Controller,Route 2 #라라벨 #laravel #sample	공대여자	19-01-0901-09	611