agile_board(Bootstrap)

最新推荐文章于 2022-06-08 13:16:41 发布
最新推荐文章于 2022-06-08 13:16:41 发布
阅读量1k 收藏
点赞数
分类专栏： Bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15267341/article/details/53911437
版权

最后运行的效果如下：
这里写图片描述

agile 英[ˈædʒaɪl] 灵活的; 灵巧的;

这里写图片描述

这里写图片描述

这里写图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>产品页面</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <base target="_blank">
</head>
<body>
<div class="wrapper wrapper-content animated fadeInRight">
    <div>
        <div class="col-sm-4">
            <h3>任务列表</h3>
            <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
            <div class="input-group">
                <input type="text" placeholder="请输入新的任务" class="input input-lg form-control"/>
                <span class="input-group-btn">
                         <button type="button" class="btn btn-lg btn-white"> 添加</button>
                </span>
            </div>
            <ul class="sortable-list  agile-list">
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
            </ul>

        </div>
        <div class="col-sm-4">
            <h3>任务列表</h3>
            <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
            <div class="input-group">
                <input type="text" placeholder="请输入新的任务" class="input input-lg form-control"/>
                <span class="input-group-btn">
                         <button type="button" class="btn btn-lg btn-white"> 添加</button>
                </span>
            </div>
            <ul class="sortable-list  agile-list">
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
            </ul>

        </div>
        <div class="col-sm-4">
            <h3>任务列表</h3>
            <p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
            <div class="input-group">
                <input type="text" placeholder="请输入新的任务" class="input input-lg form-control"/>
                <span class="input-group-btn">
                         <button type="button" class="btn btn-lg btn-white"> 添加</button>
                </span>
            </div>
            <ul class="sortable-list  agile-list">
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
                <li class="success-element">
                    我叫徐海涛，请问你叫什么
                    <div class="agile-detail">
                        <a href="#" class="pull-right btn btn-xs btn-white ">标签</a>
                        2015.09.01
                    </div>
                </li>
            </ul>

        </div>
    </div>
</div>


<script src="js/jquery.min.js"/>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
海涛高软
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
工具系列之Redmine插件与工作效率
天涯兰的博客
09-28 2万+
本文从如何提高团队的工作效率这一角度出发，介绍Redmine 2.3.0版本下若干插件的功能和使用场景，其他版本的Redmine也可做参考。每个工具的介绍通过场景分析、插件说明、使用方式和截图、注意事项等几个部分进行展开说明。
IR_Agile_Scrum_Board:综合研究 - 研究生实习软件工程师任务
06-01
IR_Agile_Scrum_Board 综合研究 - 研究生/实习软件工程师分配 它是用 Java 实现的，Java 使用的是 JDK 1.6。 通过终端运行红外板应用程序的命令 0.Navigation 在终端中找到 IR_Board.zip 解压到当前目录下 解压 ...
agile-list 可变列表（Bootstrap）
海涛高软
01-05 806
备注说明： sortable-list 、 connectList这两个类不是必须 warning-element 单项左边的颜色代码运行的效果如下：FR:海涛高软（QQ技术交流群：386476712）
agile-board:敏捷的板，可以创建任务并相应地标记任务，并在不同状态之间移动任务
04-12
这是使用React构建敏捷板的一种努力。 它具有创建任务，将任务拖放到旅馆不同状态的功能。 您还可以创建新标签，并通过左侧的标签过滤任务。
表格-图片上传 div 拖动排序
cailongbiaoyuli的博客
08-30 974
需求:做一个在对一组图片上传后，返回图片信息，并且可以对图片拖动进行排序，编辑图文信息等。 一、引入必要文件,Jquery UI Jquery Jquery UI：https://www.runoob.com/jqueryui/jqueryui-tutorial.html Jquery 请自行到官网上下载 百度bootstrap bootstrap的核心css文件...
前端实现模糊搜索功能
LiuQjie的博客
06-08 6317
最近在项目中遇到的业务需求，页面创建时把所有数据都加载了，这种情况下，使用后端SQL语句进行模糊，有点浪费时间，决定使用前端的输入框 + 按钮实现对数据的模糊搜索 三、实现代码 四、实现效果...
agile-board-backend:提升技能项目-敏捷板后端
03-10
敏捷板后端 Upskilling项目-用Koa编写的敏捷板的后端服务
[Martin] - Agile Software Development_agile_
10-01
敏捷软件开发（Agile Software Development）是一种以人为核心、迭代、逐步交付的软件开发方法论。这种方法强调灵活性、快速响应变化以及高效的团队协作，旨在在不断变化的需求环境中提供高质量的软件产品。 标题中...
Agile_Game
03-27
"Agile Game"，即敏捷游戏，是一个用C#编程语言实现的项目，旨在通过游戏的形式，让开发者深入理解和实践敏捷开发的理念与技术。本文将详细探讨这一主题，带你走进C#编程与敏捷开发的融合世界。 首先，我们来了解...
2021_agile_tenebrae
03-11
2021_agile_tenebrae Tenebrae Stat Tracker是一款桌面RPG工具，可让DM轻松跟踪玩家的统计信息，任务并快速滚动敌人。 与纸张和铅笔不同，我们的产品将使您更加专注于游戏，而不必关注统计数据。
Head First Agile
11-29
pdf格式，英文文字版，有完整书签，学习Agile开发的入门书箱，适合初学者。
可视化看板方案
08-04
Fanuc；机床看板；有用的界面设计资料；Fanuc 0i/31i/
项目管理-敏捷开发模板.xlsx
04-24
一般公司引进敏捷开发模式都需要一个大的Backlog(敏捷开发面板)，但是如果公司没有这个条件，怎么实现类似敏捷的面板的管理方式呢。 在我的项目中，使用了EXCEL制作了一个电子敏捷开发面板。可以让你很方便的采用敏捷开发模式，而且做到自动化显示。 避免了传统的手工移动任务帖子的痛苦。 做到高效而又直观的展示。
AgileBoard-ToDoList.xlsx
06-17
修改过的敏捷kanban，能根据task list生成看板。额外补充了Feature List列表，不过没有跟kanban关联起来。
react-native-sortable-list：React Native可排序列表组件
02-04
可排序列表视图，用于本机 内容 演示版 安装 npm i react-native-sortable-list --save 例子 API 道具 数据（对象）数据源 订购？ （数组）来自数据的键数组，来自数组的键顺序将用于初始行顺序 风格？ （对象，数组） contentContainerStyle？ （对象，数组）这些样式将应用于内部滚动视图内容容器 innerContainerStyle？ （对象，数组）这些样式将应用于内部滚动视图内容容器，但不包括页眉和页脚 水平的？ （布尔值）为true时，SortableList的子级水平排列成一行，而不是垂直排列成一列。 默认值为false。
agile_grasp:ROS软件包，用于检测点云中的抓握姿势
04-29
**agile_grasp** 是一个基于ROS（Robot Operating System）的软件包，专门设计用于在3D点云数据中检测适合机器人抓取的抓握姿态。这个软件包由Andreas十帕斯开发，版本为1.0.0，并且可能在ROS的官方Wiki页面上有更...
一个看板源码
07-28
提供一个开源看板程序，项目敏捷管理更高效
项目经理在敏捷中的职责
hyp的专栏
01-11 366
摘录于：http://www.infoq.com/cn/articles/project-manager-role   书里的敏捷不谈管理者的角色，而是谈教练/促进者。本文首先解说了各行业通常意义上的项目经理角色，然后试图将其与敏捷中的教练/促进者角色相对应。在这一探讨中，本文也试图拓宽教练/促进者的工作范围。 相关厂商 内容 京沪两地Scrum实战营（上海 1...
agile_modbus
最新发布
07-17
### 回答1： Agile Modbus是一种现代的通信协议，用于实现工业自动化和数据采集系统中设备之间的通信。 Modbus是一种常见的开放式通信协议，用于连接不同设备和控制系统，尤其是在工业环境中。Agile Modbus是在传统Modbus基础上进行了改进和优化，以提高通信性能和灵活性。 Agile Modbus具有以下特点： 1. 高性能：Agile Modbus通过减少通信延迟和提高数据传输速度，提供更高的通信性能。这使得设备能够实时地发送和接收大量的数据，提高了系统的响应速度和效率。 2. 灵活性：Agile Modbus支持多种通信方式，包括串口、以太网和无线通信。这使得设备能够灵活地选择最适合自己的通信方式，以适应不同的工业环境和应用需求。 3. 安全性：Agile Modbus提供了强大的安全机制，包括数据加密和身份验证。这确保了通信过程中的数据安全性，并防止未经授权的访问和攻击。 4. 易于集成：Agile Modbus采用了标准的通信协议和接口，使得设备能够很容易地与其他Modbus兼容的设备和控制系统进行集成。这降低了系统集成的复杂性和成本。 总而言之，Agile Modbus是一种高性能、灵活和安全的通信协议，适用于工业自动化和数据采集系统。它能够提高设备之间的通信效率，实现实时数据传输和远程控制，为工业生产提供更好的支持和保障。 ### 回答2： agile_modbus，简称AM，是一种基于Modbus协议的敏捷开发方法论。敏捷开发是一种迭代、增量的软件开发方式，旨在提高项目的灵活性和反应速度。而Modbus是一种常用的工业通讯协议，用于实现设备之间的数据交换。 agile_modbus结合了敏捷开发和Modbus协议，旨在为工控系统的开发提供更高效、更灵活的解决方案。在传统的工控系统开发中，开发周期长、需求变更困难，无法满足快速迭代的需求。而采用agile_modbus方法论，开发团队可以将项目拆分成多个小而可实现的任务，每个任务即为一个迭代周期。这种方式可以提高反馈速度，及时响应需求变更。 在实践中，agile_modbus通常采用用户故事的方式来描述需求。用户故事是简洁的描述，从用户的角度说明需求，包括角色、功能和期望结果。开发团队将用户故事转化为任务，并为每个任务设置优先级。团队成员在每个迭代周期内，根据优先级选择任务并实现，每个迭代周期结束后进行验收和反馈。通过不断迭代，agile_modbus可以实现快速交付，并适应需求变化。 总结来说，agile_modbus是一种基于Modbus协议的敏捷开发方法论，可以提高工控系统的开发效率和灵活性。通过将项目拆分为多个小任务，结合用户故事和优先级，实现迭代开发和快速交付。这种方法能够有效应对需求变更，提高反应速度，使开发团队更加高效地完成工控系统的开发任务。 ### 回答3： Agile_Modbus是一种基于敏捷开发方法的Modbus通信协议。Modbus是一种在工业领域广泛应用的通信协议，用于连接不同设备之间进行数据交换。Agile_Modbus通过引入敏捷开发方法，提供了更灵活和高效的Modbus通信解决方案。 敏捷开发是一种迭代、增量的开发方法，强调团队合作和快速响应需求变化。它的核心原则是通过不断的迭代开发和持续集成，将产品交付给客户，并根据客户反馈不断改进和优化。Agile_Modbus在Modbus通信协议上采用类似的方法，使得开发人员能够更加灵活地应对客户需求和不断变化的环境。 Agile_Modbus的主要特点包括以下几点。首先，它采用迭代开发方式，每个迭代都会交付一个可用的部分产品，而不是等待整个产品开发完毕。这样可以更早地验证产品功能和性能，及时修正和调整。其次，Agile_Modbus注重团队合作和交流，通过持续集成和快速反馈机制，使得开发人员和用户能够更好地沟通和理解彼此需求。第三，Agile_Modbus强调用户参与和反馈。用户可以在迭代过程中不断验证产品，并及时提出改进意见和需求变更。最后，Agile_Modbus鼓励自组织和自管理的团队，提倡灵活性和适应性，使得开发过程更加高效和可靠。 总的来说，Agile_Modbus通过引入敏捷开发方法，为Modbus通信协议带来了更高的灵活性和效率。它适用于不断变化的工业环境，能够快速响应和适应不同的客户需求。通过提供持续集成和快速反馈机制，Agile_Modbus能够在开发过程中及时修正和优化产品，提高软件质量和用户满意度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值