Layui是一个优秀的前端ui框架，也是后端程序员的福音。总之，如果你是一个后端开发人员，如果你苦于糟糕的界面，选择layui进行开发是一个极好的选择。

以前的项目都使用过layui，但是没有太关注它的框架本身。对于项目，就拿着用着吧！

为什么要定制模块？有很多好处，比如能够重用大量代码.

我也是一个极其懒惰的人，总是试图让代码可重用

根据layui的官方文档描述，第一步是确定要扩展的模块名称

我现在做的是登录功能，所以我的扩展模块叫做登录

使用layui.define()方法扩展模块。当然，您也可以在模块中使用其他的layui方法，如下所示

layui.define('layer '，回调)；在定义扩展模块时，我需要使用layui的层模块，然后在回调函数中定义我自己的方法

layui.define(['layer '，' jquery']，function(exports){ var obj={ log in : function(URL，data，$，targetUrl) { $)。post(url，{code:data.code}，function(RES){ if(RES . coderes . code==400){ layer . msg(RES . msg，{icon:1}，function(){ window . location . href=TargetURl；});}else{ layer.msg(res.msg，{icon:1}，function(){ window . location . href=TargetURl；});} });} }导出(' login '，obj)；});在上面的代码中定义了一个登录模块，这样在我登录的时候，不用写过多的代码就可以登录，让页面看起来更加清爽[没有任何杂质]

那么，模块定义好之后，如何使用呢？

脚本类型=' text/JavaScript ' layui . config({ base : '/static/admin/js/module/'//存储模块的目录})。使用(['jquery '，' element '，' form '，' login']，function () { var $=layui.jquery，form=layui.form，element=layui.element，log in=layui . log in；form . on(‘sub sub(sub BTN)’，function(data){//获取form var field=data.field的值；log in . log in(' { : URL(' log in/DoLogin ')} '，field，$，' { : URL(' Index/Index ')} ')；返回false});});/脚本嗯，就是这样。登录的时候，直接传参数就可以了。在上面的代码中，url部分是由TP方法生成的，所以这里不要研究太多[如果你写前端的话]。

嗯，这样就定义了整个模块！显示的效果如下

以上对基于Layui的定制模块使用方法的详细说明，是边肖分享的全部内容，希望能给大家一个参考和支持。