tdesign miniprogram starter retail تنزيل - tdesign miniprogram starter retail تنزيل كود المصدر

tdesign miniprogram starter retail

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

1.0.0

تنزيل

نموذج برنامج صغير لقالب صناعة التجزئة TDesign

تم إنشاء نموذج التطبيق الصغير لقالب البيع بالتجزئة TDesign باستخدام حل التطبيق الصغير لنظام التصميم على مستوى المؤسسة TDesign ويعتمد على مكتبة مكونات التطبيق الصغير TDesign WeChat لتغطية متطلبات سيناريو البيع بالتجزئة الأساسية الكاملة.

معاينة

الرجاء استخدام WeChat لمسح رمز الاستجابة السريعة التالي:

مقدمة المشروع

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

يعد برنامج قالب صناعة البيع بالتجزئة تطبيقًا صغيرًا كلاسيكيًا للتجارة الإلكترونية لمتجر واحد، ويغطي عملية الارتباط الذهبي للتجارة الإلكترونية، من المنتجات -> عربة التسوق -> التسوية -> الطلبات، وما إلى ذلك. يحتوي البرنامج المصغر على إجمالي 28 صفحة كاملة، تغطي الصفحات الأساسية مثل الصفحة الرئيسية، وصفحة تفاصيل المنتج، والمركز الشخصي، وعملية ما بعد البيع. باستخدام بيانات وهمية للعرض، فإنه يوفر عرضًا كاملاً لمنتج البيع بالتجزئة والمعاملات وعملية ما بعد البيع. تفاصيل الصفحة:

لقطات الشاشة للصفحات الرئيسية هي كما يلي:

2. تكوين المشروع

تم إنشاء التطبيق الصغير لقالب صناعة البيع بالتجزئة باستخدام JavaScript + WXSS + ESLint الأساسي، مما يخفض عتبة الاستخدام.

هيكل دليل المشروع هو كما يلي:

 |-- tdesign-miniprogram-starter
    |-- README.md
    |-- app.js
    |-- app.json
    |-- app.wxss
    |-- components	//	公共组件库
    |-- config	//	基础配置
    |-- custom-tab-bar	//	自定义 tabbar
    |-- model	//	mock 数据
    |-- pages
    |   |-- cart	//	购物车相关页面
    |   |-- coupon	//	优惠券相关页面
    |   |-- goods	//	商品相关页面
    |   |-- home	//	首页
    |   |-- order	//	订单售后相关页面
    |   |-- promotion-detail	//	营销活动页面
    |   |-- usercenter	//	个人中心及收货地址相关页面
    |-- services	//	请求接口
    |-- style	//	公共样式与iconfont
    |-- utils	//	工具库

3. محاكاة البيانات

يستخدم برنامج البيع بالتجزئة المصغر بيانات الواجهة الحقيقية لمحاكاة منطق الإرجاع الخلفي، ويعرض سيناريوهات التسوق الكاملة ومنطق تجربة التسوق في البرنامج المصغر.

4. إضافة صفحة جديدة

قم بإنشاء مجلد الصفحة المقابل في دليل pages
أضف مسار الصفحة إلى مصفوفة "pages" في ملف app.json
[اختياري] قم بإضافة تكوين الصفحة ضمن "miniprogram-list" في ملف project.config.json

بناء وتشغيل

npm install
إدخال المشاريع في أدوات تطوير البرامج الصغيرة
بناء نبم

التحكم في نمط الكود

eslint prettier

نسخة المكتبة الأساسية

الحد الأدنى لإصدار المكتبة الأساسية ^2.6.5

تعليق

سيقوم فريق Enterprise WeChat Group TDesign بإصدار الإصدارات ومعلومات إصلاح المشكلات على الفور في مجموعة WeChat الخاصة بالمؤسسة، وستكون هناك أيضًا بعض المناقشات حول إنشاء مكتبات المكونات، مرحبًا بك لمسح رمز الاستجابة السريعة على WeChat أو Enterprise WeChat للانضمام إلى المجموعة للتواصل :

البريد الإلكتروني: [email protected]