guoguangkun/taro-shop

taro3.x 小程序商城 前端 + 后端

前端

taro 商城小程序 taro 入门项目

技术栈

Taro + Taro-ui + Redux + less

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具， 将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native 等）运行的代码。

Taro 的语法规则基于 React 规范，它采用与 React 一致的组件化**，组件生命周期与 React 保持一致， 同时在书写体验上也尽量与 React 类似，支持使用 JSX 语法，让代码具有更丰富的表现力。

接口使用 http://rap2.taobao.org/，http://rap2.taobao.org/ 是一个可视化，并且能快速生成 模拟数据 的持久化服务。

部分截图展示

首页 && 商品列表

商品详情 && 购物车

我的 && 订单列表

项目运行

git clone https://github.com/SummerSnake/taro-shop.git

cd taro-shop/front

# 全局安装taro脚手架
npm install -g @tarojs/cli

# 安装依赖
npm ci

# 启动
npm run dev

业务介绍

目录结构

├── dist                   // 微信小程序编译结果目录
├── config                 // Taro配置目录
│   ├── dev.js                 // 开发时配置
│   ├── index.js               // 默认配置
│   └── prod.js                // 打包时配置
├── src                    // 源码目录
│   ├── components             // 组件
│   ├── pages                  // 页面文件目录
│   │   └── index
│   │       ├── index.js           // 页面逻辑
│   │       ├── index.less         // 页面样式
│   ├── utils              // 常用工具类
│   ├── app.js             // 入口文件
│   └── index.html
└── package.json            // 项目依赖

#---------------------------------------------------------------

node 后端

taro 商城小程序 node.js 后端 node.js + mysql 入门项目

技术栈

node.js + express + mysql + nodemon

项目运行

npm ci
npm run start || nodemon server.js

业务介绍

目录结构

├── config                      // 配置目录
│   ├── codeConfig.js               // 开发配置
│   ├── dbConfig.js                 // 数据库配置
├── routes                      // 路由
├── services                    // 接口
├── utils                       // 工具包
│   ├── mqsql.js                    // sql连接配置
├── package.json                // 项目依赖
└── server.js                   // 入口文件

#---------------------------------------------------------------

rust 后端

taro 商城小程序 rust 后端 rust + axum + mysql 入门项目

技术栈

rust + axum + mysql

项目运行

cargo run

业务介绍

目录结构

├── src                         // 源码目录
│   ├── config                      // 公共配置
│   ├── db                          // sql连接配置
│   ├── dtos                        // 数据库操作
│   ├── hanlders                    // 接口操作
│   ├── models                      // 数据模型
│   ├── response                    // 接口返回配置
│   ├── router                      // 路由
│   ├── main.rs                     // 入口文件
├── .env                        // 环境变量
└── Cargo.toml                  // 项目依赖