Skip to content

减肥打卡小程序,减脂、运动、打卡、图表、页面、模板、打赏、分享、海报、报表、我的、个人中心、支付、接口等

License

Notifications You must be signed in to change notification settings

frankiegu/weight-loss-clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

减肥打卡小程序 GitHub开源项目介绍,原型、设计图、代码……


基于“微信小程序”实现的减肥打卡小程序,支持记录体重、运动步数、个性海报、图表分析、排行榜、好友榜、打赏、编辑目标体重、精选文章推荐等多功能。

项目原型地址:https://org.modao.cc/square/mtklir3zoji5vgrc

CSDN地址:https://blog.csdn.net/elk_2021/article/details/114028751

原型预览二维码: 原型二维码图

微信号:aowuge
部署文档、接口文档、后台接口、图片资源、设计图、建议意见等微信联系

作者微信二维码: 作者二维码

在线体验


小程序体验码

设计图


部分弹窗图 个性海报 排行榜 首页 打赏页及分享海报 体重周报及步数月报 精选文章推荐及编辑目标体重 体重历史记录及缺省页 打卡及分享方式弹窗

原型图


首页原型 体重周报及步数月报原型 排行榜原型 体重历史记录及缺省页原型 精选文章推荐及编辑目标体重 打卡及体重选择 个性海报 授权信息页 系统弹窗

需求及功能概述


在这里插入图片描述

首页

  • 用户今日体重信息、累计打卡、连续打卡、基础信息展示
  • 排行榜入口,显示累计参与人数、累计打卡人数
  • 周目标:可显示用户体重目标数据,及一周的体重变化数据,与目标的差值、及数据分析入口
  • 今日步数:展示今日运动步数,及步数月报分析的入口
  • 更多功能:【每日打卡】、【排行榜】、【日签】、【邀请好友】入口展示
  • 精选推荐:精选减肥文章推荐
  • 赞赏开发者入口
  • 随机一条减肥毒鸡汤

排行榜

  • 总榜:当前小程序中所有用户,累计打卡天数排行,及当前用户在所有用户中的排行数据
  • 好友榜:用户通过小程序任意页或者是个性海报邀请好友,好友参与打卡后,会一起展示在排行榜中,激励用户一起减肥

体重数据周报

  • 用户最新体重展示,分析当前体重变化,及坚持打卡天数
  • 折线图展示近一周的体重变化趋势
  • 表格展示一周体重详细数据

体重历史

  • 时间轴展示用户所有的体重历史记录,包括每日早餐、午餐、晚餐、加餐及运动情况
  • 累计加入减肥打卡+小程序天数
  • 显示一条毒鸡汤

步数月报

  • 同步用户近30天的微信运动步数情况
  • 最新步数、30天平均步数、最高步数
  • 需要开启微信运动步数授权

打卡

  • 今日打卡时间,记录用户体重、早餐、午餐、晚餐、加餐及运动情况

个性海报

  • 用户可以分享今日打卡信息,也就是日签海报,也可以直接邀请好友,生成系统默认海报。系统根据今日周几数,默认日签7套模板,每日生成不同的海报。邀请好友规则同日签。
  • 日签展示用户个人打卡基础信息等

其他

  • 打赏开发者:可以根据预设金额打赏开发者,对开发者进行打赏。
  • 精选文章推荐:可减肥打卡公众号发布的文章
  • 小程序可以加入部分广告,不影响用户体验

团队组成


整个项目的产品方案、原型、UI设计、开发、测试、上线运营等皆一个人独立完成

技术方案


设计

设计使用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设置、开发设置

数据交互的 Model 层设计

数据层主要采用微软的Entity Framework(以下简称EF)做为ORM框架。使用EF的好处是应用程序可以通过更加以应用程序为中心的概念性模型、不再对特定的数据引擎或存储架构具有硬编码依赖性、可以在不更改应用程序代码的情况下更改概念性模型与特定于存储的架构之间的映射以及语言集成查询支持可为查询提供针对概念性模型的编译时语法验证。

EF架构图如下:

EF架构图 项目结构图如下: 项目结构

请作者喝奶茶


打赏码

About

减肥打卡小程序,减脂、运动、打卡、图表、页面、模板、打赏、分享、海报、报表、我的、个人中心、支付、接口等

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published