taro msparis ดาวน์โหลด - taro msparis ดาวน์โหลดซอร์สโค้ด

taro msparis

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

คำนำ

Taro เป็นโซลูชัน การพัฒนาแบบหลายเอนด์ ที่เป็นไปตามข้อกำหนดไวยากรณ์ของ React ปัจจุบันมีรูปแบบระดับไฮเอนด์มากมายในตลาด เทอร์มินัลต่างๆ เช่น เว็บ, React-Native และแอปเพล็ต WeChat ได้รับความนิยมอย่างมาก เมื่อความต้องการทางธุรกิจต้องการประสิทธิภาพบนเทอร์มินัลที่แตกต่างกันในเวลาเดียวกัน จะต้องมีรหัสหลายชุด เขียนขึ้นสำหรับเทอร์มินัลต่างๆ เห็นได้ชัดว่า ค่าใช้จ่ายสูงมาก ในเวลานี้ ความสามารถในการปรับให้เข้ากับเทอร์มินัลหลายตัวโดยการเขียนโค้ดเพียงชุดเดียวมีความจำเป็นอย่างยิ่ง

เมื่อใช้ Taro เราสามารถเขียนโค้ดได้เพียงชุดเดียว จากนั้นใช้เครื่องมือการคอมไพล์ของ Taro เพื่อรวบรวมซอร์สโค้ดลงในโปรแกรมที่สามารถทำงานบนเทอร์มินัลที่แตกต่างกัน (มินิโปรแกรม WeChat/Baidu/Alipay/ByteDance, H5, React-Native ฯลฯ) รหัส

โปรเจ็กต์นี้อิงจาก Taro และสร้างการสาธิตโปรเจ็กต์ตู้เสื้อผ้าแฟชั่น ซึ่งเกี่ยวข้องกับตรรกะทางธุรกิจที่สมบูรณ์และจุดทำงานของแพลตฟอร์มอีคอมเมิร์ซ หากสามารถเชี่ยวชาญโปรเจ็กต์นี้ได้ ฉันเชื่อว่าโปรเจ็กต์ React อื่นๆ ของบริษัทส่วนใหญ่จะไม่ได้รับผลกระทบ . ลง.

หากเครือข่ายไม่ดี โปรดย้ายไปยังโหนดการเร่งความเร็วมิเรอร์ในประเทศ

การสาธิตเอฟเฟกต์

กรุณาคลิกที่นี่เพื่อดูตัวอย่าง (โปรดใช้โหมดมือถือ Chrome เพื่อดูตัวอย่าง)

เวอร์ชัน H5&& เวอร์ชันมินิโปรแกรม WeChat

กองเทคโนโลยี

ตอบสนอง + เผือก + 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 `文件名`

ช่วงเวลาแห่งการพักผ่อน

รายละเอียดโครงการ

คำอธิบายสาขา git:

init: โครงสร้างโดยรวมของกรอบงาน ไม่เกี่ยวข้องกับตรรกะทางธุรกิจใดๆ

master: เวอร์ชันเสถียรของโปรเจ็กต์

ลักษณะเด่น: สาขาพัฒนาโครงการ

ความคืบหน้าในการปรับตัว

H5 -- ลงตัวพอดี
WeChat Mini Program - การปรับตัวที่สมบูรณ์แบบ
โปรแกรมมินิ Alipay -- เข้ากันได้ 95%
Baidu Mini Program - ปรับได้ 95%
ByteDance Mini Program -- การปรับตัว
React Native - การปรับตัว
การประยุกต์ใช้อย่างรวดเร็ว - การปรับตัว

ฟังก์ชั่นเป้าหมาย

รายการเสื้อผ้า--สมบูรณ์
รายละเอียดเสื้อผ้า--ครบ
เข้าสู่ระบบ ลงทะเบียน เสร็จสมบูรณ์
ศูนย์ส่วนบุคคล--สมบูรณ์
คูปอง -- เสร็จแล้ว
กระเป๋าการ์เม้นท์ (ตะกร้าสินค้า) -- เสร็จสิ้น
ที่อยู่สำหรับจัดส่ง -- ครบถ้วน
ศูนย์สมาชิก--อยู่ระหว่างการพัฒนา

การแนะนำธุรกิจ

โครงสร้างไดเร็กทอรี

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