当前位置：网站首页 > 技术教程 > 正文

超棒 Vue 拖拽看板待办事项管理Vue-TodoList

suiw9 2024-12-01 03:59 24 浏览 0 评论

今天给大家分享一个超给力的Vue待办事项任务管理VueTodoList。

todo-list 基于vue构建的待办事项任务看板。实现基本功能组件、数据动态化处理、待办事项分组、多人协同处理等功能。

大家对这种协同办公待办事项看板应该并不陌生。最基本的有Doing、Todo、Done等功能。

比如在项目进度管理、bug处理、运营反馈等场景可能用的比较多。

技术栈

状态持久化管理：Vue+Vuex+localStorage
拖拽插件：vuedraggable: ^2.21.0
搭建服务端数据管理：Node+axios+Express+Mysql
协同任务处理：Socket.io

快速安装

# 克隆项目
git clone https://github.com/javanf/todo-list.git

# 进入目录
cd todo-list

# 安装依赖
npm install

# 本地开发
npm run dev

大家可以先倒腾一些简单的，然后再拓展一些复杂的功能，如下面这种Teambition、WorkTile看板。

拖拽功能使用的是Vue.Draggable组件，star高达13.3K+。

https://github.com/SortableJS/Vue.Draggable

大家也可以发挥自己的想象力做出一些有趣的功能，比如下面这个衣橱收藏。

# 仓库地址
https://github.com/javanf/todo-list

ok，就分享到这里。大家如果有兴趣可以去看下哈~ 欢迎一起交流讨论！

javascript list

上一篇：腾讯QQ邮件列表QQ list和免费获取网站访客QQ
下一篇：Python基础数据类型「list、tuple、dict」

相关推荐

10款超实用JavaScript音频库（js播放音频代码）: HTML5提供了一种新的音频标签实现和规范用一个简单的HTML对象而无需音频插件来控制音频。这只是一个简单的整合这些新的HTML5音频特征及使用JavaScript来创建各种播放控制。下面将介绍10款...

Howler.js，一款神奇的 JavaScript 开源网络音频工具库: o...

PROFINET转Modbus网关——工业协议融合的智能枢纽: 三格电子SG-PNh750-MOD-221，无缝连接Profinet与Modbus，赋能工业物联产品概述...

简单实用的Modbus类库，支持从站和DTU: 一、简介...

[西门子PLC] S7-200 SMART PROFINET :通过GSD组态PLC设备: 从S7-200SMARTV2.5版本开始，S7-200SMART开始支持做PROFINETIO通信的智能设备。从而，两个S7-200SMART之间可以进行PROFINETI...

Modbus(RTU / TCP)有什么异同（modbus tcp和tcp）: Modbus是一种广泛使用的工业自动化通信协议，它支持设备之间的数据交换。Modbus协议有两个主要的变体：ModbusRTU（二进制模式）和ModbusTCP（基于TCP/IP网络的模式）。尽管...

Modbus通信调试步骤详解（modbus调试工具怎么用）: Modbus通信调试步骤详解　　Modbus通信分为串口和以太网，无论是串口还是以太网，只要是标准Modbus，就可以用Modbus模拟器进行调试。按以下几步进行调试。...

理解Intel手册汇编指令（intel 汇编指令手册）: 指令格式...

「西门子PLC」S7-200 SMART的Modbus RTU通讯: S7-200SMART集成的RS485端口(端口0)以及SBCM01RS485/232信号板(端口1)两个通信端口可以同时做MODBUSRTU主站，或者一个做MODBUSRTU主站一个做MO...

InfiniBand网络运维全指南:从驱动安装到故障排查: 一、InfiniBand网络概述InfiniBand（直译为“无限带宽”技术，缩写为IB）是一种用于高性能计算的计算机网络通信标准，具有极高的吞吐量和极低的延迟，用于计算机与计算机之间的数据互连。它...

一加回归 OPPO，背后的秘密不可告人: 有这样一个手机品牌，它诞生于互联网品牌。在大众群体看来，它的身世似乎模糊不清，许多人以为它是国外品牌。它的产品定位是极客群体，深受国内发烧友，甚至国外极客玩家喜爱。...

[西门子PLC] S7-200SMART快速高效的完成Modbus通信程序的设计: 一、导读Modbus通信是一种被广泛应用的通信协议，在变频器、智能仪表还有其他一些智能设备上都能见到它的身影。本文呢，就把S7-200SMART系列PLC当作Modbus主站，把...

狂肝10个月手搓GPU，他们在我的世界中玩起我的世界，梦想成真: 梦晨衡宇萧箫发自凹非寺量子位|公众号QbitAI自从有人在《我的世界》里用红石电路造出CPU，就流传着一个梗：...

[西门子PLC] 博途TIA portal SCL编程基础入门:1-点动与自锁: 一、S7-SCL编程语言简介...

工作原理系列之:Modbus（modbus工作过程）: MODBUS是一种在自动化工业中广泛应用的高速串行通信协议。该协议是由Modion公司(现在由施耐德电气公司获得)于1979年为自己的可编程逻辑控制器开发的。该协议充当了PLCS和智能自动化设备之间的...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部