هذا مشروع ترفيهي وتعليمي محض، أقوم أحيانًا بتسجيل المشكلات والأفكار التي تمت مواجهتها أثناء التطوير وتحديثها من وقت لآخر. إذا كانت لديك أي اقتراحات، فيرجى إخباري (المشكلات). يحتوي المشروع على مكوناته المغلفة الخاصة، والتي يمكن الاطلاع عليها في هيكل المشروع.
يتم توفير جميع بيانات الأفلام والتلفزيون بواسطة Douban API. في الوقت الحالي، لا توجد واجهة بحث Douban مجانية متاحة، والواجهة التي قدمتها منشورة في Vercel ولا يمكن إضافتها إلى الواجهة الخلفية لـ WeChat دون التسجيل، كما يوفر المشروع بيانات وهمية للاستخدام. وظائف التطوير الشخصي للبرنامج المصغر محدودة للغاية ولا يمكن إطلاقها بالكامل. إذا أردت، يمكنك استنساخ المشروع وتشغيله بنفسك.
الخريطة الذهنية على الانترنت
أشياء يجب ملاحظتها:
لاستخدام مكون مخصص، يجب أن تكون مكتبة الإصدار الأساسي للبرنامج الصغير أعلى من 1.6.3؛
لاستخدام wxParse، يجب أن تكون مكتبة الإصدار الأساسي للبرنامج الصغير 1.6.6 أو أعلى.
ربط بسيط ثنائي الاتجاه للبرامج الصغيرة، مكتبة الإصدار الأساسي للبرنامج الصغير 2.9.3 وما فوق
بعد فترة طويلة، نسيت ما هي المواصفات التي حددتها لنفسي من قبل والتي تسببت في عدم تناسق الكود بشكل كبير. هل يمكنني عمل نسخة احتياطية من مواصفات المشروع بنفسي؟
CODE_OF_CONDUCT.md
انسخ هذا المشروع واستخدم WeChat Web Development Tool لفتح الدليل الجذر للمشروع
yarn # or npm install
أدوات شريط القوائم --> إنشاء npm
بعد فتح بيئة التطوير السحابية، قم بمزامنة المشروع /cloudfunctions/
مع السحابة (راجع تهيئة بيئة تطوير السحابة) وقم بتعديل app.js
wx . cloud . init ( {
traceUser : true ,
env : 'dev-oucwt' // 此处替换为你自己的云环境 ID
} ) ;
ملحوظة: يجب تشغيل تصحيح الأخطاء عند معاينة بيئة التطوير على جهاز حقيقي
ارجع إلى الوثائق الرسمية API Mock/Rules للاستيراد والتصدير، وقم باستيراد mock/mock.config.json. لا تدعم إمكانية Mock التي توفرها أدوات التطوير حاليًا معاينة الهاتف المحمول.
ملاحظة: إذا لم يكن لديك معرف التطبيق، فقد لا تتمكن من رؤية البيانات ولا يمكنك معاينتها على هاتفك. تحتاج أدوات التطوير إلى إيقاف التحقق من أسماء النطاقات الآمنة. شريط الأدوات --> التفاصيل --> إعدادات المشروع --> تحديد عدم التحقق من أسماء النطاقات الآمنة... وشهادات HTTPS .
يستضيف Vercel Next لتنفيذ GitHub Trending API
يستخدم البرنامج المصغر IconFont
حالة جدول (مجموعة) جمعية تطوير السحابة
أفكار عند كتابة المشروع
ملاحظة أثناء الكتابة
يستخدم البرنامج المصغر الخطوط الخارجية
تنفيذ مكون التسجيل المخصص للبرنامج الصغير (الدقة 0.1)
مكون التسجيل المخصص للبرنامج الصغير - تنفيذ المكون (الدقة 0.1)
├── apis
├── assets
├── components 组件化 Component
│ ├── cover-page 可下拉关闭的半屏组件
│ ├── pre-image 图片预加载
│ ├── rating 评分
│ └── tabs
├── cloudfunctions
├── pages
│ └── common 模板 template
│ ├── actionsheet 操作菜单
│ ├── cell 列表单元
│ ├── dropmenu 下拉菜单
│ ├── loading 加载/加载更多
│ ├── rating 评分
│ ├── share 底部分享菜单
│ ├── wxParse 富文本、HTML 和 MD 解析,小程序基础版本库 1.6.6 及以上
│ └── component.js wux 针对 template 的组件化,写得挺好,借鉴一下
├── style
│ ├── weui.wxss
│ ├── animate.wxss CSS 动画
│ └── font-awesome.min.wxss Font Awesome 字体图标
├── utils
│ └── wxCloud.js 云函数二次封装
├── app.js
├── app.json
└── app.wxss