博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
layui--入门(helloWorld)
阅读量:7111 次
发布时间:2019-06-28

本文共 810 字,大约阅读时间需要 2 分钟。

具体可参考官方文档:

由于引入layui 需要用到node.js

安装过程可参考:

layui--入门(helloWorld) 

1.首先官网首页下载 layui 

解压到指定目录(记住目录)

win+r 输入cmd 进入dos窗口 切换到解压目录

输入 

  npm install layui-src

如图:

回车。

执行成功。

 

解压目录下生成node_modules文件和package-lock.json文件。

获得layui之后,我们就进入使用。

点击进入node_modules目录,将layui-src当做项目导入静态服务器(我这里是用的HBuilder工具)

新建helloWorld.html

<!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="src/css/layui.css">
</head>
<body>
<!-- 你的HTML代码 -->
<script src="src/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
});
</script>
</body>
</html>

最后展示:

输入

 

转载于:https://www.cnblogs.com/zjc2018/p/10134444.html

你可能感兴趣的文章
Linux下暴力破解工具Hydra详解
查看>>
Offer是否具有法律效力?
查看>>
Android SQLite系列
查看>>
怎么去掉li标签前面的点??
查看>>
Conjugate prior relationships
查看>>
深入Javascript中apply、call、bind
查看>>
.NET_Framework_version_history
查看>>
Android程序员必备精品资源
查看>>
Oracle SQL函数之转换函数To_char汇总
查看>>
Linux线程属性总结
查看>>
【原创】Kakfa log包源代码分析(二)
查看>>
Javascript 笔记与总结(2-16)事件对象
查看>>
[裴礼文数学分析中的典型问题与方法习题参考解答]4.4.7
查看>>
JAVA存取对象属性时,如果开程多线程,记得对相关存取方法作原子化操作定义...
查看>>
深度学习 vs. 概率图模型 vs. 逻辑学
查看>>
Eclipse中使用javap运行配置详解
查看>>
DHCP租约时间工作原理
查看>>
Qt移动应用开发(六):QML与C++互动
查看>>
svn代码统计工具的金额
查看>>
2015第32周三
查看>>