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

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


















。

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




   




   




   




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

     



     



     



    。

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



 



 



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




    




    




    



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

















。

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