FourthPay

四方支付系統

使用Laravel+Vue構建的一個四方支付系統，包含API接口，管理後台，代理後台，網站前台，系統基礎模板基於Laravel-admin 構建，只做開發學習，請勿用作非法用途

技術堆疊

後端技術棧：

• Laravel 5.8
• Laravel-echo-server
• Nginx
• PostgreSql 或Mysql
• Laravel-mix
• Redis
• PHP APC

前端技術堆疊

• Vue
• Vuex
• Vue-router
• Element UI

後台模板採用：Element-Admin 後台演示：Laravel後台管理系統前台模板採用VUE CLI3構建，並採用Element UI作為開發前端開發框架

目錄結構

• backend ：管理後台
• frontend-api ：前台API介面目錄
• frontend-web ：前台前端文件
• api ：API請求接口
• common ：公共模組目錄
• doc ：相關文件與設定目錄

前台採用前後端分離，frontend-api需要配置允許跨域訪問

部署方法

1.安裝Nginx、Redis、Mysql或PostgreSql、Laravel-echo-server、composer、nodejs服務，安裝PHP以及所需擴展，拷貝doc目錄下設定檔到nginx設定目錄

2.拉取程式碼，安裝專案擴充庫

$ git clone [email protected]:tuo0/laravel-admin.git
$ cd laravel-admin/backend/
$ composer install
$ npm install
$ cd ../frontend-api
$ composer install
$ cd ../frontend-web
$ npm install

3.啟動對接監聽

$ php artisan queue:work redis

4.安裝部署laravel-echo

 # 安装
$ npm install -g laravel-echo-server
# 配置
$ laravel-echo-server init
# 启动
$ laravel-echo-server start

5.啟動redis訂閱隊列

$ php artisan queue:listen --tries=1

6.複製.env.example 檔案為.env,修改資料庫、Redis，建立key

$ php artisan  key:generate

7.編譯前後台前端文件

後台backend編譯

$ npm run prod

前台frontend-web編譯

$ vue run build

Ajax 介面回傳json資料說明

[
    ' code '  => 1 ,
    ' msg '   => '' ,
    ' data '  => [],
]

• code:錯誤碼1：成功0:失敗>1:失敗錯誤碼
• msg:錯誤訊息
• data:返回數據

開發規範

• 如果控制器名稱中含有大寫，則權限表( admin_role_permissions )權限必須使用[_]分割，以及前台請求介面以及前台組件權限驗證規則( v-permission標籤)必須與權限表相同例如：控制器名稱UserGroupController方法putEdit ，則請求介面以及權限驗證標籤為： user_group/edit
• 網站所有小圖示採用SVG格式可以在iconfont 中找到

預覽