8000 GitHub - liudong1024/tacomall-uniapp: 基于uniapp开发的适用于微信小程序,头条小程序,支付宝小程序,H5端的商城。
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

liudong1024/tacomall-uniapp

 
 

Repository files navigation

[power by 码上talk©]

LICENSE uniapp-master hbuilder-release

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

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

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

[TOC]

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

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

演示

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

社区

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

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

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

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

项目结构

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

功能模块

程序预览

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

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

代码描述

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
  1. 安装js依赖

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

npm install 

测试

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

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

使用的框架

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

框架 说明
vue 代码编写基础
vuex 提供页面数据共享
uniapp 跨平台解决方案
loadsh js工具库
dayjs js时间库

版本控制

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

版权声明

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 50.2%
  • Vue 30.9%
  • Less 18.8%
  • HTML 0.1%
0