PopRun Download – Download PopRun Quellcodes

PopRun

AI-Quellcode

1.0.0

Herunterladen

laufende Ente

Dies ist mein Abschlussprojekt: „Running Duck“ WeChat-Applet – ein soziales Applet basierend auf Campus-Laufen. Es verwendet: Less / Vant-Weapp / Iview-Weapp

Backend-Entwicklung mit dem PHP-Laravel-Framework

Backend-Projekt: https://github.com/Chef5/PopRun-b
Schnittstellendokumentation: https://chef5.github.io/PopRun/

Wenn Sie der Meinung sind, dass es einen Referenzwert hat, geben Sie ihm bitte einen Stern, um dies zu unterstützen.

Startseite, dynamischer Kreis (Nachahmung von WeChat Moments), Aktivitätsquadrat, persönliches Zentrum:

aufstellen:

1. Funktionales Design

Die Kernfunktionen des WeChat-Applets „Running Duck“ sind: Laufen + soziale Netzwerke + Aktivitäten. Die detaillierte Aufteilung ist wie folgt:

(1) Laufen (erster Bildschirm): aktuelle Standortkarte, Ranglisten (wöchentliche Ranglisten, monatliche Ranglisten), Übungswege, Echtzeitdaten (Kilometerstand, Tempo), zufällige Wörter.

(2) Dynamischer Kreis: Einchecken und Teilen, Posten und Teilen, beliebte Empfehlungen, Likes und Kommentare sowie Nachrichtenbenachrichtigungen.

(3) Aktivitätsplatz: Online-Aktivitäten (Registrierung, Abschlussbedingungen, Belohnungen), Durchführung von Tutorials.

(4) Persönliches Zentrum: Sportmanagement, dynamisches Management, Einstellungen (allgemeine Einstellungen, Datenschutzeinstellungen), Medaillenwand, Leveltitel, persönliche Homepage und Datenbearbeitung.

ER-Diagramm:

Basierend auf der Funktionsanalyse wurden insgesamt 11 Entitäten zur Bildung eines ER-Diagramms geplant:

Datenmodelldiagramm:

Aus dem ER-Diagramm wurden insgesamt 16 Tabellen konvertiert und das Datenmodelldiagramm von Navicat exportiert.

Verzeichnisstruktur:

├─.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. Anwendung

Wichtig: Dieses Applet muss wx.getLocation , wx.onLocationChange und wx.startLocationUpdate aktivieren. Bitte beantragen Sie diese Berechtigung im Voraus. Sie können die Screenshots in diesem Dokument verwenden.

Die Prüfungsnummer kann nicht beantragt werden, daher ist die Prüfungsnummer nicht nutzbar.

Registrieren Sie zunächst selbst ein kleines Programm und beantragen Sie dann die Erlaubnis获取当前的地理位置、速度,监听实时地理位置变化事件und接收位置消息（前台） .

Bewerbungsleitfaden: (Ob Sie sich bewerben können oder nicht, ist dem Zufall überlassen)

Erhalten Sie den aktuellen geografischen Standort und die aktuelle Geschwindigkeit (wx.getLocation): Dies bedeutet, dass es sich bei dem Geschäft um sportliches Laufen handelt. Es ist notwendig, die Position des Benutzers zu initialisieren und zu bestätigen, dass sie auf der Karte angezeigt wird (angehängtes Bild: Screenshot der Homepage). )
Überwachung von geografischen Standortänderungsereignissen in Echtzeit (wx.onLocationChange): Dies bedeutet, dass das Unternehmen Laufsport betreibt und geografische Standortänderungsereignisse in Echtzeit überwachen muss (angehängtes Bild: Screenshot der Homepage).
Standortnachrichten empfangen (Rezeption) (wx.startLocationUpdate): Zeigt an, dass das Unternehmen Laufsport betreibt und Standortnachrichten empfangen muss (Rezeption) (Anhang: Screenshot der Startseite)

Die folgenden Schritte werden Schritt für Schritt ausgeführt und die Reihenfolge kann nicht durcheinander gebracht werden. Sie kann normalerweise sofort ausgeführt werden!

2.1 Klonen Sie den Code lokal

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

2.2 Abhängigkeiten installieren

Im Projektstammverzeichnis ausführen:

npm install

Möglicherweise wird ein Pfadfehler gemeldet: Erstellen Sie das angegebene Verzeichnis basierend auf dem Fehlerbericht

2.3 Projekt importieren

Importieren Sie das Projekt in das WeChat-Entwicklertool und geben Sie Ihre eigene AppID ein (Sie können kein Testkonto verwenden. Sie müssen später ein Plug-in beantragen. Sie können kein Testkonto beantragen.)

2.4 NPM erstellen

In WeChat-Entwicklertools (npm muss nach der npm-Installation erstellt werden)

Klicken Sie auf „Extras“ – „Build npm“

2.5 Schnelle Erfahrung – Sie müssen das Backend nicht selbst erstellen

Es besteht keine Notwendigkeit, den Back-End-Dienst selbst zu erstellen, und ich bin nicht sicher, wann er beendet wird. Außerdem werden die Daten auf dem Projektautorenserver gespeichert und einige Schnittstellen sind deaktiviert (z. B. das Erstellen von Aktivitäten und Kursen).

Fügen Sie im Hintergrund des Miniprogramms unter Entwicklungsmanagement-Entwicklungseinstellungen-Serverdomänenname https://dev.run.nunet.cn zum request合法域名, uploadFile合法域名und downloadFile合法域名hinzu;
Bearbeiten Sie Konfiguration 1 in config.js und geben Sie Ihre eigene appid und Ihr eigenes secret entsprechend den Eingabeaufforderungen ein.
Klicken Sie nach dem Speichern in den Entwicklertools auf „Kompilieren und ausführen“ (Vertrauen und ausführen).

https://dev.run.nunet.cn ist ein von mir erstellter Back-End-Dienst. Ich bin mir nicht sicher, wann er eingestellt wird.

2.6 Erstellen Sie ein Back-End-Projekt – erstellen Sie Ihr eigenes Back-End-Projekt

Das Backend ist mit dem Laravel -Framework von PHP geschrieben. Sie müssen daher die grundlegende PHP-Syntax kennen und über eine lokale PHP7.2+ - und MySQL -Umgebung verfügen.

Spezifische Backend-Projekte finden Sie unter: https://github.com/Chef5/PopRun-b

Nachdem Sie das Backend-Projekt lokal erstellt haben, bearbeiten Sie die Konfiguration in config.js , kommentieren Sie Konfiguration 1 aus und öffnen Sie Konfiguration 2.

Klicken Sie nach dem Speichern in den Entwicklertools auf „Kompilieren und ausführen“ (Vertrauen und ausführen).

2.7 Häufige Fehler

F: Bei der ersten Ausführung meldet die Konsole normalerweise ein Plug-In-Problem.

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)

A: Klicken Sie auf den blauen Text im Fehlerbericht,添加插件um es einfach hinzuzufügen.

Es kann sein, dass Ihr Miniprogramm nicht aktiviert werden kann, weil es keine relevanten Kategorien hat. Sie können auf dieses Dokument verweisen: https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html

Was ich abonniert habe, ist: Sport > Online-Fitness-Tools > Informationsabfrage-Tools > Reservierung/Registrierung

Gehen Sie dann zu „Entwicklung-Entwicklungsmanagement-Schnittstelleneinstellungen“, um Self-Service-Berechtigungen zu aktivieren获取当前的地理位置、速度,监听实时地理位置变化事件und接收位置消息（前台）

Hinweis: Das Testkonto kann das Plug-in nicht aktivieren, da die Kategorie nicht konfiguriert werden kann.

2.8 Sonstige Vorsichtsmaßnahmen

Beachten Sie, dass dieses Projekt im Jahr 2020 durchgeführt wurde, als ich noch im letzten Jahr war. Die Technologie war damals begrenzt und hinterließ viele Fallstricke. Wenn Sie sie für Ihren eigenen Gebrauch benötigen, geben Sie mir bitte keine Vorwürfe.

Ich habe es im Februar 2023 auf der Grundlage dieses Dokuments erneut ausgeführt, einige Fallstricke behoben, damit das Projekt reibungslos laufen kann, und einige Vorsichtsmaßnahmen beachtet, die global durchsucht werden können: // TODO: Anzeigen.