Skip to content

hfpp2012 / laravel-blog

Go to a project
Commit 43f7f57d by hfpp2012 yinsigan
Options

Blade layouts

1 parent e0368457
Inline Side-by-side
Showing 9 changed files with 188 additions and 8 deletions
.gitignore
......@@ -11,3 +11,4 @@ npm-debug.log
yarn-error.log
.env
tags
.DS_Store
app/Http/Controllers/PagesController.php
......@@ -27,4 +27,9 @@ class PagesController extends Controller
{
return view('pages.settings');
}
public function blade()
{
return view('blade.bladetest');
}
}
public/css/bootstrap.min.css 0 → 100755
This diff could not be displayed because it is too large.
public/css/narrow-jumbotron.css 0 → 100755
/* Space out content a bit */
body {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
padding-right: 1rem;
padding-left: 1rem;
}
/* Custom page header */
.header {
padding-bottom: 1rem;
border-bottom: .05rem solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 3rem;
}
/* Custom page footer */
.footer {
padding-top: 1.5rem;
color: #777;
border-top: .05rem solid #e5e5e5;
}
/* Customize container */
@media (min-width: 48em) {
.container {
max-width: 46rem;
}
}
.container-narrow > hr {
margin: 2rem 0;
}
/* Main marketing message and sign up button */
.jumbotron {
text-align: center;
border-bottom: .05rem solid #e5e5e5;
}
.jumbotron .btn {
padding: .75rem 1.5rem;
font-size: 1.5rem;
}
/* Supporting marketing content */
.marketing {
margin: 3rem 0;
}
.marketing p + h4 {
margin-top: 1.5rem;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 48em) {
/* Remove the padding we set earlier */
.header,
.marketing,
.footer {
padding-right: 0;
padding-left: 0;
}
/* Space out the masthead */
.header {
margin-bottom: 2rem;
}
/* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
border-bottom: 0;
}
}
resources/views/blade/bladetest.blade.php 0 → 100644
@extends('layouts.master')
@section('title')
Blade
@endsection
@section('body')
<div class="jumbotron">
<h1 class="display-3">Jumbotron heading</h1>
<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>
</div>
<div class="row marketing">
<div class="col-lg-6">
<h4>Subheading</h4>
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
<h4>Subheading</h4>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
<h4>Subheading</h4>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
<div class="col-lg-6">
<h4>Subheading</h4>
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
<h4>Subheading</h4>
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
<h4>Subheading</h4>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
</div>
@endsection
resources/views/layouts/master.blade.php 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../../../favicon.ico">
<title>@yield('title')</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/narrow-jumbotron.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills float-right">
<li class="nav-item">
<a class="nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</nav>
<h3 class="text-muted">Project name</h3>
</div>
@yield('body')
<footer class="footer">
<p>&copy; Company 2017</p>
</footer>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
</body>
</html>
resources/views/pages/profile.blade.php
......@@ -11,6 +11,9 @@
<p>{{ $married }}</p>
<p>{{ $test }}</p>
<p>{{ $age }}</p>
<?php
echo $test;
?>
</div>
</div>
</div>
......
resources/views/pages/settings.blade.php
@extends('layouts.app')
@extends('layouts.master')
@section('content')
@section('body')
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
......
routes/web.php
......@@ -13,8 +13,10 @@
Route::get('/', 'PagesController@index');
Route::get('/profile', 'PagesController@profile');
Route::get('/settings', 'PagesController@settings');
Route::get('profile', 'PagesController@profile');
Route::get('settings', 'PagesController@settings');
Route::get('blade', 'PagesController@blade');
// Route::get('/users', function () {
// $users = [
......@@ -30,10 +32,10 @@ Route::get('/settings', 'PagesController@settings');
// return $users;
// });
Route::get('/users', 'UsersController@index');
Route::get('/users/create', 'UsersController@create');
Route::post('/users', 'UsersController@store');
Route::get('users', 'UsersController@index');
Route::get('users/create', 'UsersController@create');
Route::post('users', 'UsersController@store');
Auth::routes();
Route::get('/home', 'HomeController@index')->name('home');
Route::get('home', 'HomeController@index')->name('home');
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!