Create Event Calender In Laravel – Info PHP

On Jul 23, 2018

Insert Value From CheckBox In Database (MySQL) In PHP…

Jul 25, 2018

I suppose the Laravel Project is installed on your system.If not then run the below command on your computer and get a fresh laravel 5.5 application structure.

composer create-project –prefer-dist laravel/laravel blog

Now you need to install the fullcalender package.To install it fire the below command on your command line(cmd).

composer require maddhatter/laravel-fullcalendar

Once you have installed the package, you need to add it to the service providers and alias.Go to config/app.php and the providers and aliase.All the new package that are installed has to be added in the providers and aliases as well.

‘providers’ => [
MaddHatterLaravelFullcalendarServiceProvider::class,
],
‘aliases’ => [
‘Calendar’ => MaddHatterLaravelFullcalendarFacadesCalendar::class,
]

Create Events Table
You can create the table manually also.Here I am creating the table by the use o migrations.Create migration of events table using artisan command.So hit the below command on cmd.

php artisan make:migration create_events_table

Firing the above command will create a migration file inside database/migrations, Now open the migration file and paste the below code in it.

use IlluminateSupportFacadesSchema;
use IlluminateDatabaseSchemaBlueprint;
use IlluminateDatabaseMigrationsMigration;
class CreateEventsTable extends Migration
{
public function up()
{
Schema::create(‘events’, function (Blueprint $table) {
$table->increments(‘id’);
$table->string(‘title’);
$table->date(‘start_date’);
$table->date(‘end_date’);
$table->timestamps();
});
}

As soon as you have created the schema in your migration file.Run the below command in cmd in order to migrate the schema into database.

php artisan migrate

Now as soon as you have migrated the table into the database,here comes the vital activity of craeting model for “events” table.So just fire the below command and create a new model.

php artisan make:model Event

As soon as you will run above command,an event.php file will be created in app/event.php.

Place the fields in the $fillable variable in array format.

namespace App;
use IlluminateDatabaseEloquentModel;
class Event extends Model
{
protected $fillable = [‘title’,‘start_date’,‘end_date’];
}

Now we will create new seeder for dummy records so that we can fill all the events in the calender

php artisan make:seeder AddDummyEvent

After running above command, you will find a seeder file in your seeds folder in the path database/seeds/AddDummyEvent.php, Write the above code in your seeder file created(i.e, in AddDummyEvent.php ) file.

use IlluminateDatabaseSeeder;
use AppEvent;
class AddDummyEvent extends Seeder
{
public function run()
{
$data = [
[‘title’=>‘Rom Event’, ‘start_date’=>‘2017-05-10’, ‘end_date’=>‘2017-05-15’],
[‘title’=>‘Coyala Event’, ‘start_date’=>‘2017-05-11’, ‘end_date’=>‘2017-05-16’],
[‘title’=>‘Lara Event’, ‘start_date’=>‘2017-05-16’, ‘end_date’=>‘2017-05-22’],
];
foreach ($data as $key => $value) {
Event::create($value);
}
}
}

Now you run the above seeder by firing the below command

php artisan db:seed –class=AddDummyEvent

Now to display full calender, we need to add a new route “events” in our route file (i.e, web.php) file.

Route::get(‘events’, ‘EventController@index’);

By adding the above line we can create route.

Now comes the role of controller where we will be writing a method to show calender as well as the events also.Here I have created a controller named EventController.

namespace AppHttpControllers;
use IlluminateHttpRequest;
use Calendar;
use AppEvent;
class EventController extends Controller
{
public function index()
{
$events = [];
$data = Event::all();
if($data->count()){
foreach ($data as $key => $value) {
$events[] = Calendar::event(
$value->title,
true,
new DateTime($value->start_date),
new DateTime($value->end_date.‘ +1 day’)
);
}
}
$calendar = Calendar::addEvents($events);
return view(‘mycalender’, compact(‘calendar’));
}
}

Now as you have created controller, now let us create a view of calender (name it as mycalender.blade.php)

Kindly paste the below code in your newly created blade file (i.e view).

“en”>
>
>
>
“stylesheet” type=“text/css” href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>
“stylesheet” href=“https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css” />
class=“container”>
class=“panel panel-primary”>
class=“panel-heading”> MY Calender
class=“panel-body”> {!! $calendar->calendar() !!} {!! $calendar->script() !!}

Above we have created views, controller and route files for displaying calender and its events.Now let us view the result on localhost:8000/events.

Note
Before running the url on the browser,you need to initiate the program by running below command on cmd.

php artisan serve

Fig: The Final View of Calender with events showing from database.

Article Prepared by Ollala Corp