Taro_Mall 是一款多端开源在线商城小程序.

介绍

Taro_Mall是一款多端开源在线商城应用程序,后台是基于litemall基础上进行开发,前端采用Taro框架编写,现已全部完成小程序和h5移动端,后续会对APP,淘宝,头条,百度小程序进行适配。Taro_Mally已经完成了 litemall 前端的所有功能

扫码体验

小程序

由于小程序没有认证,只发布了一个预览版,只能加15个人,如有需要,请点击小程序申请

<img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/xiaochengxu.jpg' width='300' height='300'/>

h5移动端

avatar

后台系统地址

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 启动服务
  • 打开浏览器

功能

  • 首页
  • 专题列表、专题详情
  • 分类列表、分类详情
  • 品牌列表、品牌详情
  • 新品首发、人气推荐
  • 优惠券列表、优惠券选择
  • 商品搜索
  • 商品详情
  • 购物车
  • 购物下单
  • 订单列表、订单详情
  • 地址、收藏、足迹、意见反馈

项目截图

项目截图

<img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/images/1-1.jpeg' width='320px' height='568px'><img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/images/1-2.jpeg' width='320px' height='568px' style='margin-left: 10px'><br>

<img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/images/2-1.jpeg' width='320px' height='568px'><img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/images/2-2.jpeg' width='320px' height='568px' style='margin-left: 10px'><br>

<img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/images/2-1.jpeg' width='320px' height='568px'><img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/images/3-2.jpeg' width='320px' height='568px' style='margin-left: 10px'><br>

项目架构

项目用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<br> 微信<br> <img src='https://gitee.com/qiaojie/taro-mall/raw/master/public/my.png' width='300' height='300'/>

链接

github https://github.com/jiechud/taro-mall 大家如果觉得不错,请 star 一下

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )