微信跑步小程序

这个小程序的代码托管在码云平台上,详细代码可以点击以下连接:
https://gitee.com/drson/WeChatAPP
这个小程序只是完成了一小部分的功能,还有很多bug,很多功能
有待完成。下面介绍一下大概的目录结构和现有的功能:

主目录结构:

微信跑步小程序_第1张图片
image.png
  • 1.image:图片文件夹
  • 2.pages:放置小程序页面
  • 3.utils:工具类文件夹
  • 4.app.js:小程序逻辑文件,主要用于注册小程序全局实例
  • 5.app.json:小程序公共设置,配置小程序全局设置
  • 6.project.config.json:项目配置文件

页面目录:

微信跑步小程序_第2张图片
主目录结构

微信跑步小程序_第3张图片
history页面

home页面

微信跑步小程序_第4张图片
run页面

微信跑步小程序_第5张图片
sport页面

主要有四个页面

  • 1.history页面:用于显示历史记录信息
  • 2.home页面:为主页面,主要有登录注册功能


    微信跑步小程序_第6张图片
    首页
  • 3.run页面:有历史跑步统计直方图,有用户头像,可以设置
    跑步时的条件,如跑步距离,跑步时长等。


    微信跑步小程序_第7张图片
    run页面
  • 4.sport页面:为跑步时的页面,有地图功能,记录跑步轨迹,距离,
    时间等,


    微信跑步小程序_第8张图片
    sport页面

工具目录

工具目录

主要有两个工具库:

  • 1.chart.js:用于绘制直方图
  • 2.evnets.js:用于编写事件功能

你可能感兴趣的:(微信跑步小程序)