# 简介

框架中集成了一些常用的一些插件，一部分插件为全局引入。全局引入的js被打包为/static/vendors/global/vendors.bundle.js和 /static/vendors/global/vendors.bundle.css并提供min版本，如spring.profiles.active: prod将自动引入min版本资源

# 全局引入

名称	官网	说明
bootstrap	UI框架	http://getbootstrap.com/
jquery	JavaScript 工具库	https://jquery.com/
popper.js	Tooltip 提示类	https://popper.js.org/popper-documentation.html
tooltip.js	Tooltip 提示类	https://popper.js.org/tooltip-examples.html
tether	Tooltip 提示类	http://tether.io/
js-cookie	cookie 工具	https://github.com/js-cookie/js-cookie
moment	日期工具	https://momentjs.com/
perfect-scrollbar	滚动条插件	http://utatti.github.io/perfect-scrollbar/
jquery-md5	加密	https://github.com/placemarker/jQuery-MD5
jquery-jsonview	格式化json	https://github.com/yesmeck/jquery-jsonview
sticky-js	粘性元素	https://rgalus.github.io/sticky-js/
wnumb	数字格式化	https://refreshless.com/wnumb/
jquery-form	jQuery表单插件	http://malsup.com/jquery/form/
block-ui	blockUI	http://malsup.com/jquery/block/
bootstrap-datetime-picker	日期	http://www.malot.fr/bootstrap-datetimepicker/
bootstrap-maxlength	用户输入最大长度提示	http://mimo84.github.io/bootstrap-maxlength/
bootstrap-select	select 下拉	http://silviomoreto.github.io/bootstrap-select/
select2	select 下拉	https://select2.github.io/
autosize	textarea自动高度	http://www.jacklmoore.com/autosize
clipboard	网页内容复制	https://clipboardjs.com/
jquery-validation	表单验证	https://jqueryvalidation.org/
animate.css	动画	https://daneden.github.io/animate.css/
toastr	通知插件	https://github.com/CodeSeven/toastr
sweetalert2	弹出框	https://limonte.github.io/sweetalert2/
counterup	数字累加动画	http://bfintal.github.io/Counter-Up/demo/demo.html
dompurify	XSS过滤	https://github.com/cure53/DOMPurify
line-awesome	矢量图标	https://github.com/cure53/DOMPurify
flaticon	矢量图标	https://github.com/cure53/DOMPurify

# 手动引入

名称	官网	说明
jquery-ui	jquery-ui	https://jqueryui.com
fullcalendar	日历	https://fullcalendar.io
jstree	树	http://jstree.com/
bootstrap-notify	提醒	http://bootstrap-notify.remabledesigns.com/
jquery-repeater	分组操作	https://github.com/DubFriend/jquery.repeater
typeahead	input模糊查询	https://twitter.github.io/typeahead.js/
input-mask	input输入内容格式限制插件	http://robinherbots.github.io/Inputmask/
owl.carousel	幻灯片/轮播图	https://owlcarousel2.github.io/OwlCarousel2/
no-ui-slider	滑动条	https://refreshless.com/nouislider/
ion-range-slider	滑动条	http://ionden.com/a/plugins/ion.rangeSlider/en.html
dropzone	文件上传	http://www.dropzonejs.com/
summernote	富文本编辑器	http://summernote.org
jquery.gridly	拖动	http://ksylvest.github.io/jquery-gridly/
jquery-flot	图表	http://www.flotcharts.org
morris	图表	http://morrisjs.github.io/morris.js/
chart	图表	http://www.chartjs.org
bootstrap-timepicker	时间	https://github.com/jdewit/bootstrap-timepicker
bootstrap-daterangepicker	日期范围	http://www.daterangepicker.com/
bootstrap-touchspin	input递增/递减按钮	https://www.virtuosoft.eu/code/bootstrap-touchspin/
bootstrap-makrdown	markdown	http://www.codingdrama.com/bootstrap-markdown/
cropper	图片截取	http://fengyuanchen.github.io/cropper/
pwstrength-bootstrap	密码强度	https://github.com/ablanco/jquery.pwstrength.bootstrap
jquery-contextmenu	右键菜单	https://swisnl.github.io/jQuery-contextMenu/

手动引入插件需要手动将插件引入页面后使用，可以使用以下引用方式中的一种

• 在页面顶部@layout("/common/container.html", {"title" : "标题", plugin: "名称"}){}
• ${plugins("名称", "css")} ${plugins("名称", "js")}
• @include("/common/plugins/css/名称.html"){} @include("/common/plugins/js/名称.html"){}
• 直接引入 /easy-frame/easy-app/src/main/webapp/static/vendors/custom/名称/ 目录下的js&css