文章目錄
大背景
目前電商行業發展進入成熟期,頭部電商平臺綜合服務能力愈加突出,B2C電商能從平臺品控、物流配送等方面更好服務用戶,未來其作爲電商行業主流的情況仍將持續。而消費者對品質的追求越發明顯,B2C電商平臺自身以及平臺商品的品牌背書能力更受用戶看重,品牌背書能力的提升也成爲平臺重要發展方向。
構建電商平臺快速搭建系統介紹
完善的功能,二次開發無縫修改
- 登錄
- 舒服前衛的設計UI風格,完善的後臺管理頁面
- 微信h5入口商城
- 小程序入口效果
快速啓動
-
配置最小開發環境:
-
數據庫依次導入litemall-db/sql下的數據庫文件
- litemall_schema.sql
- litemall_table.sql
- litemall_data.sql
-
啓動小商場和管理後臺的後端服務
打開命令行,輸入以下命令
cd litemall mvn install mvn clean package java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar
-
啓動管理後臺前端
打開命令行,輸入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org cd litemall/litemall-admin cnpm install cnpm run dev
此時,瀏覽器打開,輸入網址
http://localhost:9527
, 此時進入管理後臺登錄頁面。 -
啓動小商城前端
這裏存在兩套小商場前端litemall-wx和renard-wx,開發者可以分別導入和測試:
- 微信開發工具導入litemall-wx項目;
- 項目配置,啓用“不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書”
- 點擊“編譯”,即可在微信開發工具預覽效果;
- 也可以點擊“預覽”,然後手機掃描登錄(但是手機需開啓調試功能)。
注意:
這裏只是最簡啓動方式,而小商場的微信登錄、微信支付等功能需開發者設置才能運行,
更詳細方案請參考文檔。 -
啓動輕商城前端
打開命令行,輸入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org cd litemall/litemall-vue cnpm install cnpm run dev
此時,瀏覽器(建議採用chrome 手機模式)打開,輸入網址
http://localhost:6255
, 此時進入輕商場。
Spring Boot後端 + Vue管理員前端 + 微信小程序用戶前端 + Vue用戶移動端
litemall = Spring Boot後端 + Vue管理員前端 + 微信小程序用戶前端 + Vue用戶移動端
項目架構
技術棧
- Spring Boot
- Vue
- 微信小程序
商城功能
- 首頁
- 專題列表、專題詳情
- 分類列表、分類詳情
- 品牌列表、品牌詳情
- 新品首發、人氣推薦
- 優惠券列表、優惠券選擇
- 團購(團購業務有待完善)
- 搜索
- 商品詳情、商品評價、商品分享
- 購物車
- 下單
- 訂單列表、訂單詳情
- 地址、收藏、足跡、意見反饋
- 客服
管理平臺功能
- 會員管理
- 商城管理
- 商品管理
- 推廣管理
- 系統管理
- 配置管理
- 統計報表