介绍
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 一下