Layui-1-第一个Layui项目-CFANZ编程社区

Layui-1-第一个Layui项目

Layui第一次学习

1.首先去官网下载压缩包
2.导入配置

2.1如果是web项目正常解压放在web-content的目录下
2.2在页面进行关联

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

https://www.layui.com/

Layui-1-第一个Layui项目_Layui

博主下载的包

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

2.导入配置

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

Layui-1-第一个Layui项目_模块化_02

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>

Layui-1-第一个Layui项目_模块化_03

0 条评论