Guest Book – Laravel VueJs Single Page App

Overview

Full example how to create single page app Vuejs and Laravel.
You can save  days If you check my solution.

Features

• Laravel Framework 5.7
• Vue: 2.5.17
• Vue pagination
• Vue nav tabs
• Toastr

Requirements

• PHP >= 7.1.3
• MySQL

Instructions

GUEST BOOK – Laravel VueJs Single Page App Example install

/*****************************/

//Delete the Advertisement page:

laravel_vue_crudresourcesviewshome.blade.php

Delete this row:
 
 
///Webserver, Shared hosting intsall
If you use Linux system, please check/enable write access to /storage/logs, /storage/sessions, /storage/views directories.
On Linux system: Go to the storage folder: chmod -R  777 . >

Check/Enable write access to public/images directory.
On Linux system: chmod -R  777 .

Check/Enable write access to public/files directory.
On Linux system: chmod -R  777 .

//The SQL file is in the SQL folder
The best Tool is the  PHPMyAdmin.
Import the SQL files of the program from the sql folder.

/*****************************/
//SETTING, Install
//Edit .env
//MYSQL SETTING:
//this is my local XAMPP server setting :))
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_vue_crud
DB_USERNAME=root
DB_PASSWORD=root

//Test user
username: [email protected]
password: 123456

//////////////
VueJs edit:

First Check the NPM is existing.
npm –v

If you want to change the Vuejs Component:
You can edit this VueJs component.

laravel_vue_crudresourcesjscomponentsTaskComponent.vue

After edit Please Run NPM:

npm install

npm run dev

If npm is missing You can download and install here:

https://nodejs.org/en/