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实现登录功能,具体使用情况还需要大家自己动手实验使用过才能领会。如果想了解更多相关内容,欢迎关注创新互联行业资讯频道!