个人介绍
hello hello~ ，这里是 code袁~💖💖 ，欢迎大家点赞🥳🥳关注💥💥收藏🌹🌹🌹
🦁
作者简介：一名喜欢分享和记录学习的在校大学生
💥
个人主页：
code袁
文章目录
- 个人介绍
- 专栏导航
- 1、前言介绍
- 2、功能介绍
- 3、功能实现
- 4、开发技术简介
- 5、关键代码
- 6、获取源码
- 🎉写在最后
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 ✨支持一下哦！手动码字，如有错误，欢迎在评论区指正💬~
你的支持就是我更新的最大动力💪~
