Vue框架如何與PHP打造前后端分離的管理系統

如果你選擇前端使用vue框架vue框架怎么配合php，后端用PHP開發vue框架怎么配合php，服務器就不用node了，用Apache就好了 開發中，看你是否想進行前后端的分離如果你不想進行前后端的分離。

分享一個Vue框架如何與PHP打造前后端分離的管理系統的思路（僅供新手參考）：

git負責版本控制，這個算是標配

前臺: 使用vuejs框架，用javascript語言打造，UI使用ElementUI。webpack babel eslint nodejs 服務于javascript代碼編寫。

后臺: 用PHP作，mysql數據庫，redis緩存，運行在裝有centos系統虛擬機中，通過vagrant管理虛擬機

return {

// 需要渲染的界面

view: {

// 界面名稱

name: 'Table'

// 界面的配置信息

column: [

...

]

// ...

},

// 需要渲染的數據列表

rows: [

...

],

//提示信息

message: '...',

status: true

}

環境搭建

為方便新手入門，本文在windows環境下進行。軟件統一安裝到D:\Server目錄下

1. 創建工作目錄

在D盤創建Server目錄，用于搭建工作環境

2. 安裝git

在git首頁下載相應位數(64/32)的Windows版git，

然后一路下一步安裝，注意選擇安裝位置。

調出命令行(win+r輸入cmd)輸入 git --version 顯示git版本號即可。

3. 安裝Nodejs和Vue

在nodejs首頁下載，一路next，注意選擇安裝位置。

命令行輸入 node -v 顯示node版本號。

命令行輸入 npm --v 顯示npm版本號即可。

在D:\Server\nodejs目錄下下建立"node_global"及"node_cache"兩個文件夾。然后命令行輸入:

npm config set prefix "D:\Server\nodejs\node_global"

npm config set cache "D:\Server\nodejs\node_cache"

桌面/我的電腦/右鍵【屬性】/高級系統設置/高級/環境變量

用戶變量Path中 C:\...npm 替換為D:\Server\nodejs\node_global

系統變量增加NODE_PATH=D:\Server\nodejs\node_global

可以通過 npm config get prefix查看設置情況

輸入npm install --global vue-cli測試一下(不改源，需要喝杯水的時間...)

正常的話，vue就安裝完成了，下一步在瀏覽器插件商店中找到并安裝vue-devtools

恭喜，前端環境搭建基本完成！