Skip to content

基于uniapp开发的适用于微信小程序,头条小程序,支付宝小程序,H5端的商城。

License

Notifications You must be signed in to change notification settings

wangliqin/tacomall-uniapp

 
 

Repository files navigation

[power by 码上talk©]

LICENSE uniapp-master hbuilder-release

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

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

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

[TOC]

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

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

项目结构

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

功能模块

程序预览

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

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

代码描述

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
  1. 配置hbuilder

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

  1. 导入项目

打开hbuilderx,选择导入该项目

  1. 更换微信小程序appid

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

manifest.json > mp-weixin > appid

测试

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

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

部署

我们提供了docker容器化部署方案,详情请查看部署,但并不意味着你不得不选择docker部署,你仍然可以自由选择你喜欢的部署方式进行部署。

使用的框架

项目中使用到以下框架(不限于)

框架 说明
vue 代码编写基础
vuex 提供页面数据共享
uniapp 跨平台解决方案

版本控制

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

版权声明

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

社区

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

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

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

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

About

基于uniapp开发的适用于微信小程序,头条小程序,支付宝小程序,H5端的商城。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 50.5%
  • Vue 30.1%
  • CSS 19.4%