cakefest-japan-2019
Example application of the integration of CakePHP and Vue.js for my Baking with Vue.js talk
MIT License
Baking with Vue.js
An example application to accompany my 'Baking with Vue.js' talk given at Cakefest Japan 2019.
You can find my slides on Google Slides.
Talk abstract
The development landscape is changing, and as always Javascript is the front runner. In my job we produce lots of visual tables of data, which all need sorting and filtering. This talk will cover how we developed a new front-end dynamic table component for our CakePHP websites using Vue.js and CakePHP.
How do you integrate Vue.js into your CakePHP application? What can Vue.js do for your CakePHP application? Hopefully after this talk, you'll have a better understanding of the answers to those questions. We'll be looking at an internal CakePHP web service and how to interact with Vue.js to use that new web service.
Requirements
- Web server
- PHP
- Composer
- MySQL
For development
- Node.js
- Yarn or NPM
For other dependancies, see the composer.json and package.json.
Setup
- Check out the repository
- Setup a database
- Configure the db in
/config/app.phpwith your db credentials - Run
composer install - Run
bin/cake migrations migrateto setup the tables and data
The Vue.js application is pre-compiled in the repo in /webroot/app.js
Development
In order to build the Vue.js application you will need to install Node.js and install Yarn.
Building the Vue.js can be done with yarn run build-dev
License
MIT see license