Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caknoooo/ams-laravel-mvc
create a simple MVC (Model, View, Controller) for training AMS
https://github.com/caknoooo/ams-laravel-mvc
laravel-framework mvc mvc-framework mysql
Last synced: 9 days ago
JSON representation
create a simple MVC (Model, View, Controller) for training AMS
- Host: GitHub
- URL: https://github.com/caknoooo/ams-laravel-mvc
- Owner: Caknoooo
- Created: 2023-11-23T06:41:39.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-24T07:40:14.000Z (about 1 year ago)
- Last Synced: 2024-12-09T14:37:07.430Z (2 months ago)
- Topics: laravel-framework, mvc, mvc-framework, mysql
- Language: PHP
- Homepage:
- Size: 80.1 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Laravel MVC (Model, View, Controller)
Repository ini dibuat untuk mengimplementasikan framework ``laravel`` dengan menggunakan arsitetur ``Laravel``
## Daftar Isi
- [Setup Clone](#setup-clone)
- [Setup From Zero](#setup-from-zero)
### Setup Clone
Pertama lakukan perintah berikut untuk melakukan cloning di github
```
git clone https://github.com/Caknoooo/ams-laravel-mvc.git
```
Jangan lupa untuk menjalankan perintah berikut untuk mendownload dependencies-dependencies yang dibutuhkan
```
composer install
```
Setelah itu lakukan beberapa konfigurasi sebagai berikut
```
cp .env.example .env
SETUP SESUAI DENGAN DATABASE MYSQL pada file .env
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-mvc
DB_USERNAME=root
DB_PASSWORD=
```
Lalu nyalakan ``XAMPP`` dan jalankan berikut
Setelah itu jalankan perintah berikut
```
php artisan migrate
php artisan key:generate
php artisan config:clear
php artisan config:cache
php artisan serve
```
Hasilnya adalah sebagai berikut
Jika ``teman-teman`` mencoba untuk membuka endpoint berikut ``http://127.0.0.1:8000/product/create`` maka hasilnya akan sebagai berikut
Teman-teman bisa juga untuk mencoba beberapa endpoint yang telah disediakan pada file ``routes/web.php``
### Setup From Zero
Untuk memulai dari awal, ``anda`` perlu untuk melakukan setup laravel sebagai berikut
```
composer create-project laravel/laravel laravel-mvc
```
Setelah itu jangan lupa untuk membuka directory ``laravel-mvc`` di teks editor kalian
Setelah itu buka file ``.env`` dan ganti konfigurasi ``Database`` kalian sebagai berikut (Sesuaikan dengan ``user`` database kalian)
```
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel-mvc
DB_USERNAME=root
DB_PASSWORD=
```
Setelah itu jalankan perintah berikut
```
php artisan make:migration create_products_table
php artisan make:model Product
php artisan make:controller ProductController
```
Lalu pada file **migration** yang telah dibuat sebelumnya pada folder ``database > migration > nama_file`` pada ``function up`` gantilah sebagai berikut
```php
public function up(): void
{
Schema::create('products', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->integer('qty');
$table->decimal('price', 10, 2);
$table->text('description')->nullable();
$table->timestamps();
});
}
```
Setelah itu pada file **model** yang telah dibuat sebelumnya pada folder ``app > Models > nama_file`` gantilah sebagai berikut
```php
Http > Controllers > nama_file`` gantilah sebgai berikut
```php
$products]);
}
public function create()
{
return view('products.create');
}
public function store(Request $request)
{
$data = $request->validate([
'name' => 'required',
'qty' => 'required|numeric',
'price' => 'required|decimal:0,2',
'description' => 'nullable'
]);
$newProduct = Product::create($data);
return redirect(route('product.index'));
}
public function edit(Product $product)
{
return view('products.edit', ['product' => $product]);
}
public function update(Product $product, Request $request)
{
$data = $request->validate([
'name' => 'required',
'qty' => 'required|numeric',
'price' => 'required|decimal:0,2',
'description' => 'nullable'
]);
$product->update($data);
return redirect(route('product.index'))->with('success', 'Product Updated Succesffully');
}
public function destroy(Product $product)
{
$product->delete();
return redirect(route('product.index'))->with('success', 'Product deleted Succesffully');
}
}
```
Terdapat beberapa ``function`` CRUD (Create, Read, Update, Delete) pada file tersebut yang dapat digunakan
#### View
Setelah selesai membuat ``Model`` dan ``Controller``, saatnya kita membuat ``view`` atau tampilan pada web yang akan diintegrasikan dengan ``Model`` dan ``Controller`` sebelumnya.
Kita akan menambahkan file tampilan kita pada directory ``resources > views``. Buatlah folder dengan nama ``products`` yang akan kita jadikan folder untuk menyimpan file tampilan kita.
Setelah itu, marilah kita memulai dengan membuat file ``create.blade.php``
Lalu isilah sebagai berikut
```php
Create
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
form {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
width: 300px;
}
h1 {
text-align: center;
color: #333;
}
label {
display: block;
margin-bottom: 8px;
color: #555;
}
input,
textarea {
width: 100%;
padding: 8px;
margin-bottom: 16px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #4caf50;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 10px;
border: none;
border-radius: 4px;
}
input[type="submit"]:hover {
background-color: #45a049;
}
@csrf
@method('POST')
Create a Product
@if($errors->any())
@foreach($errors->all() as $error)
- {{$error}}
@endforeach
@endif
Name
QTY
Price
Description
```
Setelah itu buatlah file ``edit.blade.php``
```php
Edit Product
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
form {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
width: 300px;
}
h1 {
text-align: center;
color: #333;
}
label {
display: block;
margin-bottom: 8px;
color: #555;
}
input {
width: 100%;
padding: 8px;
margin-bottom: 16px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #4caf50;
color: #fff;
cursor: pointer;
font-size: 16px;
padding: 10px;
border: none;
border-radius: 4px;
}
input[type="submit"]:hover {
background-color: #45a049;
}
ul {
list-style: none;
padding: 0;
margin: 0;
color: #ff0000;
}
@csrf
@method('put')
Edit a Product
@if($errors->any())
@foreach($errors->all() as $error)
- {{$error}}
@endforeach
@endif
Name
Qty
Price
Description
```
Setelah itu buatlah file ``index.blade.php``
```php
Product List
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
h1 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.success-message {
background-color: #4caf50;
color: #fff;
padding: 10px;
text-align: center;
margin-bottom: 20px;
}
.create-link {
margin-bottom: 20px;
}
table {
width: 80%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #4caf50;
color: #fff;
}
td a {
text-decoration: none;
color: #333;
margin-right: 10px;
}
td form {
display: inline-block;
}
td form input[type="submit"] {
background-color: #f44336;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer;
}
td form input[type="submit"]:hover {
background-color: #d32f2f;
}
Product
@if(session()->has('success'))
@endif
ID
Name
Qty
Price
Description
Edit
Delete
@foreach($products as $product )
{{$product->id}}
{{$product->name}}
{{$product->qty}}
{{$product->price}}
{{$product->description}}
Edit
@csrf
@method('delete')
@endforeach
```
Terakhir, kita ganti seluruh ``router`` kita menuju ke ``controller`` yang nantinya ``controller`` akan melakukan bisnis dengan ``database`` dan controller akan mengembalikan hasil bisnis tersebut ke dalam ``views``. Sekarang buka file ``routes > web.php`` dan gantilah sebagai berikut
```php
name('product.index');
Route::get('/product/create', [ProductController::class, 'create'])->name('product.create');
Route::post('/product', [ProductController::class, 'store'])->name('product.store');
Route::get('/product/{product}/edit', [ProductController::class, 'edit'])->name('product.edit');
Route::put('/product/{product}/update', [ProductController::class, 'update'])->name('product.update');
Route::delete('/product/{product}/destroy', [ProductController::class, 'destroy'])->name('product.destroy');
```
Lalu nyalakan ``XAMPP`` dan jalankan berikut
Setelah itu jalankan perintah berikut
```
php artisan migrate
php artisan key:generate
php artisan config:clear
php artisan config:cache
php artisan serve
```
Hasilnya adalah sebagai berikut
Jika ``teman-teman`` mencoba untuk membuka endpoint berikut ``http://127.0.0.1:8000/product/create`` maka hasilnya akan sebagai berikut
Teman-teman bisa juga untuk mencoba beberapa endpoint yang telah disediakan pada file ``routes/web.php``