codingtalk-running-cat / Tacomall Uniapp

[power by 码上talk©]

基于最新的uni-app开发的跨平台商城小程序（微信小程序，头条小程序，抖音小程序），合理的代码结构和规范的编码风格，能够让你很轻松的上手并转化成为自己的作品。 与之相支持的是，我们提供了一套完整的项目代码（前端小程序，后台接口，管理后台），它让你能够用最少的时间和开发成本，来建立一套属于自己的商城系统。

tacomall不仅仅只是一个前端项目，你可能还需要后台接口=====> 后台接口（springcloud版） 后台接口（springboot版）

除此之外，你希望我们有一个完整的商城开源项目=====> 商家管理后台 平台管理后台

[TOC]

                                                                
                                                                
                                                                
 __  ___  ___      ___      ___      _   __      ___     // //  
  / /   //   ) ) //   ) ) //   ) ) // ) )  ) ) //   ) ) // //   
 / /   //   / / //       //   / / // / /  / / //   / / // //    
/ /   ((___( ( ((____   ((___/ / // / /  / / ((___( ( // //     

如果你发现项目不错，不要忘记给项目点个赞👍，你的支持是我们前进的动力 :)

演示

微信小程序（微信扫一扫）	商家管理后台	平台管理后台
	>>>点击进入商家管理后台	>>>点击进入平台管理后台

社区

关注“码上talk”微信公众号	tacomall QQ交流群	我的微信

如果您觉得有帮助，请点右上角 "Star" 支持一下谢谢

如果您对此项目感兴趣，请点右上角 "Star" 支持一下谢谢

如果需要帮助请留言或者加微信，晚上20：00后统一回复解决

项目结构

通过项目结构，你将清楚明白你即将入手的是一个怎么样的项目，你可能需要什么，如何快速的把它变成自己的产品。

功能模块

• [x] 首 页 首页支持轮播展示，商品分类入口，秒杀等功能
• [x] 商品分类 商品分类
• [x] 购 物 车 提供购物车操作
• [x] 用户模块 包括登录用户系类功能（登录，个人中心，账户）
• [x] 搜 索 商品搜索
• [x] 商品模块 商品信息展示（详情，评价，购买）
• [x] 订单模块 订单支付流程页面

程序预览

以下为程序在手机端的运行预览图（取至部分功能页面）

首页	商品分类	购物车	我的	商品详情

代码描述

tacomall-uniapp                     项目
├─api                               接口模块
├─common                            公共less,js
├─hybrid                            H5页面
├─libs                              js库
├─model                             数据模型
├─pages                             页面
│  ├─account                        个人账号
│  ├─cart                           购物车
│  ├─category                       分类
│  ├─center                         个人中心
│  ├─checkout                       订单确认
│  ├─evaluate                       商品评价
│  ├─goods                          商品详情
│  ├─h5                             webview页面
│  ├─index                          首页
│  ├─login                          登录
│  ├─order                          订单列表
│  ├─search                         搜索
│  ├─transaction                    订单完成
├─platforms                         跨平台页面，样式
├─plugins                           vue插件
├─service                           开放平台服务
├─static                            静态资源
├─store                             全局状态树
├─utils                             工具库
├─wxcomponents                      微信UI库
├─App.vue                           vue根组件
├─config.js                         全局配置
├─main.js                           js入口
├─manifest.json                     uniapp配置

上手指南

我们希望开源的项目能够让每一个人都能够一看就懂，轻松上手，但这并不意味者我们不需要做任何东西，相反，在正式运行项目前，你必须完成以下步骤。

环境要求

为了避免运行开发中遇到一些意想不到的问题，我们推荐你安装如下环境。

1. Git
2. Node9+
3. hbuilder
4. 微信开发者工具

安装步骤

通过以下步骤，你将很快看见项目运行起来了！

1. 克隆项目

git clone https://gitee.com/running-cat/tacomall-uniapp.git

2. 配置hbuilder

项目依赖于hbuilderx进行跨平台代码运行编译，在开发前，我们需要确保配置好hbuilder编辑器中的Node路径和微信开发者工具路径和端口

3. 导入项目

打开hbuilderx，选择导入该项目

4. 更换微信小程序appid

想要开发微信小程序，我们需要拥有属于自己的微信小程序appid。当然，我们可以通过微信小程序测试号获取。

manifest.json > mp-weixin > appid

5. 安装js依赖

由于项目依赖了第三方库，运行像目前务必执行

npm install 

测试

看到这里，我们认为你已经正确配置启动项目了，接下来你将通过微信开发者工具看到实际效果。

运行 > 运行到小程序模拟器 > 微信小程序

使用的框架

项目中使用到以下框架（不限于）

版本控制

每个版本的发布我们将在RELEASE.md记录跟踪。

版权声明

项目在Apache License 2.0下自由使用。