mongotemplate.count（Vue+Koa+MongoDB从零打造一个任务管理系统）

大概是在18年的时候    
    
    
，当时还没有疫情  
    
    
    。当时工作中同时负责多个项目   


     


     


    ，有 PC 端运营管理后台的



 




 




 


，有移动端 M 站的   

   

   

，有微信小程序的    

     

     

   ，每天 git 分支切到头昏眼花




  




  




  

，每个需求提测需要发送邮件  


  


  


，而且周五要写烦人的周报     
     
     
  ，我就萌生了做一个任务管理系统的想法

     


     


     


。其实不管是日常需求还是处理线上 bug




   




   




   
，都可以看作一个个大大小小的任务 




 




 




。这些任务有排期
 



 



 



，prd                ，项目分支 




    




    




    ，开发测试人员等关键因素
















，在开发过程中这些都会得到明确               ，从而根据这些信息推导出提测邮件内容  



     



     



     ，进而通过排期时间区间汇总出周报  

   

   

   。

说干就干
















，花了两个周末

     

     

     

。

基本上就是任务的增删改查  




  




  




。

使用的技术栈如下：

# 前端 less vue2 element-ui # 后端 node koa # 数据库 由于当时对 mongodb 不熟悉    
    
    
，又想快速原型   


     


     


    ，选择了直接操作 json 文件的方式?

尽管如此简陋



 




 




 


，但我还是比较满意的   

   

   

，由于这时就我自己在用    

     

     

   ，功能基本够用  


  


  


  。此时的关注点主要在 3 个要素

任务的排期




  




  




  

，汇总周报的依据 任务的状态 未开始  


  


  


，那些已提上日程但未着手开始的任务 开发中     
     
     
  ，进行中的工作 已提测




   




   




   
，这种状态的任务的主要工作是修改 bug 已完成
 



 



 



，发布上线了的任务                ，无需再继续关注 




    




    




    ，汇总周报
















，季报的时候会用到 任务的项目分支               ，在多任务多项目并行时特别有用

我就把它定为 1.0 版本吧

后来  



     



     



     ，我也开始借鉴市面上的任务管理工具
















，比如 tower    
    
    
，trello   


     


     


    ， teambition 等发展成熟的产品
     
     
     
。

经过两年的改进和迭代



 




 




 


，它已经变成了现在的样子
   




   




   




。

支持卡片拖动去改变任务状态

画了一个甘特图去直观的展现任务排期跨度

模仿 github 日历图   

   

   

，排除掉周末节假日    

     

     

   ，直观体现每天的任务并行情况

此时数据库也已经切换到了 mongodb

我就把这时的系统定为 2.0 版本吧

岁月荏苒




  




  




  

，时光如梭 



 



 



 。疫情不断反复  


  


  


，前端的技术也已翻天覆地                。为了与时俱进     
     
     
  ，准备把这个项目用最新的技术重写一下

    




    




    




。

具体计划如下

# 主要是前端 vue vue cli -> vite vue2 -> vue3

最好的学习方式莫过于边学边练完成一个项目














。

我准备接下来围绕这个项目更新一个系列




   




   




   
，期间会涉及到下面这颗树的枝干                 。同时分享一些几年开发生涯的所思所想

     



     



     



。

然鹅并不会对哪个技术做过多的纠缠
 



 



 



，我想做的是引出枝干                ，如果想做到枝繁叶茂硕果累累 




    




    




    ，我想官网是营养最高的地方














。

感兴趣的同学欢迎关注更新  
    
    
    。