Membuat Todolist dengan Framework Laravel Step 2

selamat datang di tutorial tutorial pemrogramman web Dumet School,, Setelah di tutorial sebelumnya kita berhasil instalasi framework laravel kita dan setting database di aplikasi kita kita lanjutkan untuk membuat model dan Controller nya sekarang.

untuk membuatnya kita cukup menggunakan command line artisannya laravel, ketikan ini di CMD kita.

setelah itu kita buat controller TodoController di aplikasi Todo kita, ketikan ini di CMD kita.

maka model dan controller tersebut sudah tercipta di aplikasi kita.

Todo Model

TodoController

di dalam model kita tambahkan seperti berikut

untuk protected $table itu artinya kita akan mengakses table dengan nama ’00todo’ tabel tersebut, sedangkan untuk protected $fillable gunanya untuk field apa saja yang di perbolehkan untuk di akses.

setelah itu kita ke file route.php dan kita buat seperti berikut.

dan di dalam file tersebut kita buat route nya, di mana sebelum ke controller, aplikasi kita akan ke route terlebih dahulu, kita buat seperti berikut.

di mana bila kita mengakses url dengan nama todo maka akan mengarahkan ke TodoController dengan method index.

lalu kita ke File TodoController.php, didalam nya kita buat method dengan nama index.

di dalam method index kita akan me return view bernama home yang berada di dalam folder todo.

setelah itu di dalam folder views kita buat folder baru dengan nama todo yang di dalamnya juga kita buat file bernama home.blade.php

di dalam file home.blade.php kita buat struktur folder html berikut

<!DOCTYPE html>
<html>
	<head>
		<title>Todolist Laravel</title>
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col"></div>
				<div class="col">
					<h2 class="mb-2 text-center">Todolist Laravel</h2>
					<a href="#" class="btn btn-primary mb-2"> Create Todo</a>
					<!-- todolist -->
					<ul class="list-group">
					  <li class="list-group-item">
					  	Cras justo odio
					  	<form action="" method="post" class="d-inline">
							<button class="btn btn-danger float-right">Delete</button>
					  	</form>
						<a href="#" class="btn btn-warning float-right mr-2">Edit</a>
					  </li>
					</ul>
				</div>
				<div class="col"></div>
			</div>
		</div>

	</body>
</html>

coba kita jalankan di browser dengan url localhost:8000/todo

sekain tutorial Membuat Todolist dengan Framework Laravel Step 2, kita lanjutkan ke step berikutnya.

Membuat Todolist dengan Framework Laravel Step 2

Kategori