Membuat file project

dikarenakan projectnya dijalankan menggunakan xampp maka Sebelumnya kita harus menginstall xampp terlebih dahulu untuk caranya blog.aitc.co.id/2023/04/17/cara-install-xampp dan juga membuat project baru dikarenakan kemarin sudah membuat project dan tutorial install membuat project baru bisa disimak di cara-install-laravel-10

Membuat database

Membuat database di file .env kemudian kita sesuaikan. Disini database saya diberi nama Laravel (line 14)

Code:

APP_NAME=Laravel
APP_ENV=local
APP_KEY=base64:urOYG2X+1dO5Yccc0tLfaRc8U7jQozozJJ4Nz3khRIc=
APP_DEBUG=true
APP_URL=http://localhost

LOG_CHANNEL=stack
LOG_DEPRECATIONS_CHANNEL=null
LOG_LEVEL=debug

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

Membuat tabel di database > migration > create_user_table (line 14-21)

Tabel tersebut terdiri dari 8 kolom, yaitu : id, name, email, email_verified_at, password, remember_token, create_at, update_at

Code:


        Schema::create('users', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('email')->unique();
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password');
            $table->rememberToken();
            $table->timestamps();
        });

Jika sudah selesai berikan perintah php artisan migrate di terminal agar tabel dibuat ke database mysql

Membuat tampilan login

sebelumnya kita harus install npm terlebih dahulu untuk langkah awalnya kita harus mendownload node js terlebih dahulu berikut link untuk mendowload node js: nodejs.org
setelah di download lalu install node js, kemudian aktifkan terminal command prompt lokasinya harus di file project lalu ketik perintah npm install && npm run dev

Untuk membuat tampilan login kita bisa memerintahkan php artisan ui vue –auth

Berikan perintah php artisan serve untuk menjalankan server, kemudian pergi ke localhost:8000

Untuk melihat tampilannya

Pada pojok kanan atas terdapat fitur login dan register. Tampilan tersebut merupakan tanda bahwa kita berhasil membuat tampilannya.

Tampilan register

Tampilan login

Tampilan dashboard

Logout

Jika anda ingin log out maka silahkan klik pojok kanan atas yang terdapat nama anda

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *