layui如何实现登录功能

layui如何实现登录功能？相信很多新手小白还没学会这个技能，通过这篇文章的总结，希望你能学会学会这个技能。以下资料是实现的步骤。一、layui框架的文件结构如下：

创新互联专注于莒南企业网站建设,响应式网站设计,商城系统网站开发。莒南网站建设公司,为莒南等地区提供建站服务。全流程按需网站策划，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

内置方法config的使用

可以在使用模块之前，全局化配置一些参数，如下：

layui.config(
{
    dir : '/res/layui/' //layui.js 所在路径（注意，如果是script单独引入layui.js，无需设定该参数。），一般情况下可以无视
,
    version : false //一般用于更新模块缓存，默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值，如：201610
,
    debug : false //用于开启调试模式，默认false，如果设为true，则JS模块的节点会保留在页面
,
    base : '' //设定扩展的Layui模块的所在目录，一般用于外部模块扩展
}
);
//这里我主要来理解下base参数，当我自定义了一个模块，如user.js，放在/static/js/目录下，即不是layui里有的，那么我可以通过如下方法使用自定义模块里的方法：
layui.config(
{
    base : "/static/js/"
}
).use(['user'], function ()
{
    var user = layui.user;
    user.findUsrByUserName(username);
}
);
]

登录页面的实现

（1）登陆，我主要用了layui的轮播和提交功能，语言太惨白i，直接贴代码：

  
  
  
  
  


  

    

      


      


      


      


      

    

    

      
登录

      

        

          
        

        

          
        
登陆系统
      
    
  

![输入图片说明](https://static.oschina.net/uploads/img/201709/03092118_VUPK.png "在这里输入图片标题")

 < script type = "text/javascript" >
    //
<  / script >

上文描述的就是layui实现登录功能，具体使用情况还需要大家自己动手实验使用过才能领会。如果想了解更多相关内容，欢迎关注创新互联行业资讯频道！