{"id":15029649,"url":"https://github.com/easytuan/taro-msparis","last_synced_at":"2025-05-16T06:04:41.385Z","repository":{"id":37413104,"uuid":"150409935","full_name":"EasyTuan/taro-msparis","owner":"EasyTuan","description":"🌱用 React 编写的基于Taro + Dva构建的适配不同端（微信/百度/支付宝小程序、H5、React-Native 等）的时装衣橱","archived":false,"fork":false,"pushed_at":"2022-12-09T22:17:34.000Z","size":3345,"stargazers_count":1347,"open_issues_count":46,"forks_count":321,"subscribers_count":46,"default_branch":"master","last_synced_at":"2025-05-16T06:04:37.330Z","etag":null,"topics":["dva","react","react-native","taro","wechat","wechat-mini-program","wxapp"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EasyTuan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-26T10:34:29.000Z","updated_at":"2025-05-15T11:27:15.000Z","dependencies_parsed_at":"2023-01-25T23:45:48.445Z","dependency_job_id":null,"html_url":"https://github.com/EasyTuan/taro-msparis","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyTuan%2Ftaro-msparis","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyTuan%2Ftaro-msparis/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyTuan%2Ftaro-msparis/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyTuan%2Ftaro-msparis/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EasyTuan","download_url":"https://codeload.github.com/EasyTuan/taro-msparis/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254478186,"owners_count":22077675,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dva","react","react-native","taro","wechat","wechat-mini-program","wxapp"],"created_at":"2024-09-24T20:11:16.830Z","updated_at":"2025-05-16T06:04:41.368Z","avatar_url":"https://github.com/EasyTuan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 前言\n\n**Taro** 是一套遵循 [React](https://reactjs.org/) 语法规范的 **多端开发** 解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。\n\n使用 **Taro**，我们可以只书写一套代码，再通过 **Taro** 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native 等）运行的代码。\n\n该项目基于Taro，构建了一个时装衣橱的项目演示，涉及了一个电商平台完整的业务逻辑和功能点，如果这个项目能驾驭的了，相信大部分公司的其他React项目也就不在话下。\n\n如遇网络不佳，请移步[国内镜像加速节点](https://gitee.com/easytuan/taro-msparis)\n\n# 效果演示\n\n[查看demo请戳这里](http://ms.caibowen.net/)（请用chrome手机模式预览）\n\n### H5版 \u0026\u0026 微信小程序版\n\n\u003cimg src=\"screenshots/qr-code.png\" width=\"250\"/\u003e \u003cimg src=\"screenshots/weapp-code.jpg\" width=\"250\"/\u003e\n\n\n# 技术栈\n\nReact + Taro + Dva + Sass + ES6/ES7\n\n## 项目运行\n\n```\n\ngit clone git@github.com:EasyTuan/taro-msparis.git\n\n# 国内镜像加速节点:git@gitee.com:easytuan/taro-msparis.git\n\ncd taro-msparis\n\n# 全局安装taro脚手架\nnpm install -g @tarojs/cli@1.2.2\n\n# 项目依赖为1.2.2版本，如要升级，请同时升级项目依赖\n# 如用1.2.2版本，请忽略这句\ntaro update project\n\n# 安装项目依赖\nnpm install\n\n# 微信小程序\nnpm run dev:weapp\n\n# 支付宝小程序\nnpm run dev:alipay\n\n# 百度小程序\nnpm run dev:swan\n\n# 字节跳动小程序\nnpm run dev:tt\n\n# H5\nnpm run dev:h5\n\n# React Native\nnpm run dev:rn\n\n# pages模版快速生成\nnpm run tep `文件名`\n\n```\n\n## 休闲一刻\n\n\u003cimg src=\"screenshots/gh_a896d27a50a3_430.jpg\" width=\"250\"/\u003e \u003cimg src=\"screenshots/gh_44a51ea2dd08_430.jpg\" width=\"250\"/\u003e\n\n## 项目说明\n\n**git分支说明：**\n\n  init：框架整体结构，不涉及任何业务逻辑\n\n  master：项目的稳定版本\n  \n  feature：项目开发分支\n\n\n## 适配进度\n\n- [x] H5 -- 完美适配\n- [x] 微信小程序 -- 完美适配\n- [x] 支付宝小程序 -- 95%适配\n- [x] 百度小程序 -- 95%适配\n- [ ] 字节跳动小程序 -- 适配中\n- [ ] React Native -- 适配中\n- [ ] 快应用 -- 适配中\n\n## 目标功能\n\n- [x] 美衣列表 -- 完成\n- [x] 美衣详情 -- 完成\n- [x] 登录、注册 -- 完成\n- [x] 个人中心 -- 完成\n- [x] 优惠券 -- 完成\n- [x] 衣袋（购物车） -- 完成\n- [x] 收货地址 -- 完成\n- [ ] 会员中心 -- 开发中\n\n# 业务介绍\n\n目录结构\n\n    ├── .temp                  // H5编译结果目录\n    ├── .rn_temp               // RN编译结果目录\n    ├── dist                   // 小程序编译结果目录\n    ├── config                 // Taro配置目录\n    │   ├── dev.js                 // 开发时配置\n    │   ├── index.js               // 默认配置\n    │   └── prod.js                // 打包时配置\n    ├── screenshots            // 项目截图，和项目开发无关\n    ├── site                   // H5静态文件（打包文件）\n    ├── src                    // 源码目录\n    │   ├── components             // 组件\n    │   ├── config                 // 项目开发配置\n    │   ├── images                 // 图片文件\n    │   ├── models                 // redux models\n    │   ├── pages                  // 页面文件目录\n    │   │   └── home\n    │   │       ├── index.js           // 页面逻辑\n    │   │       ├── index.scss         // 页面样式\n    │   │       ├── model.js           // 页面models\n    │   │       └── service.js        // 页面api\n    │   ├── styles             // 样式文件\n    │   ├── utils              // 常用工具类\n    │   ├── app.js             // 入口文件\n    │   └── index.html\n    ├── package.json\n    └── template.js            // pages模版快速生成脚本,执行命令 npm run tep `文件名`\n\n## 部分截图展示\n\n### 首页 \u0026\u0026 商品详情\n\n\u003cimg src=\"screenshots/1.png\" width=\"375px\" height=\"667px\" /\u003e \u003cimg src=\"screenshots/2.png\" width=\"375px\" height=\"667px\" /\u003e\n\n### 衣袋 \u0026\u0026 我的\n\n\u003cimg src=\"screenshots/3.png\" width=\"375px\" height=\"667px\" /\u003e \u003cimg src=\"screenshots/4.png\" width=\"375px\" height=\"667px\" /\u003e\n\n### 登录 \u0026\u0026 优惠券\n\n\u003cimg src=\"screenshots/5.png\" width=\"375px\" height=\"667px\" /\u003e \u003cimg src=\"screenshots/6.png\" width=\"375px\" height=\"667px\" /\u003e\n\n\n# 说明\n\n\u003e  如果对您有帮助，您可以点右上角 \"Star\" 支持一下 谢谢！ ^_^\n\n\u003e  或者您可以 \"follow\" 一下，我会不断开源更多的有趣的项目\n\n\u003e  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍\n\n\n# 文档\n\n### Taro开发文档\n\n\u003e https://nervjs.github.io/taro/docs/README.html\n\n### dva开发文档地址\n\n\u003e https://dvajs.com/\n\n### 微信小程序官方文档\n\n\u003e https://mp.weixin.qq.com/debug/wxadoc/dev/\n\n### 百度智能小程序官方文档\n\n\u003e https://smartprogram.baidu.com/docs/introduction/register/index.html\n\n### 支付宝小程序官方文档\n\n\u003e https://docs.alipay.com/mini/developer/getting-started\n\n### 字节跳动小程序官方文档\n\n\u003e https://microapp.bytedance.com/\n\n\n# 赞助\n\n如有帮助，欢迎赞助\n\n收到赞助款后，我会及时更新[赞助墙](https://caibowen.net/sponsor)\n\n\u003cimg src=\"screenshots/wechat.jpg\" width=\"200px\" /\u003e \u003cimg src=\"screenshots/alipay.jpg\" width=\"200px\" /\u003e\n\n# License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasytuan%2Ftaro-msparis","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasytuan%2Ftaro-msparis","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasytuan%2Ftaro-msparis/lists"}