基于“微信小程序”实现的减肥打卡小程序,支持记录体重、运动步数、个性海报、图表分析、排行榜、好友榜、打赏、编辑目标体重、精选文章推荐等多功能。
项目原型地址:https://org.modao.cc/square/mtklir3zoji5vgrc
CSDN地址:https://blog.csdn.net/elk_2021/article/details/114028751
微信号:aowuge
部署文档、接口文档、后台接口、图片资源、设计图、建议意见等微信联系
- 用户今日体重信息、累计打卡、连续打卡、基础信息展示
- 排行榜入口,显示累计参与人数、累计打卡人数
- 周目标:可显示用户体重目标数据,及一周的体重变化数据,与目标的差值、及数据分析入口
- 今日步数:展示今日运动步数,及步数月报分析的入口
- 更多功能:【每日打卡】、【排行榜】、【日签】、【邀请好友】入口展示
- 精选推荐:精选减肥文章推荐
- 赞赏开发者入口
- 随机一条减肥毒鸡汤
- 总榜:当前小程序中所有用户,累计打卡天数排行,及当前用户在所有用户中的排行数据
- 好友榜:用户通过小程序任意页或者是个性海报邀请好友,好友参与打卡后,会一起展示在排行榜中,激励用户一起减肥
- 用户最新体重展示,分析当前体重变化,及坚持打卡天数
- 折线图展示近一周的体重变化趋势
- 表格展示一周体重详细数据
- 时间轴展示用户所有的体重历史记录,包括每日早餐、午餐、晚餐、加餐及运动情况
- 累计加入减肥打卡+小程序天数
- 显示一条毒鸡汤
- 同步用户近30天的微信运动步数情况
- 最新步数、30天平均步数、最高步数
- 需要开启微信运动步数授权
- 今日打卡时间,记录用户体重、早餐、午餐、晚餐、加餐及运动情况
- 用户可以分享今日打卡信息,也就是日签海报,也可以直接邀请好友,生成系统默认海报。系统根据今日周几数,默认日签7套模板,每日生成不同的海报。邀请好友规则同日签。
- 日签展示用户个人打卡基础信息等
- 打赏开发者:可以根据预设金额打赏开发者,对开发者进行打赏。
- 精选文章推荐:可减肥打卡公众号发布的文章
- 小程序可以加入部分广告,不影响用户体验
设计使用sketch完成,配合使用ps处理部分图片,设计稿上传至蓝湖,作为尺寸标记。
可以加微信联系作者
- 前端:原生微信小程序
- 服务端:微信小程序云开发、.net
- 2.0版本,技术栈 将会修改成:taro + bladeX
- VScode
- Git + Github
- NodeJS
- IIS
- visual studio
├── base# 小程序公用基础文件
| ├── v1.wxss # 全局样式
| ├── v1_layer.wxss # 全局弹窗样式
| | ├── correct.mp3
| | └── wrong.mp3
| ├── components # 全局组件
| | ├── gfooter # footer组件
| | ├── statubar # 顶部状态栏组件
| | └── circle # 环形数据
| | └── circle # 格尺组件
| ├── config
| | ├── ... 小程序请求封装
| ├── imgs
| | ├── ... 图片素材
| ├── pages # 页面
| | ├── miniprogram_npm # antv
| | ├── node_modules # 包
| | ├── v1-index # 首页
| | ├── v1-report-weight # 体重周报
| | ├── v1-report-steps # 步数月报
| | ├── v1-clock # 打卡
| | └── v1-rangking # 排行榜
| | ├── v1-history # 体重历史数据
| | └── v1-case # 精选文章推荐
| | ├── v1-case-view # 精选文章预览
| | └── v1-target-weight # 编辑体重目标
| └── utils
| ├── font.js # 全局工具类,加载字体文件
| └── util.js # 全局工具函数
├── package.json
└── project.config.json # IDE设置、开发设置
数据层主要采用微软的Entity Framework(以下简称EF)做为ORM框架。使用EF的好处是应用程序可以通过更加以应用程序为中心的概念性模型、不再对特定的数据引擎或存储架构具有硬编码依赖性、可以在不更改应用程序代码的情况下更改概念性模型与特定于存储的架构之间的映射以及语言集成查询支持可为查询提供针对概念性模型的编译时语法验证。
EF架构图如下: