![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端插件
smile radiantly
Smile to life can influence the damp mood, erase unhappy colors。
展开
-
前端插件之 Select2 介绍及使用
官方网站:Select2Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多好用的功能项目地址:select2.org/基本使用需要用到的JS和CSS文件位于项目代码下的dist目录中,需要将这个目录中的对应文件放入你的项目里,这一步不赘述引入CSS/JS文件,由于Select2是基于Jquery的,所以要先引入Jquery,这里我们都直接引入CDN的地址<!-- 加载 Jquery -->转载 2020-07-16 17:50:24 · 2743 阅读 · 0 评论 -
前端插件之 bootstrap-select API 介绍及使用
1.组件开源地址以及API说明bootstrap-selectbootstrap-select Examples2.使用前提引入bootstrap-select,既然是bootstrap-select,组件肯定是依赖bootstrap的,而bootstrap又是依赖jquery的,所以使用组件必须引用如下文件。<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script><link r转载 2020-07-16 16:40:51 · 3664 阅读 · 2 评论 -
JQuery的 iCheck 单选、复选美化插件使用
表单复选框、单选框控件美化插件,主要作用为:渲染并美化当前页面的复选框或单选框响应复选框或单选框的点击事件25 种参数 用来定制复选框(checkbox)和单选按钮(radio button)8 个回调事件 用来监听输入框的状态7个方法 用来通过编程方式控制输入框的状态官网网址:iCheckiCheck GitHubiCheck jquery1.页面引用及iCheck激活页面引入:<!-- iCheck for checkboxs and radio inputs--&原创 2020-07-16 11:33:15 · 759 阅读 · 0 评论 -
jQuery的 highlight.js 代码高亮插件的使用
在网页使用过程中,经常会用到代码的展示。而不同颜色的代码,可以让代码看起来更直观,也更美观。1.官网highlight.jshighlight.js css demohighlight.js API2.下载首先,我们先到官网下载一个highlight的js文件。highlight.js 点击get version按钮进入语言选择,勾选你常用的语言,在使用插件时会自动检测你要展示的代码的语言,并自动让代码高亮。通常common就足够用了。然后点击下面的download按钮,下载,解压,里面会有原创 2020-07-16 10:32:05 · 1242 阅读 · 0 评论 -
Echarts之饼状图Demo
echarts实现饼状图参考案例:echarts官网gallery首页Demo:嵌套环形饼图嵌套环形饼图2蓝色饼图嵌套环形饼图3嵌套环形饼图4Question:饼图文字重叠问题饼图点击事件及百分比显示问题...原创 2019-11-11 19:49:54 · 279 阅读 · 0 评论 -
Echarts之多轴柱状图及折线图结合Demo
前后端无分离,在jsp中导入echarts,制作多轴柱状图及折线图结合。下面有关echarts.js文件都是从echarts官网下载而来,也可以从bootCDN直接引入。bootstrap官网BootCDN官网echarts官网Demo:<!DOCTYPE html><%@ page contentType="text/html;charset=UTF-8" lan...原创 2019-11-11 17:54:09 · 1574 阅读 · 0 评论 -
Echarts之堆叠柱状图Demo
前后端无分离,在jsp中导入echarts,制作堆叠柱状图。下面有关echarts.js文件都是从echarts官网下载而来,也可以从bootCDN直接引入。bootstrap官网BootCDN官网echarts官网Demo:<!DOCTYPE html><%@ page contentType="text/html;charset=UTF-8" language=...原创 2019-11-11 17:44:18 · 1806 阅读 · 1 评论 -
Echarts之折线图Demo
前后端无分离,在jsp中导入echarts,制作折线图。下面有关echarts.js文件都是从echarts官网下载而来,也可以从bootCDN直接引入。bootstrap官网BootCDN官网echarts官网Demo:<!DOCTYPE html><%@ page contentType="text/html;charset=UTF-8" language="j...原创 2019-11-11 17:33:08 · 434 阅读 · 0 评论 -
Echarts之柱状图Demo
前后端无分离,在jsp中导入echarts,制作柱状图。下面有关echarts.js文件都是从echarts官网下载而来,也可以从bootCDN直接引入。echarts官网BootCDN官网Demo:<!DOCTYPE html><%@ page contentType="text/html;charset=UTF-8" language="java" %>&...原创 2019-11-11 17:16:51 · 434 阅读 · 0 评论 -
Echarts图表之formatter用法
转载链接:https://blog.csdn.net/qq_39442804/article/details/78202256一:formatter格式化参数模板1. 字符串模板1.1. 模板变量有 {a}, {b},{c},{d},{e},分别表示系列名,数据名,数据值等。1.2. 在 trigger 为’axis’ 的时候,会有多个系列的数据,此时可以通过{a0}, {a1}, {a2...原创 2019-11-08 17:46:33 · 9672 阅读 · 0 评论 -
datetimepicker库运用
前端开始时间–结束时间:时间段:<input size="24" type="text" id="datetimeStart" readonly class="form_datetime">--<input size="24" type="text" id="datetimeEnd" readonly class="form_datetime"> ...原创 2019-12-28 13:39:42 · 239 阅读 · 0 评论 -
时间插件--daterangepicker使用
1.序言: daterangepicker是Bootstrap的一个时间组件,使用很方便用于选择日期范围的JavaScript组件。 设计用于Bootstrap CSS框架。它最初是为了改善报表而创建的,它可以连接到任何网页元素,弹出两个日历,用于选择日期、时间或从预定义的范围,如“最后30天”。2.需要的js和css:bootstrap.min.cssdaterangepicker.c...转载 2020-01-02 16:38:00 · 398 阅读 · 0 评论 -
DataTables API及服务端处理模式介绍和后端分页案例
一.DataTables概述Datatables是一款jquery表格插件.是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能.支持分页,即时搜索和排序支持数据源: DOM, JavaScript, Ajax 和服务器处理支持不同的主题: DataTables, jqueryUI, Bootstrap, Foundation支持国际化和多样的option选项官方网址:...原创 2020-03-07 18:17:21 · 997 阅读 · 0 评论 -
bootstrap jquery插件 bootstrap treeview Option API介绍
bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件,该jQuery插件基于Twitter Bootstrap, 以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。写这篇文章的目的在于记录下使用方法,以期后用。一.概述插件官网: https://github.com/jonmiles/bootstrap-treeview插件概...转载 2020-03-26 21:22:22 · 483 阅读 · 0 评论