工欲善其事,必先利其器 对于很多非专业前端开发来说写页面是非常痛苦的,借助框架或插件往往能够达到事半功倍的效果,本系列文章会介绍我在运维系统开发过程中用到的那些顺手的前端插件,如果你是想写XX管理系统的学生.或是需要独自做Dashboard的后端工程师.亦或是像我这样半吊子的开发加运维,那么这个系列的文章你一定不要错过 Bootstrap Dual Listbox是一款基于Bootstrap的双向select选择框控件,作为对multiple select的扩展,使用起来非常简单,功能也更强大…

http://www.cnblogs.com/hangwei/p/5040866.html       -->jquery 双向select控件bootstrap Dual listboxhttp://www.virtuosoft.eu/code/bootstrap-duallistbox/      -->官方网站Bootstrap Dual Listboxhttps://github.com/istvan-ujjmeszaros/bootstrap-duallistbox -->gi…

效果预览: 一. 下载插件 github地址:https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox 也可以在这个网站中下载:http://www.virtuosoft.eu/code/bootstrap-duallistbox/(排版很好,推荐做为API参考地址) 二. 使用 引用css和js文件: <link href="scripts/bootstrap-3.3.5-dist/css/bootstrap.min.css&…

简介 Bootstrap Switch是一款轻量级插件,可以给选择框设置类似于开关的样式 它是依赖于Bootstrap的一款插件 下载 下载地址 在线引用 导入 因为它是依赖于Bootstrap的一款插件,所以,在引入之前要先引入Bootstrap样式 <link rel="stylesheet" type="text/css" href="/static/plugin/bootstrap/css/bootstrap.min.css">…

工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了bootstrap-duallistbox这个插件的使用,这一篇开始Select2的征服之旅 Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示.列表检索.远程获取数据等众多好用的功能 项目地址:https://select2.org/ 基本使用 需要用到的JS和CSS文件位于项目代码下的dist目录中,需要将这个目录中的对应文件放入…

工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,前边两篇分别介绍了Duallistbox插件和Select2插件的使用,这一篇开始Databases的征服之旅 Databases是一款基于JQuery的表格插件,主要用来优化table,支持表格分页.搜索.排序.显示条数.异步加载等众多好用的功能 项目地址:https://datatables.net/ 基本使用 需要用到的JS和CSS文件位于项目代码下的media目录中,需要将这个目录中的对应文件放入你的项…

工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了Datatables插件的基本使用,这一篇文章作为上一篇的延续,会介绍Databases的一些高级用法,例如从不同的数据源获取数据.修改数据最终呈现方式.操作Dom改变页面功能.开启服务端数据处理等 数据加载 上篇文章中的所有数据都是直接渲染的html中的table数据,datatables还支持其他几种数据源,以方便实现更灵活的控制 从数组中获取 <table id="myTable-x…

19:29 2016/3/10CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:项目主路径:F:\wamp\www\graduationProject子项目需要使用bootstrap框架和uploadify上传插件,但是后期可能会有其他子项目也会用到这两个资源,所以吧两个资源放到了上面的主目录下,然后注意包含路径和修改上传插件的相关路径配置和包含路径! 包含文件,(注意:CI控制器需要把路径加载到对应视图:) <link rel="…

一,Bootstrap简介 在前端世界,有个叫Bootstrap的家伙,,是twitter 开源出来的一套前端框架,利用Ta可以快速开发网站界面,它的特点就是比自己从头写简单,直观,方便,快捷,省劲. 凡是使用过Bootstrap的开发者,都不在乎做这么两件事情:复制and粘贴.哈哈~,是的使用Bootstrap非常简单,但是在复制粘贴之前,需要先对Bootstrap的用法一一熟悉之后我们才开始干活! Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap是基于H…

分享一个 @user 前端插件   开源地址:https://github.com/yuezhongxin/Mention.js 插件效果:类似于微博或 github 中 @user 列表效果. 这是个二次开发的插件,花了几天时间,对 Mention.js(作者 jakiestfu) 进行了一些改进,主要是下面几个方面: 增加 search 自定义:可以根据输入的 @user-key,进行后台动态查询. 增加 textarea 跟踪焦点:效果是用户列表跟踪在 textarea 输入焦点,而不是在…