基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

悟空CRM

官網:http://www.5kcrm.com

官網:http://www.72crm.com

論壇:http://bbs.72crm.net

演示地址:demo9.5kcrm.net (帳號:18888888888 密碼:123456)

主要技術棧

後端框架:ThinkPHP 5.0.2

前端 MVVM 框架:Vue.JS 2.5.x

路由:Vue-Router 3.x

數據交互:Axios

UI 框架:Element-UI 2.6.3

悟空 crm9.0 的運行環境要求 PHP5.6 以上

一鍵安裝

代碼中已集成前端 vue 打包後文件,可免去打包操作: 以本地(phpstudy集成環境)搭建舉例: 下載悟空 CRM9.0 開源版,在服務器根目錄(www目錄)下創建 72crm 文件夾,並放置代碼; 瀏覽器訪問http://localhost/72crm/index.php/admin/install/index.html ,根據安裝提示步驟,完成悟空 CRM9.0 的部署安裝。

數據交互

數據交互通過 axios 以及RESTful 架構來實現 用戶校驗通過登錄返回的 auth_key 放在 header 值得注意的一點是:跨域的情況下,會有預請求 OPTION 的情況

Server搭建

服務端使用的框架為 thinkphp5.0.2,搭建前請確保擁有 lamp/lnmp/wamp 環境。

這裡所說的搭建其實就是把 server 框架放入 WEB 運行環境,並使用 80端口。 導入服務端根文件夾數據庫文件 public/sql/5kcrm.sql,並修改 config/database.php 配置文件。

配置要求

PHP >= 5.6.0 (暫不支持 PHP7 及以上版本) 當訪問 http://localhost/, 出現“悟空軟件”即代表後端接口搭建成功。

前端部署

安裝 node.js 前端部分是基於 node.js 上運行的,所以必須先安裝 node.js,版本要求為 6.0以上

使用 npm 安裝依賴 下載悟空 CRM9.0 前端代碼; 可將代碼放置在後端同級目錄 frontend,執行命令安裝依賴:

npm install

修改內部配置 修改請求地址或域名:config/dev.env.js 裡修改 BASE_API(開發環境服務端地址,默認 localhost) 修改自定義端口:config/index.js 裡面的 dev 對象的 port 參數(默認 8080,不建議修改)

運行前端

 npm run dev

注意:前端服務啟動,默認會佔用 8080 端口,所以在啟動前端服務之前,請確認 8080 端口沒有被佔用。 程序運行之前需搭建好 Server 端

系統介紹

以下為悟空 CRM9.0 部分功能系統截圖

基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

基於 ThinkPHP 5.0 + Vue + ElementUI 的前後端分離 CRM 系統

項目地址

https://gitee.com/wukongcrm/72crm


分享到:


相關文章: