前端
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 // 项目依赖