太可怕了!用這套商城源碼構建一個新零售/網店/商城竟然如此快速

大背景

目前電商行業發展進入成熟期,頭部電商平臺綜合服務能力愈加突出,B2C電商能從平臺品控、物流配送等方面更好服務用戶,未來其作爲電商行業主流的情況仍將持續。而消費者對品質的追求越發明顯,B2C電商平臺自身以及平臺商品的品牌背書能力更受用戶看重,品牌背書能力的提升也成爲平臺重要發展方向。

構建電商平臺快速搭建系統介紹

完善的功能,二次開發無縫修改

  • 登錄
    在這裏插入圖片描述
  • 舒服前衛的設計UI風格,完善的後臺管理頁面
    後臺管理頁面
  • 微信h5入口商城
    在這裏插入圖片描述
    在這裏插入圖片描述
  • 小程序入口效果
    在這裏插入圖片描述 在這裏插入圖片描述
    在這裏插入圖片描述

快速啓動

  1. 配置最小開發環境:

  2. 數據庫依次導入litemall-db/sql下的數據庫文件

    • litemall_schema.sql
    • litemall_table.sql
    • litemall_data.sql
  3. 啓動小商場和管理後臺的後端服務

    打開命令行,輸入以下命令

    cd litemall
    mvn install
    mvn clean package
    java -Dfile.encoding=UTF-8 -jar litemall-all/target/litemall-all-0.1.0-exec.jar
    
  4. 啓動管理後臺前端

    打開命令行,輸入以下命令

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cd litemall/litemall-admin
    cnpm install
    cnpm run dev
    

    此時,瀏覽器打開,輸入網址http://localhost:9527, 此時進入管理後臺登錄頁面。

  5. 啓動小商城前端

    這裏存在兩套小商場前端litemall-wx和renard-wx,開發者可以分別導入和測試:

    1. 微信開發工具導入litemall-wx項目;
    2. 項目配置,啓用“不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書”
    3. 點擊“編譯”,即可在微信開發工具預覽效果;
    4. 也可以點擊“預覽”,然後手機掃描登錄(但是手機需開啓調試功能)。

    注意:

    這裏只是最簡啓動方式,而小商場的微信登錄、微信支付等功能需開發者設置才能運行,
    更詳細方案請參考文檔

  6. 啓動輕商城前端

    打開命令行,輸入以下命令

    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用戶移動端

項目架構

在這裏插入圖片描述

技術棧

  1. Spring Boot
  2. Vue
  3. 微信小程序
    在這裏插入圖片描述

商城功能

  • 首頁
  • 專題列表、專題詳情
  • 分類列表、分類詳情
  • 品牌列表、品牌詳情
  • 新品首發、人氣推薦
  • 優惠券列表、優惠券選擇
  • 團購(團購業務有待完善)
  • 搜索
  • 商品詳情、商品評價、商品分享
  • 購物車
  • 下單
  • 訂單列表、訂單詳情
  • 地址、收藏、足跡、意見反饋
  • 客服

管理平臺功能

  • 會員管理
  • 商城管理
  • 商品管理
  • 推廣管理
  • 系統管理
  • 配置管理
  • 統計報表

獲取地址

源碼下載地址1
源碼下載地址2
源碼下載地址3
源碼下載地址4

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章