基于 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


分享到:


相關文章: