layui 如何动态加载局部页面_layui 学习（1）

最新推荐文章于 2021-08-17 15:52:17 发布

weixin_39617685

最新推荐文章于 2021-08-17 15:52:17 发布

阅读量634

点赞数

文章标签： layui 如何动态加载局部页面 layui获取页面跳转参数 struts2 layui文件上传 file为空

本文介绍了layui框架的动态加载模块方法，强调了layui.use()在引入模块时的作用，提到了layui内置的jQuery模块，并指出在使用layer等依赖jQuery的模块时的注意事项。此外，分享了HBuilderX作为前端开发工具的优点，以及推荐学习layui官方文档来快速上手。作者还计划结合后台技术如SSM，通过实践案例进一步学习layui。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自我感觉作为一个后端开发程序猿，不会点前端太傻逼了。但是写原生的html,js,css代码又写得太丑了，之前试过bootstrap，感觉还行，但没有深入尝试，后面看到什么vue之类的，又感觉系统太庞大了。一次偶然机会，让我感觉到layui这个东西的不错，所以准备上手一波。

搞前端有一个开发工具比较好，这里推荐一个HBuilderX，大家可以去官网下载。

DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、mui、wap2app、流应用、快应用开发工具、HTML5

感觉很不错。大家看看菜鸟教程的就可以快速上手了，我这里就不重复了。

HBuilder 使用教程 | 菜鸟教程

hbuilder的自动提示太舒服了。

然后我会在这里记录一些笔记。绝大部分来源于官网的文档，只是把自己觉得很有需要记忆的部分摘抄到这里。

加载所需模块

layui.use([mods], callback)

mods里面必须是一个合法的模块名，不能包含目录。callback即回调函数。如：

layui.use(['laypage', 'layedit'], function(){
  var laypage = layui.laypage
  ,layedit = layui.layedit;
  
  //do something
});

即加载了layui的laypage和layedit模块，然后获取该模块的功能，在后面使用。

大家可以在目录中找到相应的模块。其实就是我们说的模

最低0.47元/天解锁文章

200万优质内容无限畅学