實用人群

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

技術(shù)棧

javascript vuejs webpack babel eslint nodejs axios

php mysql redis

git vagrant centos

整體思路

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

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

后臺: 用PHP作，mysql數(shù)據(jù)庫，redis緩存，運行在裝有centos系統(tǒng)虛擬機中，通過vagrant管理虛擬機

return {

// 需要渲染的界面

view: {

// 界面名稱

name: 'Table'

// 界面的配置信息

column: [

...

]

// ...

},

// 需要渲染的數(shù)據(jù)列表

rows: [

...

],

//提示信息

message: '...',

status: true

}

環(huán)境搭建

為方便新手入門，本文在windows環(huán)境下進行。軟件統(tǒng)一安裝到D:\Server目錄下

1. 創(chuàng)建工作目錄

在D盤創(chuàng)建Server目錄，用于搭建工作環(huán)境

2. 安裝git

在git首頁下載相應(yīng)位數(shù)(64/32)的Windows版git，

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

調(diào)出命令行(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"

桌面/我的電腦/右鍵【屬性】/高級系統(tǒng)設(shè)置/高級/環(huán)境變量

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

系統(tǒng)變量增加NODE_PATH=D:\Server\nodejs\node_global

可以通過 npm config get prefix查看設(shè)置情況

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

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

恭喜，前端環(huán)境搭建基本完成

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。