layui--入门(helloWorld)

摘要:
将layuisrc作为项目导入静态服务器(我在这里使用HBuilder工具),以创建新的helloWorld.html<元字符集=“utf-8”>Metaname=“viewport”content=“width=设备宽度;开始使用layui<//t.zoukankan.com/src/css/layui.css”>&lt!

具体可参考官方文档:https://www.layui.com/doc/

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

安装过程可参考:

https://www.cnblogs.com/liuchenxing/p/8036384.html

layui--入门(helloWorld) 

1.首先官网首页下载 layui  https://www.layui.com/

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

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

输入 

  npm install layui-src

如图:

layui--入门(helloWorld)第1张

回车。

layui--入门(helloWorld)第2张

执行成功。

 layui--入门(helloWorld)第3张

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

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

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

layui--入门(helloWorld)第4张

新建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="http://t.zoukankan.com/src/css/layui.css">
</head>
<body>

<!-- 你的HTML代码 -->

<script src="http://t.zoukankan.com/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>

最后展示:

输入layui--入门(helloWorld)第5张

免责声明:文章转载自《layui--入门(helloWorld)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇华为鲲鹏服务器安装 k3s+rancherLinux Shell常用技巧(十二)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

php redis 基础操作 Thinkphp 直接套用

/*1.Connection*/ $redis = new Redis(); $redis->connect('127.0.0.1',6379,1);//短链接,本地host,端口为6379,超过1秒放弃链接 $redis->open('127.0.0.1',6379,1);//短链接(同上) $redis->pconnect('...

jsp中超链接路径的写法

主题   超链接不就是一个地址字符串吗?这能有什么花头? LZSB! 曾经我也是这么想的....   最近对apache的学习让我对网页中超链接,CSS,js的路径的写法有了一些新的认识.   所以这篇文章主要分享一下我的一些想法与发现.. 相对路径   最早以前我用的就是相对路径,刚开始感觉用起来很爽...很简单...比如当前路径是localhost:8...

Android手机里的垃圾文件和文件夹清理

SD卡中各个文件夹功能的最详尽分析SD卡用久了会有好多文件夹出现,大家看看都是干什么用~1、.android_secure  是官方app2sd的产物,删了之后装到sd卡中的软件就无法使用了。2、.Bluetooth  顾名思义,用蓝牙之后就会有这个。3、.mobo  顾名思义,Moboplayer的缓存文件。4、.QQ   顾名思义,QQ的缓存文件。5、...

C# 获取当前程序路径方法整理

1. //获取包含清单的已加载文件的路径或 UNC 位置。 public static string sApplicationPath = Assembly.GetExecutingAssembly ( ).Location; //result: X:xxxxxxxxx.dll (.dll文件所在的目录+.dll文件名) 2. //获取当前进程的完整路径...

JAVA读取yml配置文件指定key下的所有内容

先引入需要的依赖 <!--读取yml文件--> <dependency> <groupId>org.yaml</groupId> <artifactId>snakeyaml</artifactId>...

如何防止同一同时用户多次登录

http://www.cnblogs.com/guojin705/archive/2008/01/26/1054199.html 这里指的单点,泛指在WEB服务端,一个账户同一时刻只能存在一个票据!大家开发中可能都碰到的一个问题,怎么使同一个用户,在同一时间内只允许登录一次。很多人都会想到在数据库中用一个标识字段,登录进去置1,退出置0,登录时判断这个字段...