taro msparis Télécharger - taro msparis Téléchargement du code source

taro msparis

Code Source AI

1.0.0

Télécharger

Préface

Taro est une solution de développement multi-extrémité qui suit les spécifications de syntaxe React. De nos jours, il existe différentes formes de haut de gamme sur le marché. Différents terminaux tels que les applets Web, React-Native et WeChat sont très populaires. Lorsque les exigences commerciales nécessitent des performances sur différents terminaux en même temps, plusieurs ensembles de codes doivent être utilisés. écrit pour différents terminaux Le coût est évidemment très élevé. À l'heure actuelle, la capacité de s'adapter à plusieurs terminaux en écrivant un seul jeu de code est extrêmement nécessaire.

En utilisant Taro , nous ne pouvons écrire qu'un seul ensemble de code, puis utiliser l'outil de compilation de Taro pour compiler le code source en programmes pouvant être exécutés sur différents terminaux (mini-programmes WeChat/Baidu/Alipay/ByteDance, H5, React-Native , etc.).

Ce projet est basé sur Taro et construit une démonstration de projet de garde-robe de mode, qui implique toute la logique métier et les points fonctionnels d'une plateforme de commerce électronique. Si ce projet peut être maîtrisé, je pense que les autres projets React de la plupart des entreprises ne seront pas affectés. . Vers le bas.

Si le réseau est médiocre, veuillez passer au nœud d'accélération du miroir domestique

Démonstration d'effet

Veuillez cliquer ici pour voir la démo (veuillez utiliser le mode mobile Chrome pour prévisualiser)

Version H5 et version du mini programme WeChat

pile technologique

Réagir + Taro + Dva + Sass + ES6/ES7

Exploitation du projet


git clone [email protected]:EasyTuan/taro-msparis.git

# 国内镜像加速节点:[email protected]:easytuan/taro-msparis.git

cd 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

# H5
npm run dev:h5

# React Native
npm run dev:rn

# pages模版快速生成
npm run tep `文件名`

Un moment de loisir

Descriptif du projet

Description de la branche git :

init : la structure globale du framework, n'implique aucune logique métier

master : la version stable du projet

fonctionnalité : branche de développement de projets

Progrès de l'adaptation

H5 -- ajustement parfait
Programme WeChat Mini - Adaptation parfaite
Mini programme Alipay - compatible à 95 %
Programme Baidu Mini - 95 % adaptable
Mini-programme ByteDance - Adaptation
React Native - Adaptation
Application rapide - adaptation

fonction cible

Liste de vêtements--Complète
Détails des vêtements-complet
Connexion, inscription--terminé
Centre personnel – Complet
Coupon -- Terminé
Sac à vêtements (panier) -- Terminé
Adresse de livraison -- Complète
Centre des membres - en cours de développement

Présentation de l'entreprise

Structure du répertoire

 ├── .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 `文件名`

Affichage d'une capture d'écran partielle

Accueil et détails du produit

poche&& la mienne

Connexion et coupon

illustrer

Si cela vous est utile, vous pouvez cliquer sur "Étoile" dans le coin supérieur droit pour le soutenir. Merci ! ^_^

Ou vous pouvez "suivre", je continuerai à ouvrir des projets plus intéressants

Si vous avez des questions, veuillez les poser directement dans Problèmes, ou si vous trouvez un problème et avez une très bonne solution, les relations publiques sont les bienvenues ?