weapp mark
1.0.0
นี่เป็นโครงการเพื่อความบันเทิงและการเรียนรู้เท่านั้น ฉันบันทึกปัญหาและแนวคิดที่พบในระหว่างการพัฒนาเป็นครั้งคราวและอัปเดตเป็นครั้งคราว หากคุณมีข้อเสนอแนะใด ๆ โปรดบอกฉัน (ปัญหา) โปรเจ็กต์มีส่วนประกอบแบบห่อหุ้มของตัวเอง ซึ่งสามารถดูได้ในโครงสร้างโปรเจ็กต์
ข้อมูลภาพยนตร์และโทรทัศน์ทั้งหมดจัดทำโดย 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 ความสามารถในการจำลองที่ได้รับจากเครื่องมือการพัฒนาไม่รองรับการแสดงตัวอย่างบนมือถือในขณะนี้
หมายเหตุ: หากคุณไม่มี AppID คุณอาจไม่สามารถดูข้อมูลและไม่สามารถดูตัวอย่างบนโทรศัพท์ของคุณได้ เครื่องมือการพัฒนาจำเป็นต้องปิดการตรวจสอบชื่อโดเมนที่ปลอดภัย แถบเครื่องมือ --> รายละเอียด --> การตั้งค่าโครงการ --> เลือก อย่าตรวจสอบชื่อโดเมนที่ปลอดภัย... และใบรับรอง HTTPS
Vercel โฮสต์ ถัดไป เพื่อใช้ 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
