Layui-1-第一个Layui项目

最新推荐文章于 2024-06-04 17:34:22 发布

代码浪人

最新推荐文章于 2024-06-04 17:34:22 发布

阅读量327

点赞数 1

分类专栏：技巧文章标签： Layui

版权归博客所有，仅供学习！

本文链接：https://blog.csdn.net/huiguo_/article/details/109614291

版权

技巧专栏收录该内容

30 篇文章 1 订阅

订阅专栏

Layui第一次学习

1.首先去官网下载压缩包
2.导入配置
- 2.1如果是web项目正常解压放在web-content的目录下
- 2.2在页面进行关联

1.首先去官网下载压缩包

https://www.layui.com/
在这里插入图片描述
博主下载的包

链接: https://pan.baidu.com/s/1nSYH-FyhH2mnZFO8Vxbw-w 提取码: u4sm 复制这段内容后打开百度网盘手机App，操作更方便哦

2.导入配置

2.1如果是web项目正常解压放在web-content的目录下

在这里插入图片描述

2.2在页面进行关联

<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
  <!-- 这里采用模块化引入 -->
  <link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
  <!-- 非模块化引入就是把所有的都拿进来，模块化引入是用什么，拿什么 -->

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用layui</title>
  <!-- 这里采用模块化引入 -->
  <link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
  <!-- 非模块化引入就是把所有的都拿进来，模块化引入是用什么，拿什么 -->
</head>
<body>
 
<!-- 你的HTML代码 -->
 
<script src="layui-v2.5.6/layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
//中括号是引用类型:其中layer是引用模块，form是表单
layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
  
  layer.msg('Hello World');
});
</script> 

</body>
</html>

在这里插入图片描述

代码浪人

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
2
评论
Layui-1-第一个Layui项目

Layui第一次学习1.首先去官网下载压缩包2.导入配置2.1如果是web项目正常解压放在web-content的目录下2.2在页面进行关联1.首先去官网下载压缩包https://www.layui.com/2.导入配置2.1如果是web项目正常解压放在web-content的目录下2.2在页面进行关联<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css"> 
复制链接

扫一扫