介紹
Taro_Mall是一款多端開源在線商城應用程序,后台是基於litemall基礎上進行開發,前端采用Taro框架編寫,現已全部完成小程序和h5移動端,后續會對APP,淘寶,頭條,百度小程序進行適配。Taro_Mally已經完成了 litemall 前端的所有功能
掃碼體驗
小程序
由於小程序沒有認證,只發布了一個預覽版,只能加15個人,如有需要,請點擊小程序申請

h5移動端
后台系統地址
https://shop.xinmeitop.com/boss
快速啟動
小程序
git clone https://github.com/jiechud/taro-mall.git
npm install || yarn install
yarn dev:weapp
啟動服務- 用微信開發者工具打開
h5
yarn dev:h5
啟動服務- 打開瀏覽器
功能
- 首頁
- 專題列表、專題詳情
- 分類列表、分類詳情
- 品牌列表、品牌詳情
- 新品首發、人氣推薦
- 優惠券列表、優惠券選擇
- 商品搜索
- 商品詳情
- 購物車
- 購物下單
- 訂單列表、訂單詳情
- 地址、收藏、足跡、意見反饋
項目截圖
項目截圖
項目架構
項目用Taro做跨端開發框架,Taro基本采用React的寫法,項目集成了 redux dva 控制單向數據流,用immer來提供不可變數據,提升整體的性能,減少渲染。
技術棧
技術 | 說明 | 官網 |
---|---|---|
Taro | 多端統一開發解決方 | https://taro.aotu.io/ |
TaroUI | 一套基於 Taro 框架開發的多端 UI 組件庫 | https://taro-ui.jd.com/ |
redux | 單項數據流 | https://redux.js.org/ |
dva | 基於 redux 和 redux-saga 的數據流方案 | https://dvajs.com/ |
immer | 創建不可變數據 | https://immerjs.github.io/immer/docs/introduction |
聯系我
QQ:1454763497
微信
鏈接
github https://github.com/jiechud/taro-mall
大家如果覺得不錯,請 star 一下