背景：樓主做了一個先刪除數據再插入的功能，但是狂點菜單的時候會有重復數據插入進來，設置字段unique之后，再狂點，控制台也會報錯。
為了防止這種問題出現，我采取了制止”狂點“這種行為出現的做法，所以采用了layer的遮罩效果，當遮罩出現的時候菜單不可點擊，嘻嘻，如果大家有好的辦法，歡迎交流，聯系方式在結尾處。
在官網下載最新的layui如下：
├─css //css目錄 │ │─modules //模塊css目錄（一般如果模塊相對較大，我們會單獨提取，比如下面三個：） │ │ ├─laydate │ │ ├─layer │ │ └─layim │ └─layui.css //核心樣式文件 ├─font //字體圖標目錄 ├─images //圖片資源目錄（目前只有layim和編輯器用到的GIF表情） │─lay //模塊核心目錄 │ └─modules //各模塊組件 │─layui.js //基礎核心庫 └─layui.all.js //包含layui.js和所有模塊的合並文件
然后將js和css引入在頁面中，注意路徑，如果沒效果，可以在網頁源代碼中查看是否引入
<link rel="stylesheet" href="static/layui/css/modules/layer/default/layer.css"> <script src="static/layui/lay/modules/layer.js"></script>
實現遮罩的代碼：停留10000毫秒自動消失 && 當遮罩出現的時候，頁面上其他地方點擊不了
<script> top.layer.load(2, {time: 1*10000}); </script>
效果圖如下：
layer庫很強大，可查看官方文檔學習更多樣式和操作
聯系方式：
qq：214899764
一枚java程序猿，歡迎交流