首页IT科技mongotemplate.count(Vue+Koa+MongoDB从零打造一个任务管理系统)

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

时间2025-04-29 13:52:27分类IT科技浏览3431
导读:大概是在18年的时候,当时还没有疫情。当时工作中同时负责多个项目,有 PC 端运营管理后台的,有移动端 M 站的,有微信小程序的,每天 git 分支切到头昏眼花,每个需求提测需要发送...

大概是在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

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

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

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

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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
seo主要工作(解密SEO:探究其主要工作内容) vue获取本地文件生成流(vue获取文件流(视频流、音频流、图片流)数据并将其回显展示)