Téléchargement PopRun - Téléchargement du code source PopRun

PopRun

Code Source AI

1.0.0

Télécharger

canard qui court

Ceci est mon projet de fin d'études : l'applet WeChat "Running Duck" - une applet sociale basée sur le fonctionnement du campus. Elle utilise : Less / Vant-Weapp / Iview-Weapp.

Développement backend avec le framework PHP Laravel

Projet backend : https://github.com/Chef5/PopRun-b
Documentation de l'interface : https://chef5.github.io/PopRun/

Si vous pensez qu'il a une valeur de référence, veuillez lui donner une étoile pour le soutenir.

Page d'accueil, cercle dynamique (imitation de WeChat Moments), carré d'activités, centre personnel :

installation:

1. Conception fonctionnelle

Les fonctions principales de l'applet WeChat « Running Duck » sont : course à pied + réseaux sociaux + activités. La division détaillée est la suivante :

(1) Course à pied (premier écran) : carte de localisation actuelle, classements (classements hebdomadaires, classements mensuels), parcours d'exercices, données en temps réel (kilométrage, allure), mots aléatoires.

(2) Cercle dynamique : enregistrez-vous et partagez, publiez et partagez, recommandations populaires, likes et commentaires, et notifications de messages.

(3) Place d'Activité : Activités en ligne (inscription, conditions de réalisation, récompenses), animation de tutoriels.

(4) Centre personnel : gestion sportive, gestion dynamique, paramètres (paramètres généraux, paramètres de confidentialité), mur de médailles, titres de niveaux, page d'accueil personnelle et édition des données.

Diagramme ER :

Sur la base de l'analyse fonctionnelle, un total de 11 entités ont été prévues pour former un diagramme ER :

Diagramme du modèle de données :

À partir du diagramme ER, un total de 16 tables ont été converties et le diagramme du modèle de données a été exporté par Navicat.

Structure du répertoire :

├─.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             #音频文件

2. Comment utiliser

Important : Cette applet doit activer wx.getLocation , wx.onLocationChange et wx.startLocationUpdate . Veuillez demander cette autorisation à l'avance. Vous pouvez utiliser les captures d'écran de ce document pour postuler.

Le numéro de test ne peut pas être demandé, le numéro de test ne peut donc pas être utilisé.

Enregistrez d'abord un petit programme par vous-même, puis demandez l'autorisation获取当前的地理位置、速度,监听实时地理位置变化事件et接收位置消息（前台） dans les paramètres de l'interface de développement-gestion du développement.

Guide de candidature : (Que vous puissiez postuler ou non dépend du hasard)

Obtenir la position géographique et la vitesse actuelles (wx.getLocation) : Cela signifie que l'entreprise concerne la course à pied sportive, et il est nécessaire d'initialiser la position de l'utilisateur et de confirmer qu'elle est affichée sur la carte (image ci-jointe : capture d'écran de la page d'accueil)
Surveillance des événements de changement de localisation géographique en temps réel (wx.onLocationChange) : cela signifie que l'entreprise implique la course à pied sportive et doit surveiller les événements de changement de localisation géographique en temps réel (image ci-jointe : capture d'écran de la page d'accueil)
Recevoir des messages de localisation (réception) (wx.startLocationUpdate) : cela indique que l'entreprise implique des courses sportives et a besoin de recevoir des messages de localisation (réception) (ci-joint : capture d'écran de la page d'accueil)

Les étapes suivantes sont effectuées étape par étape et la commande ne peut pas être gâchée. Elle peut généralement être exécutée en même temps !

2.1 Cloner le code localement

git clone https://github.com/Chef5/PopRun.git

2.2 Installer les dépendances

Exécutez dans le répertoire racine du projet :

npm install

Une erreur de chemin peut être signalée : créez le répertoire spécifié en fonction du rapport d'erreur

2.3 Importer un projet

Importez le projet dans l'outil de développement WeChat et remplissez votre propre AppID (vous ne pouvez pas utiliser de compte de test. Vous devrez demander un plug-in plus tard. Vous ne pouvez pas demander de compte de test. N'utilisez pas de services cloud).

2.4 Construire npm

Dans les outils de développement WeChat (besoin de créer npm après l'installation de npm)

Cliquez sur "Outils" - "Construire npm"

2.5 Expérience rapide - pas besoin de créer le backend vous-même

Il n'est pas nécessaire de créer le service back-end vous-même. Le back-end est démarré par moi-même et je ne sais pas quand il s'arrêtera. De plus, les données sont stockées sur le serveur de l'auteur du projet et certaines interfaces sont désactivées (. comme la création d'activités et de cours).

Dans l'arrière-plan du mini-programme, dans Gestion du développement-Paramètres de développement-Nom de domaine du serveur, ajoutez https://dev.run.nunet.cn au request合法域名, uploadFile合法域名et downloadFile合法域名respectivement ;
Modifiez la configuration 1 dans config.js et remplissez votre propre appid et secret selon les invites ;
Après avoir enregistré, cliquez sur Compiler et exécuter (Trust and Run) dans les outils de développement

https://dev.run.nunet.cn est un service back-end créé par moi. Je ne sais pas quand il sera arrêté.

2.6 Créer un projet back-end : créez votre propre projet back-end

Le backend est écrit à l'aide du framework Laravel de PHP , vous devez donc connaître la syntaxe PHP de base et disposer d'un environnement PHP7.2+ et MySQL local.

Pour des projets backend spécifiques, voir : https://github.com/Chef5/PopRun-b

Après avoir construit le projet backend localement, modifiez la configuration dans config.js , commentez la configuration 1 et ouvrez la configuration 2.

Après avoir enregistré, cliquez sur Compiler et exécuter (Trust and Run) dans les outils de développement

2.7 Erreurs courantes

Q : Lors de sa première exécution, la console signale généralement un problème de plug-in.

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)

R : Cliquez sur le texte bleu dans le rapport d'erreurs添加插件afin de l'ajouter facilement.

Il se peut que votre mini programme ne puisse pas être activé car il n'a pas de catégories associées. Vous pouvez vous référer à ce document : https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html.

Ce à quoi je me suis abonné est : Sports > Outils de remise en forme en ligne > Outils de requête d'informations > Réservation/Inscription

Accédez ensuite à Développement-Développement Gestion-Paramètres de l'interface pour activer les autorisations en libre-service获取当前的地理位置、速度,监听实时地理位置变化事件et接收位置消息（前台）

Remarque : Le compte test ne peut pas activer le plug-in car la catégorie ne peut pas être configurée.

2.8 Autres précautions

Notez que ce projet a été réalisé en 2020, alors que j'étais en dernière année d'études universitaires. La technologie à cette époque était limitée et laissait beaucoup de pièges. Si vous en avez besoin pour votre propre usage, ne me blâmez pas.

Je l'ai réexécuté sur la base de ce document en février 2023, j'ai corrigé quelques écueils, et le projet peut se dérouler sans problème, et j'ai noté quelques précautions, qui peuvent être recherchées globalement : // TODO: View.