Taro_Mall 是一款多端开源在线商城小程序.
<h2 id="介绍">介绍</h2><p>Taro_Mall是一款多端开源在线商城应用程序，后台是基于litemall基础上进行开发，前端采用Taro框架编写，现已全部完成小程序和h5移动端，后续会对APP，淘宝，头条，百度小程序进行适配。Taro_Mally已经完成了 litemall 前端的所有功能</p>
<h2 id="扫码体验">扫码体验</h2>
<p>小程序</p>
<blockquote>
<p>由于小程序没有认证，只发布了一个预览版，只能加15个人，如有需要，请点击小程序申请</p>
</blockquote>
<img src="https://gitee.com/qiaojie/taro-mall/raw/master/public/xiaochengxu.jpg" width="300" height="300">
<p>h5移动端</p>
<p><img src="https://gitee.com/qiaojie/taro-mall/raw/master/public/mobile.png" alt="avatar" loading="lazy"></p>
<p>后台系统地址</p>
<p>https://shop.xinmeitop.com/boss</p>
<h2 id="快速启动">快速启动</h2>
<h4 id="小程序">小程序</h4>
<ul>
<li><code>git clone https://github.com/jiechud/taro-mall.git</code></li>
<li><code>npm install || yarn install</code></li>
<li><code>yarn dev:weapp</code> 启动服务</li>
<li>用微信开发者工具打开</li>
</ul>
<h4 id="h5">h5</h4>
<ul>
<li><code>yarn dev:h5</code> 启动服务</li>
<li>打开浏览器</li>
</ul>
<h2 id="功能">功能</h2>
<ul>
<li>首页</li>
<li>专题列表、专题详情</li>
<li>分类列表、分类详情</li>
<li>品牌列表、品牌详情</li>
<li>新品首发、人气推荐</li>
<li>优惠券列表、优惠券选择</li>
<li>商品搜索</li>
<li>商品详情</li>
<li>购物车</li>
<li>购物下单</li>
<li>订单列表、订单详情</li>
<li>地址、收藏、足迹、意见反馈</li>
</ul>
<h2 id="项目截图">项目截图</h2>
<h2 id="项目截图-1">项目截图</h2>
<p><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></p>
<p><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></p>
<p><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></p>
<h2 id="项目架构">项目架构</h2>
<p>项目用Taro做跨端开发框架，Taro基本采用React的写法，项目集成了 redux dva 控制单向数据流，用immer来提供不可变数据，提升整体的性能，减少渲染。</p>
<p>技术栈</p>
<table>
<thead>
<tr>
<th>技术</th>
<th>说明</th>
<th>官网</th>
</tr>
</thead>
<tbody>
<tr>
<td>Taro</td>
<td>多端统一开发解决方</td>
<td>https://taro.aotu.io/</td>
</tr>
<tr>
<td>TaroUI</td>
<td>一套基于 Taro 框架开发的多端 UI 组件库</td>
<td>https://taro-ui.jd.com/</td>
</tr>
<tr>
<td>redux</td>
<td>单项数据流</td>
<td>https://redux.js.org/</td>
</tr>
<tr>
<td>dva</td>
<td>基于 redux 和 redux-saga 的数据流方案</td>
<td>https://dvajs.com/</td>
</tr>
<tr>
<td>immer</td>
<td>创建不可变数据</td>
<td>https://immerjs.github.io/immer/docs/introduction</td>
</tr>
</tbody>
</table>
<h2 id="联系我">联系我</h2>
<p>QQ：1454763497<br><br>
微信<br><br>
<img src="https://gitee.com/qiaojie/taro-mall/raw/master/public/my.png" width="300" height="300"></p>
<h2 id="链接">链接</h2>
<p>github https://github.com/jiechud/taro-mall<br>
大家如果觉得不错，请 star 一下</p><br><br>
来源：https://www.cnblogs.com/qiaojie/p/12416922.html
頁:
[1]