Modul Laravel 10 - ToT Laravel TcOT.pptx

BAGIAN 1
Persiapan Project
1.
2.
Install composer
Buka CMD, periksa composer dengan perintah
composer —-v ↵
Arahkan CMD pada folder yang akan menampung project Laravel
Membuat project Laravel 10 dengan menjalankan perintah
composer create-project laravel/laravel bangsukri ↵
3.
4.
5. Buka file .env ganti DB_DATABASE sesuai dengan nama database yang digunakan, Save
DB_DATABASE=bangsukri_laravel
6. Masuk
cd bangsukri ↵
7. Migrate
php artisan migrate ↵
Pilih
yes
8.

9. Run
php artisan serve ↵
10. Pada browser buka http://127.0.0.1:8000

Templating
1. Fokus pada folder resources/views
2. Buat folder template dengan didalamnya
a. file default.blade.php
b. folder components

3. Download dan ekstrak starter
https://mirzayogy.github.io/assets/zip/praktikum-web-1-starter-1.zip
4. Fokus pada folder public
5. Copy folder css dari starter ke dalam folder public
6. Copy isi index.html dari starter ke dalam file default.blade.php

7. Buka file routes/web.php dan sesuaikan menjadi seperti pada gambar berikut

8. Pada folder components buat file head.blade.php
9. Cut tag <head> dari default.blade.php paste ke head.blade.php
10. Tambahkan perintah berikut untuk meng-include head.blade.php

13. Lanjutkan untuk badges dan content

Routing Sederhana
1. Ganti bagian include badges dan content menjadi seperti berikut

2. Ganti isi dari file welcome.blade.php dengan perintah berikut

4. Pada browser periksa kembali http://127.0.0.1:8000
5. Buat file sample.blade.php dan isikan seperti berikut

7. Pada browser buka http://127.0.0.1:8000/sample

8. Pada file head.blade.php sesuaikan menjadi seperti berikut
9. Pada file routes/web.php sesuaikan
10. Pada browser periksa kembali http://127.0.0.1:8000

11. Pada file sidebar.blade.php sesuaikan menjadi seperti berikut
12. Pada file routes/web.php sesuaikan

Migration dan Seeder
1.
2.
Buka CMD baru
Arahkan ke folder bangsukri, jalankan perintah artisan untuk membuat model, migration, controller, dan seeder
php artisan make:model Ruang -mcrs ↵
3. Pada model yang tercipta di folder app/Models/Ruang.php, tambahkan pada class Ruang sebagai berikut
4. Pada migration yang tercipta di folder database/migrations, ganti ruangs pada function up dan down menjadi ruang, dan
lengkapi function up sebagai berikut
public function up()
{
Schema::create('ruang', function (Blueprint $table) {
$table->id();
$table->string('nama_ruang');
$table->timestamps();
});
}
class Ruang extends Model
{
use HasFactory;
protected $table = 'ruang';
protected $guarded = [];
}

5. Pada database/seeders/RuangSeeder.php tambahkan perintah berikut pada bagian use
6. Masih pada database/seeders/RuangSeeder.php tambahkan perintah berikut pada function run
7. Kembali ke CMD, jalankan untuk menciptakan tabel baru
php artisan migrate ↵
public function run()
{
$now = date('Y-m-d H:i:s');
Ruang::insert([
[
'nama_ruang' => 'Front office',
'created_at' => $now, 'updated_at' => $now
],
[
'nama_ruang' => 'Marketing',
],
[
'nama_ruang' => 'Finance',
],
]);
}
use AppModelsRuang;

8. Menjalankan seeder
a. Per file
php artisan db:seed --class=RuangSeeder
Seluruh Seeder
b.
i. Pada database/seeders/DatabaseSeeder.php di function run tambahkan perintah berikut
ii. Pada CMD, jalankan perintah yang melakukan migrasi ulang database dan mengisikan tabel sesuai dengan
seedernya
php artisan migrate:fresh --seed
atau
php artisan migrate:fresh --seed --seeder=RuangSeeder
public function run()
{
$this->call(RuangSeeder::class);
}

View, Controller, dan Routing
1. Buat folder views/ruang dan didalamnya buat file index.blade.php

2. Buka file app/Http/Controllers/RuangController.php dan didalamnya isikan function index()
3. Buka file routes/web.php dan didalamnya tambahkan
4. Buka file resources/views/template/components/sidebar.blade.php dan didalamnya ganti anchor untuk Ruang
5. Buka file app/Http/Controllers/RuangController.php dan cari function index()
6. Coba buka laman ruang

7. Buka file app/Http/Controllers/RuangController.php dan cari function create()
8. Buka file app/Http/Controllers/RuangController.php dan cari function store()

9. Buat file views/ruang/create.blade.php dan uji coba halaman create

10. Buat file views/ruang/edit.blade.php

11. Buka file app/Http/Controllers/RuangController.php dan cari function edit()
12. Buka file app/Http/Controllers/RuangController.php dan cari function update()
13. Buat file views/ruang/action.blade.php

14. Pada file views/ruang/index.blade.php, ganti pada bagian tabel kolom Aksi
15. uji coba halaman update
16. Pada file views/ruang/index.blade.php, tambahkan form pada baris sebelum @endsection

17. Pada file views/ruang/action.blade.php
18. Pada file views/template/components/scripts.blade.php tambahkan

19. Buka file app/Http/Controllers/RuangController.php dan cari function destroy()

Modul Laravel 10 - ToT Laravel TcOT.pptx

Recommended

Recommended

More Related Content

Similar to Modul Laravel 10 - ToT Laravel TcOT.pptx

Similar to Modul Laravel 10 - ToT Laravel TcOT.pptx (20)

More from UnduhUnggah1

More from UnduhUnggah1 (6)

Recently uploaded

Recently uploaded (20)

Modul Laravel 10 - ToT Laravel TcOT.pptx