laravelvue

關於laravelVUE

Github：https://github.com/bigrocs/laravelvue

LaravelVUE使用前後端分離技術,前端使用VUE 後端使用PHP框架laravel的CMS系統。

後端透過JSON資料自動定義前端頁面顯示內容。

系統需求

• PHP >= 5.6.4
• OpenSSL PHP 擴充
• PDO PHP 擴充
• OpenSSL 擴充
• Mbstring PHP 擴充
• Tokenizer PHP 擴充功能
• XML PHP 擴充
• GD 擴充
• MySQL >= 5.7

安裝

下面我們以開發版本為例，講述LaravelVUE 的安裝。

首先我們要下載LaravelVUE專案解壓縮到本地資料夾：

1、然後執行composer指令安裝laravel依賴

 composer install

2、重命名.env.example為.env 執行下面指令並且聲稱laravel key

 php -r "file_exists('.env') || copy('.env.example', '.env');"
php artisan key:generate

3.設定資料庫配置修改.env檔下列程式碼

 DB_DATABASE=homestead（数据库名称）
DB_USERNAME=homestead（数据库账号）
DB_PASSWORD=secret   （数据库密码）

4.接下來我們做資料庫遷移和填充數據

 php artisan migrate
php artisan db:seed
php artisan passport:install

5.安裝前端VUE編譯以來

 npm install

6、編譯前端資源

 npm run dev

7.編譯前端資源開啟BrowserSync（開發模式）

 npm run watch

訪問

後台：http://localhost/admin 帳號：admin 密碼：admin888

修改webpack.mix.js檔案下面程式碼

 host: 'laravelvue.dev',
proxy: 'laravelvue.dev',

並且在hosts檔案中填寫對應本地解析

 127.0.0.1       laravelvue.dev

開發者模式存取位址：http://laravelvue:3000/admin