هذا هو مشروع تخرجي: برنامج WeChat "Running Duck" - تطبيق اجتماعي يعتمد على تشغيل الحرم الجامعي ويستخدم: Less / Vant-Weapp / Iview-Weapp
تطوير الواجهة الخلفية باستخدام إطار عمل PHP Laravel
إذا كنت تعتقد أن لها قيمة مرجعية، فيرجى إعطائها نجمة لدعمها.
الصفحة الرئيسية، الدائرة الديناميكية (تقليد لحظات WeChat)، ساحة النشاط، المركز الشخصي:
يثبت:
الوظائف الأساسية لبرنامج WeChat "Running Duck" هي: الجري + التواصل الاجتماعي + الأنشطة، والتقسيم التفصيلي هو كما يلي:
(1) الجري (الشاشة الأولى): خريطة الموقع الحالي، التصنيفات (التصنيفات الأسبوعية، التصنيفات الشهرية)، مسارات التمرين، البيانات في الوقت الفعلي (المسافة المقطوعة، السرعة)، الكلمات العشوائية.
(2) الدائرة الديناميكية: تسجيل الدخول والمشاركة، والنشر والمشاركة، والتوصيات الشائعة، والإعجابات والتعليقات، وإشعارات الرسائل.
(3) ساحة الأنشطة: الأنشطة عبر الإنترنت (التسجيل، شروط الإكمال، المكافآت)، تنفيذ البرامج التعليمية.
(4) المركز الشخصي: الإدارة الرياضية، الإدارة الديناميكية، الإعدادات (الإعدادات العامة، إعدادات الخصوصية)، جدار الميداليات، عناوين المستويات، الصفحة الرئيسية الشخصية، وتحرير البيانات.
مخطط الطوارئ:
بناءً على التحليل الوظيفي، تم التخطيط لما مجموعه 11 كيانًا لتشكيل مخطط ER:
مخطط نموذج البيانات:
من مخطط ER، تم تحويل إجمالي 16 جدولًا، وتم تصدير مخطط نموذج البيانات بواسطة Navicat.
هيكل الدليل:
├─.vscode # VS Code配置,含'EasyLess'插件配置
├─components #自定义公共组件
├─dist # iVew-Weapp库
├─imgs #图标、默认图片
├─pages
│ ├─run #跑步(首页)
│ │ └─sharePage #分享到动态圈子页
│ ├─moments #动态圈子
│ │ ├─messages #消息盒子
│ │ └─newMoment #新建动态
│ ├─pub #活动广场
│ │ ├─blockDetail #教程详细
│ │ ├─blockMore #教程列表
│ │ ├─listDetail #活动详细
│ │ └─listMore #活动列表
│ └─user #个人中心
│ ├─edit #个人资料编辑
│ ├─modals #勋章墙
│ ├─myMoments #我的动态
│ ├─myRuns #我的运动
│ ├─privacy #隐私设置
│ ├─setting #通用设置
│ └─userPage #个人主页
├─theme #主题定制
├─utils #公共模块
└─voice #音频文件
هام: يحتاج هذا التطبيق الصغير إلى تنشيط أذونات الواجهة wx.getLocation
و wx.onLocationChange
و wx.startLocationUpdate
. يُرجى التقدم بطلب للحصول على هذا الإذن مسبقًا. ويمكنك استخدام لقطات الشاشة الموجودة في هذا المستند للتقديم.
لا يمكن التقدم بطلب للحصول على رقم الاختبار، وبالتالي لا يمكن استخدام رقم الاختبار.
قم أولاً بتسجيل برنامج صغير بنفسك، ثم تقدم بطلب للحصول على إذن获取当前的地理位置、速度
监听实时地理位置变化事件
接收位置消息(前台)
في إعدادات واجهة إدارة التطوير والتنمية.
دليل التطبيق: (سواء كان بإمكانك التقديم أم لا فهذا متروك للصدفة)
يتم تنفيذ الخطوات التالية خطوة بخطوة، ولا يمكن إفساد الطلب عادةً، ويمكن تشغيله مرة واحدة.
git clone https://github.com/Chef5/PopRun.git
تنفيذ في الدليل الجذر للمشروع:
npm install
قد يتم الإبلاغ عن خطأ في المسار: قم بإنشاء الدليل المحدد بناءً على تقرير الخطأ
قم باستيراد المشروع إلى أداة مطور WeChat واملأ معرف التطبيق الخاص بك (لا يمكنك استخدام حساب اختباري. يتعين عليك التقدم بطلب للحصول على مكون إضافي لاحقًا. لا يمكنك التقدم بطلب للحصول على حساب اختباري). لا تستخدم الخدمات السحابية.
في أدوات مطور WeChat (تحتاج إلى إنشاء npm بعد تثبيت npm)
انقر فوق "أدوات"-"إنشاء npm"
ليست هناك حاجة لبناء الخدمة الخلفية بنفسك، حيث يتم تشغيل الواجهة الخلفية بنفسي، ولست متأكدًا من متى ستتوقف، علاوة على ذلك، يتم تخزين البيانات في خادم مؤلف المشروع، ويتم تعطيل بعض الواجهات (مثل إنشاء الأنشطة والدورات).
https://dev.run.nunet.cn
إلى request合法域名
، uploadFile合法域名
، واسم downloadFile合法域名
على التوالي؛config.js
واملأ appid
secret
الخاص بك وفقًا للمطالبات؛
https://dev.run.nunet.cn
هي خدمة خلفية صممتها أنا ولست متأكدًا من متى سيتم إيقافها.
تتم كتابة الواجهة الخلفية باستخدام إطار عمل PHP
Laravel
، لذا يتعين عليك معرفة بناء جملة PHP الأساسي وأن يكون لديك PHP7.2+
وبيئة MySQL
محلية.
للاطلاع على مشاريع خلفية محددة، راجع: https://github.com/Chef5/PopRun-b
بعد إنشاء مشروع الواجهة الخلفية محليًا، قم بتحرير التكوين في config.js
، وقم بالتعليق على التكوين 1، وافتح التكوين 2.
بعد الحفظ، انقر فوق Compile and Run (Trust and Run) في أدوات المطور
س: عند التشغيل لأول مرة، ستقوم وحدة التحكم عادةً بالإبلاغ عن مشكلة في البرنامج الإضافي.
VM23:2 wx76a9a06e5b4e693e 插件未授权使用 添加插件(env: macOS,mp,1.06.2301160 ; lib: 2.10.4)
(anonymous) @ VM23:2
VM23:3 插件文档: https://mp.weixin.qq.com/wxopen/plugindevdoc ? appid=wx76a9a06e5b4e693e & token= & lang=zh_CN(env: macOS,mp,1.06.2301160 ; lib: 2.10.4)
ج: انقر فوق النص الأزرق في تقرير الأخطاء添加插件
لإضافته بسهولة.
ربما لا يمكن تنشيط برنامجك الصغير لأنه لا يحتوي على فئات ذات صلة. يمكنك الرجوع إلى هذا المستند: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html.
ما قمت بالاشتراك فيه هو: الرياضة > أدوات اللياقة البدنية عبر الإنترنت > أدوات الاستعلام عن المعلومات > الحجز/التسجيل
ثم انتقل إلى إعدادات واجهة إدارة التطوير والتطوير لتمكين أذونات الخدمة الذاتية获取当前的地理位置、速度
监听实时地理位置变化事件
接收位置消息(前台)
ملاحظة: لا يمكن للحساب الاختباري تنشيط المكون الإضافي لأنه لا يمكن تكوين الفئة.
لاحظ أن هذا المشروع تم تنفيذه في عام 2020 عندما كنت في السنة الأخيرة في الكلية، وكانت التكنولوجيا في ذلك الوقت محدودة وتركت الكثير من المزالق. إذا كنت في حاجة إليها لاستخدامك الخاص، من فضلك لا تلومني.
قمت بتشغيله مرة أخرى بناءً على هذه الوثيقة في فبراير 2023، وصححت بعض الأخطاء، ويمكن للمشروع أن يعمل بسلاسة، ولاحظت بعض الاحتياطات، والتي يمكن البحث عنها عالميًا: // TODO:
View.
إذا لم تكن بحاجة إلى استخدام أقل، قم بتحرير ملف wxss مباشرة، يرجى تجاهل المحتوى التالي.
رمز VS: البرنامج الإضافي Easy Less - يمكنه تجميع محتوى أقل إلى wxss
ملف التكوين موجود في /.vscode/settings.json
معهد ماساتشوستس للتكنولوجيا