PopRun下載 - PopRun源碼下載

PopRun

Ai源碼

1.0.0

下載

跑鴨

這是我的畢業設計：「跑鴨」微信小程式-一個基於校園跑步的社交小程式使用了：Less / Vant-Weapp / Iview-Weapp

後端使用的PHP的Laravel框架開發

後端專案：https://github.com/Chef5/PopRun-b
介面文件：https://chef5.github.io/PopRun/

如果覺得有參考價值，請給個star支持一下吧

首頁、動態圈（仿微信朋友圈）、活動廣場、個人中心：

設定:

一、功能設計

「跑鴨」微信小程式的核心功能是：跑步+社交+活動，詳細劃分如下：

（1）跑步（首屏）：目前位置地圖、排行榜（周榜、月榜）、運動路徑、即時數據（里程、配速）、隨機一言。

（2）動態圈：打卡分享、發布分享、熱門推薦、按讚評論、訊息通知。

（3）活動廣場：線上活動（報名、完賽條件、獎勵）、跑步教學。

（4）個人中心：運動管理、動態管理、設定（通用設定、隱私設定）、勳章牆、等級頭銜、個人主頁、資料編輯。

ER圖：

根據功能分析，共規劃出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介面權限，請先提前申請該權限，可以拿本文檔中的截圖去申請。

測試號無法申請，因此不能用測試號。

先自行註冊一個小程序，然後在開發-開發管理-介面設定中申請開通获取当前的地理位置、速度、监听实时地理位置变化事件和接收位置消息（前台）權限。

申請指南：（能不能申請下來，隨緣吧）

取得目前的地理位置、速度（wx.getLocation）：說明業務涉及運動跑步，需要初始化定位使用者位置，確定在地圖上顯示（附圖：首頁截圖）
監聽即時地理位置變更事件（wx.onLocationChange）：說明業務涉及運動跑步，需監聽即時地理位置變更事件（附圖：首頁截圖）
接收位置訊息（前台）（wx.startLocationUpdate）：說明業務涉及體育跑步，需要接收位置訊息（前台）（附圖：首頁截圖）

以下步驟一步一步弄，順序不能亂，通常是能一次運行起來的！

2.1 克隆代碼到本地

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

2.2 安裝依賴

在專案根目錄執行：

npm install

可能會報路徑錯誤：根據報錯建立指定目錄

2.3 導入項目

微信開發者工具導入項目，填寫自己的AppID（不能用測試號，後面需要申請插件，測試號無法申請）不使用雲端服務

2.4 建構npm

在微信開發者工具（必須npm install後才能建置npm）

點選“工具”-“建立npm”

2.5 快速體驗-無需自己搭建後端

無需自己搭建後端服務，後端是本人啟動的，不確定什麼時候會停服，且資料都儲存在專案作者伺服器，部分介面被停用（例如建立活動、課程）

小程式後台，在開發管理-開發設定-伺服器網域中，將https://dev.run.nunet.cn分別加入request合法域名、 uploadFile合法域名、 downloadFile合法域名稱中;
編輯config.js中的設定1，根據提示填入自己的appid和secret ；
儲存之後，在開發者工具中點擊編譯運行（信任並運行）

https://dev.run.nunet.cn是本人搭建的後端服務，不確定什麼時候回關服

2.6 建構後端項目-自己搭建後端項目

後端用的PHP的Laravel框架寫的，所以要求你會基本的PHP語法，需要你本地有PHP7.2+ 、 MySQL環境。

具體後端項目請見：https://github.com/Chef5/PopRun-b

本地搭建好後端專案之後，編輯config.js中的配置，註解掉配置1，開啟配置2

儲存後，在開發者工具中點擊編譯運行（信任並運行）

2.7 常見報錯

Q: 第一次運行，通常控制台會報告插件問題

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: 點選報錯中的藍色文字添加插件，就可以方便添加。

可能因為你的小程式沒有開通相關類目，無法開通，可以根據這個文件：https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html

我開通的是：運動> 線上健身工具> 資訊查詢工具> 預約/報名

然後在開發-開發管理-介面設定中自助開通获取当前的地理位置、速度、监听实时地理位置变化事件和接收位置消息（前台）權限

注意：測試號因為無法配置類別目，所以無法開啟插件