實用人群

適合小白入門，高手請繞行

技術棧

javascript vuejs webpack babel eslint nodejs axios

php mysql redis

git vagrant centos

整體思路

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

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

總結

以上是生活随笔為你收集整理的vue框架可以配合php做企业站,基于Vue和PHP打造前后端分离的通用管理系统（一）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。