gentelella 开源后台使用记录

前言

gentelella是一款开源后台，github地址是：https://github.com/ColorlibHQ/gentelella

使用

表单验证

parsley 验证

在form.html中有相关例子，只需要3个步骤

1、引入parsley.js

<script src="../vendors/parsleyjs/dist/parsley.min.js">script>

2、在from 表单中加入 data-parsley-validate

3、在需要验证的input加上  required="required"

                    

                    

                        

                          Recipient:
                          
                        
                        

                          Message:
                          
                        
                    
                    
                    

                      Close
                      Send message
                    
                  

提示弹框

PNotify

官网：http://sciactive.com/pnotify/

样式还是很漂亮的，正面是简单的使用，单纯一个页面的展示。

    
    
    
    
    

    
    
    
    
    
    

    
    

    



    

        Test Notice
        Test Info
        Test Success
        Test
            Danger
        Test Danger3
        Test Danger2
    

上传文件

官网：https://www.dropzonejs.com

中文网：http://wxb.github.io/dropzonejs.com.zh-CN/dropzonezh-CN/

参考 ：

https://www.cnblogs.com/fu-yong/p/9053515.html

https://www.jianshu.com/p/eaf870f7c88e 

https://blog.csdn.net/whosheng/article/details/84709967

https://blog.csdn.net/qq_24266485/article/details/79132425

https://blog.csdn.net/qq_36838191/article/details/80707602

开关效果

switchery

最简单的使用效果

var elem = document.querySelector('.js-switch');
var init = new Switchery(elem, { size: 'small' });
// 开关点击效果
elem.onchange = function() {
  alert(elem.checked);
};