라라벨, laravel 로 샘플 만들어 보자. (2) - view

View 파일

resources\views\sc\master.blade.php
<!doctype html>
<html lang="ko" >
<head>
<title>@yield('title','타이틀')</title>
<meta charset="utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- jquery 관련 -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>  


<!-- 부트스트랩 4 : IE8지원안됨! -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- meta og -->
<meta property="og:title" content="@yield('title','타이틀')">
<meta property="og:description" content="@yield('title','타이틀')">
<meta name="og:image" content="http://www.mins01.com/img/logo.gif">
<meta property="og:image:width" content="190">
<meta property="og:image:height" content="70" />
<meta property="og:site_name" content="@yield('title','타이틀')" />
<meta property="og:type" content="website">
<!-- //meta og -->
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>

resources\views\sc\index.blade.php
@extends('sc.master')

@section('content')
<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

접속 : /api/sc

<!doctype html>
<html lang="ko" >
<head>
<title>타이틀</title>
<meta charset="utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- jquery 관련 -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>  


<!-- 부트스트랩 4 : IE8지원안됨! -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script> 
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- meta og -->
<meta property="og:title" content="타이틀">
<meta property="og:description" content="타이틀">
<meta name="og:image" content="http://www.mins01.com/img/logo.gif">
<meta property="og:image:width" content="190">
<meta property="og:image:height" content="70" />
<meta property="og:site_name" content="타이틀" />
<meta property="og:type" content="website">
<!-- //meta og -->
</head>
<body>
<div class="container">
<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>
</div>
</body>
</html>





댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
2.25
2.27
2.28
3.1
3.2
3.3
3.4
3.5
3.7
3.9
3.11
3.12
3.13
3.14
3.15
3.16
3.17
3.18
3.19
3.20
3.21
3.22
3.23
3.24
3.25
3.27
3.28
3.29
3.30
3.31
4.1
4.2
4.3
4.4
4.5
4.6