在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:taro-msparis开源软件地址:https://gitee.com/easytuan/taro-msparis开源软件介绍:前言Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。 使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动小程序、H5、React-Native 等)运行的代码。 该项目基于Taro,构建了一个时装衣橱的项目演示,涉及了一个电商平台完整的业务逻辑和功能点,如果这个项目能驾驭的了,相信大部分公司的其他React项目也就不在话下。 如遇网络不佳,请移步国内镜像加速节点 效果演示查看demo请戳这里(请用chrome手机模式预览) H5版 && 微信小程序版
技术栈React + Taro + Dva + Sass + ES6/ES7 项目运行git clone [email protected]:EasyTuan/taro-msparis.git# 国内镜像加速节点:[email protected]:easytuan/taro-msparis.gitcd taro-msparis# 全局安装taro脚手架npm install -g @tarojs/[email protected]# 项目依赖为1.2.2版本,如要升级,请同时升级项目依赖# 如用1.2.2版本,请忽略这句taro update project# 安装项目依赖npm install# 微信小程序npm run dev:weapp# 支付宝小程序npm run dev:alipay# 百度小程序npm run dev:swan# 字节跳动小程序npm run dev:tt# H5npm run dev:h5# React Nativenpm run dev:rn# pages模版快速生成npm run tep `文件名` 休闲一刻
项目说明git分支说明: init:框架整体结构,不涉及任何业务逻辑 master:项目的稳定版本 feature:项目开发分支 适配进度
目标功能
业务介绍目录结构 ├── .temp // H5编译结果目录├── .rn_temp // RN编译结果目录├── dist // 小程序编译结果目录├── config // Taro配置目录│ ├── dev.js // 开发时配置│ ├── index.js // 默认配置│ └── prod.js // 打包时配置├── screenshots // 项目截图,和项目开发无关├── site // H5静态文件(打包文件)├── src // 源码目录│ ├── components // 组件│ ├── config // 项目开发配置│ ├── images // 图片文件│ ├── models // redux models│ ├── pages // 页面文件目录│ │ └── home│ │ ├── index.js // 页面逻辑│ │ ├── index.scss // 页面样式│ │ ├── model.js // 页面models│ │ └── service.js // 页面api│ ├── styles // 样式文件│ ├── utils // 常用工具类│ ├── app.js // 入口文件│ └── index.html├── package.json└── template.js // pages模版快速生成脚本,执行命令 npm run tep `文件名` 部分截图展示首页 && 商品详情
衣袋 && 我的
登录 && 优惠券
说明
|
请发表评论