taro msparis herunterladen - taro msparis Quellcode herunterladen

taro msparis

AI-Quellcode

1.0.0

Herunterladen

Vorwort

Taro ist eine Multi-End-Entwicklungslösung , die den React-Syntaxspezifikationen folgt. Heutzutage gibt es verschiedene Formen von High-End-Terminals wie Web-, React-Native- und WeChat-Applets, die sich großer Beliebtheit erfreuen. Wenn Geschäftsanforderungen gleichzeitig Leistung auf verschiedenen Terminals erfordern, müssen mehrere Codesätze vorhanden sein Die Kosten sind offensichtlich sehr hoch, und die Möglichkeit, sich durch das Schreiben nur eines Codesatzes an mehrere Terminals anzupassen, ist äußerst wichtig.

Mit Taro können wir nur einen Satz Code schreiben und dann das Kompilierungstool von Taro verwenden, um den Quellcode in Programme zu kompilieren, die auf verschiedenen Terminals ausgeführt werden können (Miniprogramme WeChat/Baidu/Alipay/ByteDance, H5, React-Native). usw.) Code.

Dieses Projekt basiert auf Taro und stellt eine Demonstration eines Modegarderobenprojekts dar, das die vollständige Geschäftslogik und die Funktionspunkte einer E-Commerce-Plattform umfasst. Wenn dieses Projekt gemeistert werden kann, werden andere React-Projekte meiner Meinung nach von den meisten Unternehmen nicht betroffen sein . Runter.

Wenn das Netzwerk schlecht ist, wechseln Sie bitte zum inländischen Spiegelbeschleunigungsknoten

Wirkungsdemonstration

Bitte klicken Sie hier, um die Demo anzusehen (bitte verwenden Sie den Chrome-Mobilmodus für die Vorschau).

H5-Version und WeChat-Miniprogrammversion

Technologie-Stack

Reagieren + Taro + Dva + Sass + ES6/ES7

Projektbetrieb


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

Ein Moment der Muße

Projektbeschreibung

Beschreibung des Git-Zweigs:

init: Die Gesamtstruktur des Frameworks beinhaltet keine Geschäftslogik

Master: die stabile Version des Projekts

Feature: Projektentwicklungszweig

Anpassungsfortschritt

H5 – perfekte Passform
WeChat Mini-Programm – perfekte Anpassung
Alipay Mini-Programm – 95 % kompatibel
Baidu Mini-Programm – 95 % anpassbar
ByteDance Mini-Programm – Anpassung
Native reagieren – Anpassen
Schnelle Anwendung – Anpassung

Zielfunktion

Kleiderliste – vollständig
Kleidungsdetails – vollständig
Einloggen, registrieren – fertig
Persönliches Center – abgeschlossen
Gutschein – Fertig
Kleidersack (Warenkorb) – Fertig
Lieferadresse – Vollständig
Mitgliederzentrum – in Entwicklung

Geschäftseinführung

Verzeichnisstruktur

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