# 前端
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/ 是一个可视化，并且能快速生成 模拟数据 的持久化服务。
# 部分截图展示
## 首页 && 商品列表
<img src="https://github.com/SummerSnake/taro-shop/blob/master/front/screenshots/1.jpg" width="375" height="667" /> <img src="https://github.com/SummerSnake/taro-shop/blob/master/front/screenshots/2.jpg" width="375" height="667" />
## 商品详情 && 购物车
<img src="https://github.com/SummerSnake/taro-shop/blob/master/front/screenshots/3.jpg" width="375" height="667" /> <img src="https://github.com/SummerSnake/taro-shop/blob/master/front/screenshots/4.jpg" width="375" height="667" />
## 我的 && 订单列表
<img src="https://github.com/SummerSnake/taro-shop/blob/master/front/screenshots/5.jpg" width="375" height="667" /> <img src="https://github.com/SummerSnake/taro-shop/blob/master/front/screenshots/6.jpg" width="375" height="667" />
# 项目运行
```
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 // 项目依赖
taro3.x小程序商城前端+后端.zip （106个子文件） 
.editorconfig 197B .env 57B .eslintrc 484B .gitignore 71B .gitignore 64B .gitignore 8B
index.html 1011B
1.jpg 155KB 3.jpg 139KB 6.jpg 119KB 2.jpg 101KB 5.jpg 79KB 4.jpg 76KB index.js 7KB index.js 5KB index.js 5KB index.js 4KB orderService.js 4KB index.js 4KB index.js 3KB index.js 2KB homeService.js 2KB index.js 2KB index.js 2KB cartReducer.js 2KB index.js 1KB goodInfoService.js 1KB goodsListService.js 1KB index.js 1KB index.js 1KB index.js 1002B index.js 962B api.js 815B index.js 799B mysql.js 769B server.js 620B cartActions.js 530B app.js 480B userReducer.js 439B prod.js 423B app.config.js 391B dbConfig.js 375B order.js 339B index.js 309B userActions.js 309B index.js 284B goodsList.js 262B babel.config.js 261B goodInfo.js 260B home.js 240B index.config.js 137B index.config.js 137B index.config.js 137B index.config.js 137B index.config.js 137B index.config.js 134B codeConfig.js 124B dev.js 112B index.config.js 54B package-lock.json 2.06MB package-lock.json 72KB package.json 2KB package.json 435B project.config.json 323B index.less 4KB index.less 3KB index.less 3KB index.less 2KB index.less 2KB index.less 2KB index.less 1015B index.less 985B index.less 974B index.less 911B index.less 854B index.less 703B index.less 693B Cargo.lock 46KB README.md 4KB .npmrc 570B .prettierrc 201B good_dto.rs 5KB order_handler.rs 5KB order_dto.rs 4KB good_handler.rs 4KB ad_handler.rs 3KB ad_dto.rs 3KB home_handler.rs 2KB mod.rs 1KB order.rs 1KB good.rs 917B mod.rs 795B ad.rs 660B mod.rs 580B mysql.rs 568B home_dto.rs 518B main.rs 502B home.rs 325B lib.rs 110B mod.rs 87B共 106 条
- 1
- 2
资源评论
