这是我的毕业设计：“跑鸭”微信小程序-一款基于校园跑步的社交小程序 使用了：Less / Vant-Weapp / Iview-Weapp
后端使用的PHP的Laravel框架开发
如果觉得有参考价值，请给个star支持一下吧
首页、动态圈子（仿微信朋友圈）、活动广场、个人中心：
设置：
“跑鸭”微信小程序的核心功能就是：跑步+社交+活动，详细划分如下：
（1）跑步（首屏）：当前位置地图、排行榜（周榜、月榜）、运动路径、实时数据（里程、配速）、随机一言。
（2）动态圈子：打卡分享、发布分享、热门推荐、点赞评论、消息通知。
（3）活动广场：线上活动（报名、完赛条件、奖励）、跑步教程。
（4）个人中心：运动管理、动态管理、设置（通用设置、隐私设置）、勋章墙、等级称号、个人主页、资料编辑。
产品原型：https://orgnext.modao.cc/team/panel/teyfrxdefault（已失效）开发手册：https://www.yuque.com/hg64tq（已失效）
E-R图：
根据功能分析，一共规划出11个实体，形成E-R图：
数据模型图：
由E-R图，共转换成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 #音频文件git clone https://github.com/Chef5/PopRun.git在项目根目录执行：
npm install可能会报路径错误：根据报错创建指定目录
（1）在微信开发者工具，启用npm：
点击详细-本地设置-使用npm模块
（2）构建
点击工具-构建npm
修改小程序appid为你自己的
完成以上步骤，小程序基本是没有什么问题了，但用户注册生成openid需要通过自己的小程序appid和secret，因此你还需要在本地构建后端项目，具体后端项目见：https://github.com/Chef5/PopRun-b
如果不需要使用less，直接编辑wxss文件，以下内容请忽略
-
VS Code：Easy Less 插件-可以将less编译为wxss
配置文件在 /.vscode/settings.json
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent