[power by 码上talk©]
基于最新的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配置
我们希望开源的项目能够让每一个人都能够一看就懂,轻松上手,但这并不意味者我们不需要做任何东西,相反,在正式运行项目前,你必须完成以下步骤。
为了避免运行开发中遇到一些意想不到的问题,我们推荐你安装如下环境。
- Git
- Node9+
- hbuilder
- 微信开发者工具
通过以下步骤,你将很快看见项目运行起来了!
- 克隆项目
git clone https://gitee.com/running-cat/tacomall-uniapp.git
- 配置hbuilder
项目依赖于hbuilderx进行跨平台代码运行编译,在开发前,我们需要确保配置好hbuilder编辑器中的Node路径和微信开发者工具路径和端口
- 导入项目
打开hbuilderx,选择导入该项目
- 更换微信小程序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后统一回复解决