PHP Scheduling and Reservation Tutorials

The PHP tutorials can help you with implementation of your own reservation or scheduling application with a PHP backend. Each tutorial includes a detailed explanation of the scheduling component configuration, UI layout and a REST backend implemented in PHP. You can also download the source code of the project and experiment with it on your machine. The project can serve as a starting point for your application or you can use it as a learning material to get a better idea about the component features and configuration options.

Some of the tutorials use plain JavaScript for the frontend implementation. This works well for simple applications without complex UI structure. It serves well for demonstration purposes because the tutorial can focus on the main logic and there is no boilerplate code.

For more advanced applications, the JavaScript code can become large and difficult to maintain. Many developers take advantage of one of the modern JavaScript frontend frameworks, such as AngularReact or Vue.

The scheduling projects use MySQL or SQLite as the backend database. The MySQL database initializes automatically if you first run the application. Just make sure sure that you configure your MySQL server connection details before you start the application. See _db.php file for database configuration settings. The tutorials also include dump of MySQL database schema (DDL script) that will give you an idea about the database layout.

In most tutorials, the PHP technology is limited to server-side implemented API. It’s not used to generate the client-side HTML - it only provides specific REST endpoints for database access. This lightweight approach lets you replace the backend easily with a different server-side technology, such as ASP.NET Core or Node.js. The tutorial text includes the API description, including the expected JSON response structure so you can use it as an example for implementation in other languages.

To get notified about new tutorials you can subscribe to e-mail notifications at news.daypilot.org.

HTML5 Scheduler: Infinite Scrolling
HTML5 Scheduler: Infinite Scrolling
Simple HTML5/PHP web application that shows how to enable infinite scrolling for the Scheduler UI component.
JavaScript/HTML5 Timesheet (PHP, MySQL)
JavaScript/HTML5 Timesheet (PHP, MySQL)
How to create a timesheet using the JavaScript/HTML5 timesheet component. Sample PHP/MySQL application source code for download.
Angular Restaurant Table Reservation (PHP/MySQL)
Angular Restaurant Table Reservation (PHP/MySQL)
Angular application that lets you manage restaurant table reservations. Includes a PHP/MySQL backend.
PHP Machine/Production Job Scheduling Application (MySQL)
PHP Machine/Production Job Scheduling Application (MySQL)
This tutorial shows how to create a PHP web application for machine/production job scheduling. The visual HTML5 scheduling grid displays task assignments, duration and dependencies. Users can use drag and drop to change the schedule.
Angular Work Order Scheduling (PHP/MySQL)
Angular Work Order Scheduling (PHP/MySQL)
Angular web application that lets you assign and schedule work orders using drag and drop. Built using DayPilot Scheduler Angular component. Includes a REST backend implemented in PHP/MySQL
HTML5 Scheduler
HTML5 Scheduler
HTML5 scheduler with drag and drop support. It displays a timeline for multiple resources grouped by category. PHP project with REST API backend and MySQL/SQLite storage is available for download.
PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database)
PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database)
A tutorial that shows how to create a PHP shift planning system - a web application that lets you manage shifts for multiple locations using a visual JavaScript scheduler component.
JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)
JavaScript Resource Calendar Tutorial - PHP/MySQL (Open-Source)
How to use HTML5/JavaScript resource calendar component to create a dynamic schedule. The calendar loads data (resources and events) using a REST API that is implemented using PHP and MySQL.
PHP Hotel Room Booking System (JavaScript/HTML5, MySQL)
PHP Hotel Room Booking System (JavaScript/HTML5, MySQL)
A tutorial that shows how to create a PHP reservation system for hotel rooms with JavaScript/HTML5 frontend. The user interface includes a visual scheduling calendar with drag and drop support. MySQL and SQLite databases.
HTML5/JavaScript Event Calendar (Open-Source)
HTML5/JavaScript Event Calendar (Open-Source)
Weekly HTML5/JavaScript event calendar with CSS themes, drag and drop support, date navigator. Sample PHP and ASP.NET Core projects with REST backend implementation.
React Shift Scheduling Application (PHP/MySQL Backend)
React Shift Scheduling Application (PHP/MySQL Backend)
React application that lets you visually schedule shifts at multiple locations. The backend REST API is implemented using PHP and MySQL.
Open-Source HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)
Open-Source HTML5/JavaScript Calendar with Day/Week/Month Views (PHP, MySQL)
HTML5/JavaScript event calendar with day, week, and month views and integrated date navigator. Includes a sample PHP backend with MySQL database.
Open-Source Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Open-Source Angular Appointment Calendar Component (TypeScript + PHP/MySQL)
Simple appointment scheduling application built using Angular. The calendar view is created using DayPilot Pro Angular Calendar component. The server-side backend is created using PHP and stores events in a MySQL or SQLite database.
PHP Work Order Scheduler (JavaScript/HTML5 and MySQL)
PHP Work Order Scheduler (JavaScript/HTML5 and MySQL)
This tutorial shows how to create a PHP application that will let users manage and schedule work orders using a visual interface implemented using JavaScript/HTML5.
Angular Hotel Room Booking Tutorial (PHP/MySQL)
Angular Hotel Room Booking Tutorial (PHP/MySQL)
Angular hotel room reservation application. The user interface supports managing rooms (create, edit, delete, change status) and reservations (create, edit, move, delete, change status). Includes a PHP/MySQL backend with token-based authentication.
Vue Scheduler: On-Demand Event Loading
Vue Scheduler: On-Demand Event Loading
How to enable on-demand event loading in the Vue Scheduler component. The Scheduler will load events for the current viewport. Additional data will be loaded during scrolling.
Angular Scheduler Tutorial (TypeScript + PHP/MySQL)
Angular Scheduler Tutorial (TypeScript + PHP/MySQL)
An Angular application that shows how to use DayPilot Scheduler with a PHP/MySQL backend.
Angular Scheduler: Dynamic Loading of Large Data Sets
Angular Scheduler: Dynamic Loading of Large Data Sets
Angular project that displays a Scheduler component with dynamic event data loading enabled. Event data are loaded on demand during scrolling to improve scalability.
PHP Annual Leave Scheduling (JavaScript/HTML5 Frontend, MySQL Database)
PHP Annual Leave Scheduling (JavaScript/HTML5 Frontend, MySQL Database)
PHP web application that allows to plan annual leave days using a visual HTML5 scheduler component.
Monthly Event Calendar for JavaScript/HTML5/PHP
Monthly Event Calendar for JavaScript/HTML5/PHP
Drag and drop monthly event calendar for JavaScript/HTML5. Full calendar CSS styling support. Includes a sample PHP backend with SQL database.
Articles 1-20 of 34 Next