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

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

我准备接下来围绕这个项目更新一个系列，期间会涉及到下面这颗树的枝干。同时分享一些几年开发生涯的所思所想。

然鹅并不会对哪个技术做过多的纠缠，我想做的是引出枝干，如果想做到枝繁叶茂硕果累累，我想官网是营养最高的地方。

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