Layui简介、下载、使用配置(超基础)

layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。

Begin:
layui官网: https://www.layui.com/
1.先打开官网
在这里插入图片描述
2.点击下载文档:
得到这样一个压缩包:
在这里插入图片描述
3.解压:
在这里插入图片描述
然后把上面名字是 layui 的文件夹直接拖拽(或者复制粘贴)到你的项目里面
建议在 WebContent文件下建一个文件(例如:resources文件放进去,习惯问题)
在这里插入图片描述
然后就是你新建的JSP代码了
在WebConttent下new一个

然后在你的jsp页面加入以下代码引用:

<!-- 注意,如果你的layui拖进来的方式和我一样就这样写 -->
<link rel="stylesheet" href="resources/layui/css/layui.css" media="all">
<script src="resources/layui/layui.js" charset="utf-8"></script>

这是为了导入Layui库:
注意图中的导入是相对地址(不懂的点这里:)
在这里插入图片描述
然后看官网的样例:点这里
在这里插入图片描述
继续:
在这里插入图片描述
继续:你可以在这里看到效果以及查看源代码:

在这里插入图片描述
注意事项: 最好复制boday内的,注意复制时里面的js代码,注意里面的导入的链接:一般在最开始或者最后。

然后你就可以成功的在本地打开这个框架的样例了。

学layui你得有这些基础:

1

纯粹的简单指导 毕竟我也只是小白:不懂得可以留言 一起学习。
大佬请略过(0鞠躬0)

  • 7
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr小布懂

谢谢那么帅还对我这么好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值