litemall

litemall

又一個小商場系統。

litemall = Spring Boot後端+ Vue管理員前端+ 微信小程式用戶前端+ Vue用戶行動端

• 文件
• 貢獻
• FAQ
• API

專案程式碼

• 碼雲
• GitHub

專案架構

技術堆疊

1. Spring Boot
2. Vue
3. 微信小程式

功能

小商城功能

• 首頁
• 專題列表、專題詳情
• 分類列表、分類詳情
• 品牌列表、品牌詳情
• 新品首發、人氣推薦
• 優惠券清單、優惠券選擇
• 團購
• 搜尋
• 商品詳情、商品評價、商品分享
• 購物車
• 下單
• 訂單清單、訂單詳情、訂單售後
• 地址、收藏、足跡、意見回饋
• 客服

管理平台功能

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

快速啟動

1. 配置最小開發環境：

   • MySQL
   • JDK1.8或以上
   • Maven
   • Nodejs
   • 微信開發者工具

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. 啟動管理後台前端

   開啟命令列，輸入以下命令

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

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

5. 啟動小商城前端

   這裡存在兩套小型商場前端litemall-wx和renard-wx，開發者可以分別導入和測試：

   1. 微信開發工具導入litemall-wx專案;
   2. 專案配置，啟用“不校驗合法網域、web-view（業務網域）、TLS 版本以及HTTPS 憑證”
   3. 點選“編譯”，即可在微信開發工具預覽效果；
   4. 也可以點選“預覽”，然後手機掃描登入（但手機需開啟調試功能）。

   注意：

   這裡只是最簡啟動方式，而小商場的微信登入、微信支付等功能需開發者設定才能運行， 更詳細方案請參考文件。

6. 啟動輕商城前端

   開啟命令列，輸入以下命令

    cd litemall/litemall-vue
   npm install --registry=https://registry.npm.taobao.org
   npm run dev

   此時，瀏覽器（建議採用chrome 手機模式）打開，輸入網址http://localhost:6255 , 此時進入輕商場。

   注意：

   現在功能很不穩定，處於開發階段。

開發計劃

目前版本v1.8.0

目前專案開發中，存在諸多不足，以下是目前規劃的開發計畫。

V 1.0.0 完成以下目標：

1. 除了部分功能（如優惠券等），小商城的優化和改進基本上結束；
2. 管理後台基本實作所有表的CRUD操作；
3. 後端服務能夠對參數進行檢驗。

V 2.0.0 完成以下目標：

1. 小商城和管理後台完成所有基本業務；
2. 管理後台實作統計功能、日誌功能、權限功能；
3. 業務代碼和細節代碼進行調整優化；
4. 輕商城的開發；

V 3.0.0 完成以下目標：

1. 管理後台一些輔助功能
2. 後端服務加強安全功能、設定功能
3. 快取功能以及優化一些效能

警告

1. 本項目僅用於學習練習
2. 本項目還不完善，仍處在開發中，不承擔任何使用後果
3. 本專案代碼開源MIT，專案文件採用署名-禁止演繹4.0 國際協議許可

致謝

本項目基於或參考以下項目：

1. nideshop-mini-program

   專案介紹：基於Node.js+MySQL開發的開源微信小程式商城（微信小程式）

   項目參考：

   1. litemall專案資料庫基於nideshop-mini-program專案資料庫；
   2. litemall專案的litemall-wx模組是基於nideshop-mini-program開發。

2. vue-element-admin

   專案介紹： 一個基於Vue和Element的後台整合方案

   專案參考：litemall專案的litemall-admin模組的前端框架是基於vue-element-admin專案修改擴充。

3. mall-admin-web

   專案介紹：mall-admin-web是一個電商後台管理系統的前端項目，基於Vue+Element實作。

   項目參考：litemall專案的litemall-admin模組的一些頁面佈局樣式參考了mall-admin-web專案。

4. biu

   專案介紹：管理後台專案開發鷹架，基於vue-element-admin和springboot搭建，前後端分離方式開發部署。

   專案參考：litemall專案的權限管理功能參考了biu專案。

5. vant--mobile-mall

   專案介紹：基於有讚vant 元件庫的移動商城。

   專案參考：litemall專案的litemall-vue模組是基於vant--mobile-mall專案開發。

推薦

1. Flutter_Mall

   專案介紹：Flutter_Mall是一款Flutter開源線上商城應用程式。

2. Taro_Mall

   專案介紹：Taro_Mall是一款多端開源線上商城應用程序，後台是基於litemall基礎上進行開發，前端採用Taro框架編寫。

問題

• 開發者有問題或好的建議可以用Issues回饋交流，請給予詳細資訊
• 在開發交流群中應討論開發、業務和合作問題
• 如果真的需要QQ群組提問，請在提問前先完成以下過程：
  • 請仔細閱讀本專案文檔，特別是FAQ ，查看能否解決；
  • 請閱讀提問的智慧；
  • 請百度或Google相關技術；
  • 請查看相關技術的官方文檔，例如微信小程式的官方文檔；
  • 請提問前盡可能做一些DEBUG或思考分析，然後在提問時給予詳細的錯誤相關資訊以及個人對問題的理解。

License

MIT Copyright (c) 2018-present linlinjava