search

Cara menggunakan materialize css

1 years ago
Komentar: 0
Dibaca: 199

Mumpung hari libur, jadi saya bisa nulis tutorial lagi nih :D Yap saya sekarang mau membahas tutorial CRUD Sederhana Laravel dengan Framework CSS Materialize css, kenapa ga dengan Bootstrap? Udah bosen sob :v sekalian ngenalin kalo Framework yang bagus ga cuman Bootstrap tapi banyak, misalnya Semantic UI, Materialize, dll

Ooiya, untuk instalasi Laravel nya saya skip saja karena sudah pernah saya bahas di tutor sebelum-sebelumnya buat yang belum tau bisa di cari post nya, dan sekarang kembali ke project.

Karena saya menggunakan css materialize jadi sobat bisa download dulu css nya disini, jika sobat tidak menggunakan materialize bisa saja di skip, dan silahkan menggunakan css yg lainnya. Pertama – tama ini adalah folder dari materialize yang saya download :

Silahkan di copy paste semua folder nya ke dalam Project Laravel di folder 

return view('show');
1, ingat ya didalam folder 
return view('show');
1 nya Laravel, hasil setelah di paste :

Buat Controller nya dengan nama 

return view('show');
3, buat nya bisa manual atau lebih baik menggunakan 
return view('show');
4, belum tau 
return view('show');
4 apa? Ayo jangan malas membaca, sudah saya jelaskan kok :v

Pastekan command line ini ke cmd nya :

php artisan make:controller CrudController --resource

Jika sudah, kita buka 

return view('show');
6 nya di
return view('show');
7, buka 
return view('show');
3 nya, kita ke method 
return view('show');
9, untuk memanggil view kita :

return view('show');

Lalu buat 

Route::get('/', 'CrudController@index');
0 nya, hapus route welcome ganti dengan route ini :

Route::get('/', 'CrudController@index');

Setelah itu kita coba buat desain nya dulu / view nya dengan ekstensi 

Route::get('/', 'CrudController@index');
1 pastinya, silahkan sobat copy paste saja hasil yg sudah saya buat, ohiya naroh view nya di dalam folder 
Route::get('/', 'CrudController@index');
2 ya, tapi sebelum saya buat, saya akan membagi view nya 
Route::get('/', 'CrudController@index');
3, view untuk 
Route::get('/', 'CrudController@index');
4 dan view 
Route::get('/', 'CrudController@index');
5 blade templating, sudah saya jelaskan juga kok di post sebelumnya :v

Silahkan sobat ke folder 

Route::get('/', 'CrudController@index');
2 dan buat folder baru dengan nama 
Route::get('/', 'CrudController@index');
7, dan buat view nama nya 
Route::get('/', 'CrudController@index');
8, isi nya :

<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>

Untuk memanggil file css / js kita menggunakan 

Route::get('/', 'CrudController@index');
9 letakkan di dalam href nya.

Lalu

<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
0 buat di folder 
<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
1 :

<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>

Dan buat juga

<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
2 buat nya di folder 
Route::get('/', 'CrudController@index');
2 aja :

@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection

Okedeh sekarang coba di jalankan dulu sob,  hasil view yang kita buat seperti ini :

Cara menggunakan materialize css

Note : PASTIKAN TERKONEKSI DENGAN INTERNET YAA, karena Jquery dan Icon nya saya import dari luar sob.

Kita baru buat 

<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
4, 
<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
5, dan 
return view('show');
6 nya sekarang kita lanjut ke 
<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
7 nya, buat dulu 
<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
7 nya dengan nama 
<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
9, dan setting 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
0 nya di 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
1  jangan di 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
2 ya setting seperti ini :

<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
3 saya kosongi karena database saya tidak menggunakan password, lanjut deh kita buat table nya dengan migration ya, hmm bisa aja sih langsung bikin di phpmyadmin table nya, jika sobat langsung buat nya di phpmyadmin, bisa di skip saja sob.

Note : Setelah setting .env, php artisan nya harus di restart. (wajibb!)

Kita mau buat 

<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
4 dengan nama 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
5, paste commandline ke cmd nya ya :

php artisan make:migration create_crud_table --create=crud

Lalu ke 

<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
6, terdapat juga migration 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
7 dan 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
8, hapus saja sob sisakan 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
9 yang kita buat tadi, buka 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
9 nya kita mau buat kolom table nya, dan paste di method up :

Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});

Hasil :

Jika sudah dibuat 

@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
1 nya, kita akan 
@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
2 atau push ke database kita table nya tadi dan pastikan sudah dihapus 
@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
1 lainnya selain 
<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
9 tadi ya, paste di cmd :

php artisan migrate

Hasil setelah di jalankan perintah cmd nya :

Untuk memastikan 

<nav class="pink accent-3" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Gilacoding</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="{{ url('/')}}">Home</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
  </nav>
4 nya sudah masuk atau belum, kita cek dulu, di saya sih udah masuk.

Karena udah masuk kita langsung buat lagi 

@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
6 nya table crud. Caranya?

Paste lagi di command line nya :

php artisan make:model Crud

Kalo buat model nya berhasil, akan keluar command line 

@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
7.

Selanjutnya buka 

@extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
8, ikuti seperti ini :

Ket :

  • @extends('layouts.index')
@section('content')

<div class="section">
	<div class="card-panel purple darken-3 white-text">Tutorial CRUD Laravel 5.2 dengan Materializecss</div>
</div>

<div class="section">
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>
	<div class="row">
		<div class="col s12">
			<h5>Judul nya disini</h5>

            <div class="divider"></div>
            <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,</p>
                
            <button class="btn btn-flat pink accent-3 waves-effect waves-light white-text">Readmore <i class="material-icons right">send</i></button>
            <button class="btn btn-flat purple darken-4 waves-effect waves-light white-text">Edit <i class="material-icons right">mode_edit</i></button>
            <button class="btn btn-flat red darken-4 waves-effect waves-light white-text">Delete <i class="material-icons right">delete</i></button>
		</div>
	</div>

</div>


<div class="fixed-action-btn horizontal" style="bottom: 45px; right: 24px;">
    <a class="btn-floating btn-large red">
      <i class="large material-icons">add</i>
    </a>
  </div>


@endsection
    9 adalah nama table nya
  • php artisan make:migration create_crud_table --create=crud
    0 primary key dari table crud
  • php artisan make:migration create_crud_table --create=crud
    1 isi kolom dari table crud
  • php artisan make:migration create_crud_table --create=crud
    2 ini di false kan jika sobat tidak menggunakan 
    php artisan make:migration create_crud_table --create=crud
    3 dan 
    php artisan make:migration create_crud_table --create=crud
    4 otomatis.

Kita coba menampilkan data nya dulu dari database, karena kita belum buat add edit delete datanya jadi kita isi manual dulu di database nya ya contoh :

Sekarang kita sudah punya 1 data :

Kita coba tampilkan data kita di 

<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
2, caranya kita ke 
php artisan make:migration create_crud_table --create=crud
6 dulu sob ke method 
return view('show');
9, ikuti script nya seperti ini :

Setelah itu jangan lupa panggil model 

php artisan make:migration create_crud_table --create=crud
8 nya dengan 
php artisan make:migration create_crud_table --create=crud
9 di paling atas ya dibawah 
Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});
0.

Ket :

  • Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});
    1 adalah Model yg kita buat tadi
  • Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});
    2 untuk mengurutkan tampilan nya berdasarkan id
  • Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});
    3 kita akan menampilkan 14 data dan setelah itu akan otomatis membuat PAGING, yap dengan Laravel kita sangat mudah untuk membuat Paging nya sob

Kembali ke 

<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
2, kita mau menampilkan data nya dari database, class row yang kita ulang tadi dihapus saja sisakan 1 jadi nya script keseluruhan 
<!DOCTYPE html>
<html>
<head>
	<title>Gilacoding | CRUD Laravel 5.2 dengan Materializecss</title>
	<link rel="stylesheet" href="{{asset('css/materialize.min.css')}}">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	@section('css')

    @show
</head>
<body>
@section('header')
    @include('layouts.header')
@show

<div class="container">
	@yield('content')
</div>

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="{{asset('js/materialize.min.js')}}"></script>
<script type="text/javascript">
	(function($){
  $(function(){

    $('.button-collapse').sideNav();

  }); // end of document ready
})(jQuery); // end of jQuery name space
</script>
</body>
</html>
2 seperti ini :

return view('show');
0

Ket :

  • disitu terdapat foreach,fungsi nya buat ngelooping data dari database, ingat tutup 
    Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});
    6 nya dibawah tutup div class row ya,
  • Schema::create('crud', function (Blueprint $table) {
            $table->increments('id');
            $table->string('judul');
            $table->text('isi');
});
    7 ini fungsi nya untuk meringkas data nya misalkan melebhi 200 huruf.

Hasilnya :

Tutorial kali ini sampai disini dulu, ntar Part berikut nya melanjutkan tentang ini lagi , saya mau Jum'atan dulu. mohon maaf jika terdapat kesalahan kata dan coding.

Ohiya, tutor kali ini mungkin banyak yang saya ringkas atau skip misal instalasi dan memanggil laravel, dll, karena sudah saya bahas sebelumnya jadi sobat bisa cari di previous post ya.

kode css

Pos Terkait

Cara menggunakan mysql tmp database
Cara menggunakan mysql tmp database

Ketika mengiris dengan python apa yang ditentukan oleh 0 dalam pernyataan ini 0 2
Ketika mengiris dengan python apa yang ditentukan oleh 0 dalam pernyataan ini 0 2

Cara input di php gimana?
Cara input di php gimana?

Google sheets mencari semua formula sheet
Google sheets mencari semua formula sheet

Bagaimana cara membuka file cnf saya di windows mysql?
Bagaimana cara membuka file cnf saya di windows mysql?

Apa yang tidak dapat diimpor dari akses ke excel
Apa yang tidak dapat diimpor dari akses ke excel

Cara menggunakan justify items css
Cara menggunakan justify items css

Bagaimana cara membuat file php ini?
Bagaimana cara membuat file php ini?

Rumus array lembar google jika tidak kosong
Rumus array lembar google jika tidak kosong

Cara merubah format tanggal di php mysql
Cara merubah format tanggal di php mysql

Periklanan

BERITA TERKINI

Cara membuat kotak ajaib dengan python
1 years ago . by VerticalAnkle
Cara menggunakan perintah php-fpm
1 years ago . by HelmetedCloseness
Cara membuat tas dari kain satin
1 years ago . by HomesickClerk
Tarik data dari kamus python bersarang
1 years ago . by SpecializedRegulator
Sesi php berakhir terlalu cepat
1 years ago . by ArrestingPneumonia
Cara menghapus aplikasi yang tidak bisa dihapus di HP Realme
1 years ago . by TemptingHousing
Cara mengecek rumus di google sheets
1 years ago . by SaturatedAppraisal
How to install PHP GD in xampp?
1 years ago . by BorrowedFoyer
Concat string dalam loop php
1 years ago . by CardboardAllegation
Di mana prosedur tersimpan di mysql?
1 years ago . by CounterproductiveLiterature

Toplist Popular

#1
Top 10 6 nilai minimum f x y 4x 2y pada d 16 e 14 2x 3y 18 4x 3y 24 x 0 y 0 adalah a 40 b 36 c 2022
1 years ago
#2
Top 10 dia selalu lupa membawa pensil ke sekolah saran yang tepat untuk dia adalah 2022
1 years ago
#3
Top 10 diketahui sebuah data tunggal 2 4 6, 7 7, 8, 9, 10 berapakah modusnya 2022
1 years ago
#4
Top 10 persamaan kuadrat yang akar akarnya 7/ 2 dan -5 adalah 2022
1 years ago
#5
Top 10 jika panjang sisi bangun persegi panjang 16 cm dan lebar 8 cm maka kelilingnya adalah 2022
1 years ago
#6
Top 9 perhatikan gambar mata berikut nama bagian mata yang ditunjukkan angka i dan ii adalah 2022
1 years ago
#7
Top 10 jelaskan apa yang dimaksud dengan 3 jenis kemasan? 2022
1 years ago
#8
Top 9 sebutkan tiga keadilan yang harus terwujud dalam kehidupan bermasyarakat 2022
1 years ago
#9
Top 10 pada getaran harmonik pegas, jika massa beban yang digantung pada ujung bawah pegas 100g 2022
1 years ago
#10
Top 10 permainan bulu tangkis di atas meja yang dimainkan oleh dua atau empat orang 2022
1 years ago

Periklanan

Terpopuler

Periklanan

Tentang Kami

Legal

Dukungan

Social

homeendejakoptzhthittr
Copyright © 2024 apacode Inc.