Laravel 5.3 Admin Panel Tutorial - How to build laravel 5 dashboard package example with "Voyager" pakcage made with simple step. at previews lessons, we have create admin panel with "Build Blog Project", please read :
This lessons will show you simple step using "Voyager". Voyager is a Laravel Admin Package that includes BREAD (CRUD) operations, a media manager, menu builder, and much more.
You can find all laravel tutorial live coding at youtube, or click here.
Don't forget to Like, Share and subscribe our channel for more tutorial sending to your email everyday.
Laravel 5.3 Admin Panel Tutorial - How to build laravel 5 dashboard package example with "Voyager" pakcage made with simple step. at previews lessons, we have create admin panel with "Build Blog Project", please read :
This lessons will show you simple step using "Voyager". Voyager is a Laravel Admin Package that includes BREAD (CRUD) operations, a media manager, menu builder, and much more.
You can find all laravel tutorial live coding at youtube, or click here.
Don't forget to Like, Share and subscribe our channel for more tutorial sending to your email everyday.
Android Studio tutorial : How to getting started build simple android application using Android Studio, this lessons will show you how to create "Hello World Example" in Android Studio. At the previews lessons, we have learn how to install and configure android studio on windows. Please Read : How to Install Android Studio on Windows
Video Tutorial How to Create First App on Android Studio
Video tutorial Running App with Virtual Devices
Don't forget to like, share and subscribe our channel on youtube.
Android Studio tutorial : How to getting started build simple android application using Android Studio, this lessons will show you how to create "Hello World Example" in Android Studio. At the previews lessons, we have learn how to install and configure android studio on windows. Please Read : How to Install Android Studio on Windows
Video Tutorial How to Create First App on Android Studio
Video tutorial Running App with Virtual Devices
Don't forget to like, share and subscribe our channel on youtube.
Laravel 5.3 Ajax Tutorial - How to implement DataTables Ajax with yajra datatables package in laravel 5.3, this tutorial will show you how to display, shorting, searching data from database using datatables ajax plugin in laravel 5.3
at the previews lessons, we have create simple Laravel 5.3 project, please read :
// use datatables
use Yajra\Datatables\Datatables;
Function Show data using DataTables
// show datatables page
public function datatables(){
return view('admin/posts/datatables');
}
// show all posts data
public function postsdata(){
return Datatables::of(\App\Posts::all())->make(true);
}
Laravel 5.3 Ajax Tutorial - How to implement DataTables Ajax with yajra datatables package in laravel 5.3, this tutorial will show you how to display, shorting, searching data from database using datatables ajax plugin in laravel 5.3
at the previews lessons, we have create simple Laravel 5.3 project, please read :
// use datatables
use Yajra\Datatables\Datatables;
Function Show data using DataTables
// show datatables page
public function datatables(){
return view('admin/posts/datatables');
}
// show all posts data
public function postsdata(){
return Datatables::of(\App\Posts::all())->make(true);
}
Laravel 5.3 tutorial for beginners : Create simple Laravel 5.3 CRUD Operations with laravel 5.3 and Angular JS backend (REST API). At the previews lessons, we have create simple crud with laravel too, please read :
This lessons will use Laravel 5 for the backend and AngularJS for the front end. In accordance with the laws of beauty, we will use twitter bootstrap to add beauty to our simple application.
Video Tutorial Laravel CRUD with Angular Js
Create New Laravel Project
cd c:\server\htdocs\
....
composer create-project laravel/laravel laravelangularjs
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateSupplierTable extends Migration {
public function up(){
// create supplier table
Schema::create('supplier', function (Blueprint $table) {
$table->increments('id');
$table->string('supplierName')->unique();
$table->string('supplierEmail')->unique();
$table->string('supplierContact');
$table->string('supplierPosition');
$table->timestamps();
});
}
public function down() {
// Drop supplier table
Scheme::drop('supplier');
}
}
Run Migration
php artisan migrate
Create Model
php artisan make:model Supplier
Supplier.php
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Supplier extends Model{
protected $table ='supplier';
protected $fillable = array('id','supplierName','supplierEmail','supplierContact','supplierPosition');
}
Create new folder (angular) in public\angular, and create new file (app.js) in there (public\angular\app.js)
public\angular\app.js
var app = angular.module('getSupplier', [])
.constant('API_URL','http://localhost:8080/api/');
Create new folder (controller) in public\angular directory, and create new file (SupplierController.js) in public\angular\controller\SupplierController.js folder
public\angular\controller\SupplierController.js
app.controller('SupplierController', function($scope, $http, API_URL) {
// retrieve Supplier listing from API
$http.get(API_URL + "supplier")
.success(function(response){
$scope.suppliers = response;
});
// show modal Form
$scope.toggle = function(modalstate, id) {
$scope.modalstate = modalstate;
switch(modalstate) {
case 'add':
$scope.form_title = "Add New Supplier";
break;
case 'edit':
$scope.form_title = "Supplier Detail";
$scope.id = id;
$http.get(API_URL + 'supplier/' + id).success(function(response){
console.log(response);
$scope.supplier = response;
});
break;
default:
break;
}
console.log(id);
$('#myModal').modal('show');
}
// save new supplier and update existing supplier
$scope.save = function(modalstate, id) {
var url = API_URL + "supplier";
if (modalstate === 'edit') {
url += "/" + id;
}
$http({
method: 'POST',
url: url,
data: $.param($scope.supplier),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function(response){
console.log(response);
location.reload();
}).error(function(response){
console.log(response);
alert('This is embarassing. An error has occured. Please check the log for details');
});
}
// delete supplier record
$scope.confirmDelete = function(id) {
var isConfirmDelete = confirm('Are you sure you want this record?');
if (isConfirmDelete) {
$http({
method: 'DELETE',
url: API_URL + 'supplier/' + id
}).success(function(data){
console.log(data);
location.reload();
}).error(function(data){
console.log(data);
alert('Unable to delete');
});
} else {
return false;
}
}
});
Watch more Laravel videos
Laravel 5.3 CRUD with VueJS
Laravel 5.3 CRUD with AJAX
DOWNLOAD FULL SOURCE CODE Laravel 5.3 Simple CRUD Application With Angular JS HERE!!!.
