基于微信小程序的番茄时钟的设计与实现（课设&毕设）

个人介绍

hello hello~ ，这里是 code袁~💖💖 ，欢迎大家点赞🥳🥳关注💥💥收藏🌹🌹🌹

🦁作者简介：一名喜欢分享和记录学习的在校大学生
💥个人主页：code袁
💥 个人QQ：2647996100
🐯 个人wechat：code8896

专栏导航

code袁系列专栏导航
1.毕业设计与课程设计：本专栏分享一些毕业设计的源码以及项目成果。🥰🥰🥰
2.微信小程序开发：本专栏从基础到入门的一系开发流程，并且分享了自己在开发中遇到的一系列问题。🤹🤹🤹
3.vue开发系列全程线路：本专栏分享自己的vue的学习历程。

非常期待和您一起在这个小小的互联网世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨ 

1、前言介绍

番茄钟，是根据一个瑞典人所写的番茄工作法理论进行开发的一款方便、实用的日程管理软件。指的是把工作任务分解成半小时左右，集中精力工作25分钟后休息5分钟，如此视作种一个“番茄”，而“番茄工作法”的流程能使下一个30分钟更有动力。

2、功能介绍

登录注册（含授权登录）
首页显示任务列表，可以添加任务
点击任务进入计时界面，可以点击计时以及停止
统计显示个人番茄次数及时间统计
个人中心显示我的信息（可编辑，修改头像），番茄记录，番茄排行，番茄设置

后台管理：
用户管理：查看注册用户信息，及删除
任务管理：用户任务查看及删
番茄记录：用户番茄记录列表及删除
管理员管理：后台管理员增删改查

3、功能实现

4、开发技术简介

本节介绍场馆预约平台用到的一些技术和开发环境的简介，用到开发技术主要包括：
（1）前端用到Element UI组件库和Vue框架
（2）后端用到Node
（3）包管理器Npm
（4）中间件Express
（5）数据库MySQL
系统开发环境主要是：前端开发工具Vscode，Hbuilder、操作系统Win10、CPU i5-9300H、内存8G。

5、关键代码

import {formatTime1} from '../../utils/time'

Page({
    data:{
        logs: [],
        activeIndex:0,
        dayList:[],
        list:[],
        staList:[
            {
              title:'番茄次数',
              val:'0'
            },
            {
              title:'专注时长',
              val:'0分钟'
            }
          ],
        allList:[
            {
              title:'番茄次数',
              val:'0'
            },
            {
                title:'专注时长',
                val:'0分钟'
            }
        ]
    },
    onLoad(){
        var logs = wx.getStorageSync('work') || [];
        var day = 0;
        var total = logs.length;
        var dayTime = 0;
        var totalTime = 0;
        var dayList = [];
        if(logs.length > 0){
            for(var i = 0;i < logs.length;i++){
            let a = logs[i].data + ""
            let b = formatTime1(new Date) + ""
                if(a.slice(0,10) == b.slice(0,10)){
                console.log(formatTime1(new Date))
                day = day + 1;
                dayTime = dayTime + parseInt(logs[i].time);
                dayList.push(logs[i]);
                this.setData({
                    dayList:dayList,
                    list:dayList
                })
                }
            totalTime = totalTime + parseInt(logs[i].time);
            }
            this.setData({
                'staList[0].val':day,
                'allList[0].val':total,
                'staList[1].val':dayTime+'分钟',
                'allList[1].val':totalTime+'分钟'
            })
        }
    },
    changeType(e){
        var index = e.currentTarget.dataset.index;
        if(index == 0){
          this.setData({
            list:this.data.dayList
          })
        }else if(index == 1){
          var logs = wx.getStorageSync('work') || [];
          this.setData({
            list:logs
          })
        }
        this.setData({
          activeIndex:index
        })
    }
})

6、获取源码

大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻

🎉写在最后

🍻伙伴们，如果你已经看到了这里，觉得这篇文章有帮助到你的话不妨点赞👍或 Star ✨支持一下哦！手动码字，如有错误，欢迎在评论区指正💬~

你的支持就是我更新的最大动力💪~