taro msparis تنزيل - taro msparis تنزيل كود المصدر

taro msparis

كود الذكاء الاصطناعي

1.0.0

تنزيل

مقدمة

Taro هو حل تطوير متعدد الأطراف يتبع مواصفات بناء جملة React. في الوقت الحاضر، هناك أشكال مختلفة من الأجهزة الطرفية المتطورة في السوق، مثل تطبيقات الويب وReact-Native وWeChat التي تحظى بشعبية كبيرة. عندما تتطلب متطلبات العمل الأداء على محطات طرفية مختلفة في نفس الوقت، يجب أن تكون هناك مجموعات متعددة من الرموز من الواضح أن التكلفة مرتفعة جدًا في هذا الوقت، حيث تعد القدرة على التكيف مع محطات متعددة عن طريق كتابة مجموعة واحدة فقط من التعليمات البرمجية أمرًا ضروريًا للغاية.

باستخدام Taro ، يمكننا كتابة مجموعة واحدة فقط من التعليمات البرمجية، ثم استخدام أداة الترجمة Taro لتجميع التعليمات البرمجية المصدر في برامج يمكن تشغيلها على محطات مختلفة (برامج WeChat/Baidu/Alipay/ByteDance المصغرة، H5، React-Native الخ) الكود.

يعتمد هذا المشروع على Taro ويقوم ببناء عرض توضيحي لمشروع خزانة ملابس يتضمن منطق العمل الكامل والنقاط الوظيفية لمنصة التجارة الإلكترونية، إذا كان من الممكن إتقان هذا المشروع، أعتقد أن مشاريع React الأخرى لمعظم الشركات لن تتأثر . تحت.

إذا كانت الشبكة ضعيفة، فيرجى الانتقال إلى عقدة تسريع المرآة المحلية

مظاهرة تأثير

الرجاء النقر هنا لعرض العرض التوضيحي (يُرجى استخدام وضع Chrome للجوال للمعاينة)

إصدار H5 وإصدار برنامج WeChat المصغر

كومة التكنولوجيا

رد فعل + Taro + Dva + Sass + ES6/ES7

تشغيل المشروع


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

لحظة من الترفيه

وصف المشروع

وصف فرع بوابة:

الحرف الأول: الهيكل العام للإطار، لا يتضمن أي منطق عمل

الرئيسي: النسخة المستقرة من المشروع

الميزة: فرع تطوير المشروع

تقدم التكيف

H5 - مناسب تمامًا
برنامج WeChat Mini--التكيف المثالي
برنامج Alipay mini - متوافق بنسبة 95%
برنامج بايدو ميني - قابل للتكيف بنسبة 95%
برنامج ByteDance Mini - التكيف
رد الفعل الأصلي - التكيف
تطبيق سريع - التكيف

وظيفة الهدف

قائمة الملابس-كاملة
تفاصيل الملابس-كاملة
تسجيل الدخول، التسجيل - كامل
المركز الشخصي--مكتمل
القسيمة - تم
حقيبة الملابس (عربة التسوق) - تم
عنوان الشحن--مكتمل
مركز الأعضاء--قيد التطوير

مقدمة الأعمال

هيكل الدليل

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