Cropper.js 是一系列用于图像裁剪的 Web 组件，支持多种浏览器和自定义元素。

nodejs连接MySQL所需的驱动程序。

该组件是基于jQuery的文件上传插件，允许您轻松地将多个或单个文件上传功能添加到您的网站。此插件仅使用html5。

jquery-loadmask的使用教程：

引用JS

<script type="text/javascript" src="jquery.loadmask.min.js"></script>

基本用法：

$("#mydiv").mask("Loading..."); 
$(".grids").mask("Loading...", 500);
$("#mydiv").unmask();

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

webui-popover的基本用法：

一、引用CSS、JS

<link rel="stylesheet" href="/path/to/webui-pop/webui-pop.min.css">
<script type="text/javascript" src="/path/to/webui-pop/webui-pop.min.js"></script>

二、指定提示内容

    1）通过JS代码指定

$('#id').webui

select2为提供了一个可定制的选择框，支持搜索、标记、远程数据集、无限滚动和许多其他常用选项。

使用教程见官方文档：https://select2.org/getting-started/installation

lazyload基本用法：

<script src="/path/to/lazyload.js"></script>

<img class="lazyload" data-src="img/example.jpg" width="765" height="574" />
<img class="lazyload" src="img/example-thumb.jpg" data-src="img/example.jpg" width="765" height="574" />

可�

一、引用资源

<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

二、添加容器

<!-- Wrap the image or canvas element with a block element (container) -->
<div><img id="image" src=&

一、引用资源

<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

二、添加容器

<!-- Wrap the image or canvas element with a block element (container) -->
<div><img id="image" src=&

一、引用资源

<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

二、添加容器

<!-- Wrap the image or canvas element with a block element (container) -->
<div><img id="image" src=&

一、引用资源

<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

二、添加容器

<!-- Wrap the image or canvas element with a block element (container) -->
<div><img id="image" src=&

一、引用资源

<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

二、添加容器

<!-- Wrap the image or canvas element with a block element (container) -->
<div><img id="image" src=&

一、引用资源

<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>

二、添加容器

<!-- Wrap the image or canvas element with a block element (container) -->
<div><img id="image" src=&