基於 Laravel + Vue.js 構建的開源電商系統 —— Bagisto
專案簡介
Bagisto 是一個手工定製的電子商務框架,基於當下最熱門的開源技術進行構建 —— 後端基於 PHP 框架 Laravel,前端基於漸進式 JavaScript 框架 Vue.js。
Bagisto 專案設計的初衷是為了減少構建線上商店或者從實體店遷移到線上商店的時間、金錢和人力成本。不管你的業務是大是小,Bagisto 都會適合你,而且安裝和設定都非常簡單,可以讓你輕鬆入門。
我們還提供了一個線上論壇以方便大家討論問題和功能需求: Bagisto 論壇 。
Bagisto 主要提供了以下功能特性,以便你構建或擴充套件業務:
- 生而全球,支援本地化和貨幣設定;
- 內建的訪問控制層;
- 美觀且響應式的店面;
- 描述清晰且簡單的後臺管理系統;
- 後臺儀表盤;
- 自定義屬性;
- 基於模組化設計;
- 支援多個店鋪主題;
- 支援多店鋪庫存系統;
- 訂單管理系統;
- 使用者購物車、收藏、商品評論;
- 簡單可配置的商品;
更多功能特性請點選這裡檢視: Bagisto 功能特性 。
Bagisto 專案預覽可以檢視 Bagisto Demo 頁面。
對於開發者而言,如果你會使用 Laravel 框架和 Vue.js 框架,則可以輕鬆對專案進行開發和運維。
系統需求
Bagisto 對線上執行系統有以下需求:
- 作業系統:Ubuntu 16.04+;
- Web 伺服器:Apache 或 Nginx;
- 記憶體:2GB或更高
- PHP:7.1.17或更高版本
- 處理器:1Ghz或更高;
- MySQL:5.7.23+;
- Node:8.11.3 LTS 或更高版本;
- Composer:1.6.5 或更高版本。
安裝配置
使用安裝器安裝
可以使用最新的圖形化介面安裝器安裝 Bagisto,下載地址在這裡: https://github.com/bagisto/bagisto/archive/v0.1.4.zip 。
下載完成後,將其解壓到 Web 根目錄下,並且在 Nginx/Apache 配置虛擬域名指向 Bagisto 專案目錄,然後在瀏覽器中訪問如下 URL 進行安裝:
http://example.com/public
注:記得將 example.com
替換成自己配置的虛擬域名。
使用 Composer 安裝
還可以通過 Composer 來安裝 Bagisto 專案:
composer create-project bagisto/bagisto
配置 Bagisto
安裝完成後,開啟 Bagisto 專案根目錄下的 .env
檔案設定資料庫相關配置項:
- APP_URL
- DB_CONNECTION
- DB_HOST
- DB_PORT
- DB_DATABASE
- DB_USERNAME
- DB_PASSWORD
具體配置值根據自己所在環境進行設定即可。
此外,郵件相關環境變數也要設定,因為 Bagisto 一些內建的方法需要給客戶和管理員傳送郵件。
資料庫初始化
完成上述配置後,接下來,我們對新安裝的應用進行資料的初始化。
首先,執行如下遷移命令完成資料表建立:
php artisan migrate
然後執行如下填充命令初始化資料庫資料:
php artisan db:seed
其它初始化設定
資料庫初始化之後,我們將前端資源釋出到 public
目錄下以便可以正常渲染頁面:
php artisan vendor:publish
上述命令是一個互動式命令,輸入 0
釋出所有檔案即可:
最後,我們執行 php artisan storage:link
命令在 public
建立一個軟鏈 storage
指向 storage/app/public
目錄,然後執行 composer dump-autoload
重新重新整理 Composer 管理的依賴。
至此,我們就完成了 Bagisto 專案的所有安裝配置及初始化工作,接下來,可以在瀏覽器中訪問 Bagisto 電商專案了。
訪問 Bagisto 頁面
最簡單的訪問方式就是在專案根目錄下執行 php artisan serve
命令,通過 PHP 內建伺服器提供對專案的訪問。
如果你是基於 Valet 作為本地開發環境的話,通過 bagisto.test
即可訪問 Bagisto 首頁。
如果你是基於 Homestead 或 Laradock 或者其它工具作為本地開發環境的話,還需要在 Nginx/Apache 中配置虛擬域名執行專案根目錄下的 public
目錄,比如本例中,我們指定的虛擬域名是 bagisto.test
,完成 Web 伺服器的配置後,即可通過 http://bagisto.test
這個 URL 訪問 Bagisto 首頁:
要訪問後臺管理頁面的話,通過 http://bagisto.test/admin
即可,如果沒有登入的話,會跳轉到後臺登入頁:
預設賬號/密碼如下:
email:[email protected] password:admin123
登入成功後,頁面跳轉到後臺儀表盤頁面:
如果要註冊會員,可以通過 http://bagisto.test/customer/register
這個頁面填寫表單完成註冊。