Загрузка PopRun - Загрузка исходного кода PopRun

PopRun

AI Исходный код

1.0.0

Скачать

бегущая утка

Это мой дипломный проект: WeChat-апплет «Бегущая утка» — социальный апплет, основанный на кампусном беге. Он использует: Less/Vant-Weapp/Iview-Weapp.

Бэкэнд-разработка с использованием фреймворка PHP Laravel.

Бэкэнд-проект: https://github.com/Chef5/PopRun-b.
Документация по интерфейсу: https://chef5.github.io/PopRun/

Если вы считаете, что оно имеет эталонную ценность, поставьте ему звездочку в поддержку.

Домашняя страница, динамический круг (имитация WeChat Moments), квадрат активности, личный центр:

настраивать:

1. Функциональный дизайн

Основные функции апплета WeChat «Бегущая утка»: бег + общение в социальных сетях + действия. Подробное разделение выглядит следующим образом:

(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             #音频文件

2. Как использовать

Важно: этому апплету необходимо активировать разрешения интерфейса wx.getLocation , wx.onLocationChange и wx.startLocationUpdate . Подайте заявку на это разрешение заранее. Для подачи заявки можно использовать снимки экрана в этом документе.

Номер теста нельзя подать заявку, поэтому его нельзя использовать.

Сначала зарегистрируйте небольшую программу самостоятельно, а затем подайте заявку на получение разрешения获取当前的地理位置、速度,监听实时地理位置变化事件и接收位置消息（前台） в разделе «Разработка-Управление разработкой-Настройки интерфейса».

Руководство по подаче заявления: (Можете ли вы подать заявку или нет, зависит от случая)

Получить текущее географическое положение и скорость (wx.getLocation). Это означает, что бизнес связан со спортивным бегом, и необходимо инициализировать положение пользователя и подтвердить его отображение на карте (прикрепленное изображение: скриншот главной страницы).
Мониторинг событий изменения географического местоположения в режиме реального времени (wx.onLocationChange). Это означает, что бизнес связан со спортом и ему необходимо отслеживать события изменения географического местоположения в режиме реального времени (прикрепленное изображение: снимок экрана с домашней страницы).
Получать сообщения о местонахождении (стойка регистрации) (wx.startLocationUpdate). Это указывает на то, что компания занимается спортом и ей необходимо получать сообщения о местоположении (стойка регистрации). (Прилагается: снимок экрана с главной страницы)

Следующие шаги выполняются шаг за шагом, и заказ нельзя испортить. Обычно его можно запустить сразу!

2.1 Клонируйте код локально

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

2.2 Установка зависимостей

Выполните в корневом каталоге проекта:

npm install

Может быть сообщено об ошибке пути: создайте указанный каталог на основе отчета об ошибке.

2.3 Импорт проекта

Импортируйте проект в инструмент разработчика WeChat и укажите свой AppID (вы не можете использовать тестовую учетную запись. Вам нужно будет подать заявку на плагин позже. Вы не можете подать заявку на тестовую учетную запись. Не используйте облачные сервисы).

2.4 Сборка npm

В инструментах разработчика WeChat (необходимо собрать npm после установки npm)

Нажмите «Инструменты» — «Создать npm».

2.5 Быстрый опыт — не нужно создавать серверную часть самостоятельно

Нет необходимости самостоятельно собирать серверную службу. Серверная часть запускается сама, и я не уверен, когда она остановится. Более того, данные хранятся на сервере автора проекта, а некоторые интерфейсы отключены ( например, создание мероприятий и курсов).

В фоновом режиме мини-программы в разделе «Управление разработкой» — «Настройки разработки» — «Доменное имя сервера» добавьте https://dev.run.nunet.cn к request合法域名, uploadFile合法域名и downloadFile合法域名соответственно;
Отредактируйте конфигурацию 1 в config.js и укажите свой собственный appid и secret в соответствии с подсказками;
После сохранения нажмите «Компилировать и запустить» (Trust and Run) в инструментах разработчика.

https://dev.run.nunet.cn — это серверная служба, созданная мной. Я не уверен, когда она будет закрыта.

2.6 Создайте серверный проект — создайте свой собственный серверный проект

Серверная часть написана с использованием PHP -фреймворка Laravel , поэтому вам необходимо знать базовый синтаксис PHP и иметь локальную среду PHP7.2+ и MySQL .

Конкретные серверные проекты см. на странице https://github.com/Chef5/PopRun-b.

После локальной сборки серверного проекта отредактируйте конфигурацию в config.js , закомментируйте конфигурацию 1 и откройте конфигурацию 2.

После сохранения нажмите «Компилировать и запустить» (Trust and Run) в инструментах разработчика.

2.7 Распространенные ошибки

Вопрос: При первом запуске консоль обычно сообщает о проблеме с плагином.

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.

Я подписался на: Спорт > Онлайн-инструменты для фитнеса > Инструменты запроса информации > Бронирование/регистрация.

Затем перейдите в раздел «Разработка-Управление разработкой-Интерфейс», чтобы включить разрешения самообслуживания获取当前的地理位置、速度,监听实时地理位置变化事件и接收位置消息（前台）

Примечание. Тестовая учетная запись не может активировать плагин, поскольку категорию невозможно настроить.

2.8 Другие меры предосторожности

Обратите внимание, что этот проект был реализован в 2020 году, когда я учился на старших курсах колледжа. Технология в то время была ограничена и оставляла много подводных камней. Если она вам нужна для собственного использования, не вините меня.

Я снова запустил его на основе этого документа в феврале 2023 года, исправил некоторые ошибки, и проект может работать без сбоев, а также отметил некоторые меры предосторожности, которые можно искать по всему миру: // TODO: View.