Vue+Koa+MongoDB從零打造一個任務管理系統

来源:https://www.cnblogs.com/iovec/archive/2022/08/17/16596186.html
-Advertisement-
Play Games

大概是在18年的時候，當時還沒有疫情。當時工作中同時負責多個項目，有 PC 端運營管理後臺的，有移動端 M 站的，有微信小程式的，每天 git 分支切到頭昏眼花，每個需求提測需要發送郵件，而且周五要寫煩人的周報，我就萌生了做一個任務管理系統的想法。其實不管是日常需求還是處理線上 bug，都可以看作一 ...


大概是在18年的時候，當時還沒有疫情。當時工作中同時負責多個項目，有 PC 端運營管理後臺的，有移動端 M 站的，有微信小程式的，每天 git 分支切到頭昏眼花，每個需求提測需要發送郵件，而且周五要寫煩人的周報，我就萌生了做一個任務管理系統的想法。其實不管是日常需求還是處理線上 bug，都可以看作一個個大大小小的任務。這些任務有排期，prd，項目分支，開發測試人員等關鍵因素，在開發過程中這些都會得到明確，從而根據這些信息推導出提測郵件內容，進而通過排期時間區間彙總出周報。

說乾就乾，花了兩個周末。

基本上就是任務的增刪改查。

使用的技術棧如下：

# 前端
less
vue2
element-ui

# 後端
node
koa

# 資料庫
由於當時對 mongodb 不熟悉，又想快速原型，選擇了直接操作 json 文件的方式
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 052_末晨曦Vue技術_處理邊界情況之程式化的事件偵聽器
    程式化的事件偵聽器 點擊打開視頻講解更詳細 現在，你已經知道了 $emit 的用法，它可以被 v-on 偵聽，但是 Vue 實例同時在其事件介面中提供了其它的方法。我們可以： 通過 $on(eventName, eventHandler) 偵聽一個事件 通過 $once(eventName, eve ...
  • 使用VitePress搭建及部署vue組件庫文檔
    每個組件庫都有它們自己的文檔。所以當我們開發完成我們自己的組件庫必須也需要一個組件庫文檔。如果你還不瞭解如何搭建自己的組件庫可以看這裡->從零搭建Vue3組件庫。看完這篇文章你就會發現原來搭建和部署一個組件庫文檔是那麼的簡單。當然部署也不需要你有自己的伺服器，你只要有github即可。由於我們的組件 ...
  • 前端學習筆記（一）——HTML表格（table、tr、td、th、thead、tbody、tfoot標簽）
    大學的時候學過web前端的課，但是主要是講大框架，對於具體的一些概念沒有講那麼細。最後交大作業項目就是用到啥了現場百度啥。 現在工作了，雖然也寫了一些頁面，接觸了echarts，axios，也用過vue+elementui等等，但是發現很多前端的概念我並不懂，還是一知半解的狀態。再加上最近是有考慮這 ...
  • 051_末晨曦Vue技術_處理邊界情況之provide和inject依賴註入
    provide和inject依賴註入 點擊打開視頻講解更詳細 在此之前，在我們描述訪問父級組件實例的時候，展示過一個類似這樣的例子： <google-map> <google-map-region v-bind:shape="cityBoundaries"> <google-map-markers ...
  • 認識Vue擴展插件
    在 Vue 開發中，實現一個功能有很多種方式可以選擇，這依賴於 Vue 強大的功能（指令、混合、過濾、插件等），本文介紹一下插件的開發使用。 ...
  • 什麼是跨域？及7種跨域解決方法
    一、為什麼會出現跨域問題 點擊打開視頻講解更詳細 出於瀏覽器的同源策略限制。同源策略（Sameoriginpolicy）是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽器的正常功能可能都會受到影響。可以說Web是構建在同源策略基礎之上的，瀏覽器只是針對同源策略的一種實現。同 ...
  • 時間格式的轉換---全
    1.日期轉時間戳 this.timeChou('2022-10-20') // 輸入日期返回時間戳 1666224000000 timeChou(time) { const timeData = new Date(time).getTime() return timeData } 2.時間戳轉日期 ...
  • VUE3.0+Antdv+Asp.net WebApi開發學生信息管理系統（三）
    在B/S系統開發中，前後端分離開發設計已成為一種標準，而VUE作為前端三大主流框架之一，越來越受到大家的青睞，Antdv是Antd在Vue中的實現。本系列文章主要通過Antdv和Asp.net WebApi開發學生信息管理系統，簡述前後端分離開發的主要相關內容，僅供學習分享使用，如有不足之處，還請指... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類