layui java_Layui简介以及基本使用

最近讲下layui,一个很不错的前端UI框架,个人认为界面比Bootstrap好看,而且功能丰富,算是比较不错的国产UI框架;

虽然最近推出的layuiAdmin是收费的,也是能理解,毕竟团队要继续升级和维护产品,要money;

后续Java1234的一些项目将用到layui进行企业级开发使用教学,会总结一些开发经验。后台管理不使用收费的layuiAdmin,而且使用免费的layui组件进行自己构建;

本课程长期更新,主要是介绍layui的常用组件,以及集合java后台交互的应用,比如常见的分页表格;

学习的话 主要结合一下几个,

我们先搞个HelloWorld,认识下基本使用;

新建一个动态web项目,把下载下来的layui开发包解压,然后把layui文件夹放入webcontent下,然后新建一个helloWorld.html;

fbdc5ce11ff431ec1e097da76b819841.png

html>

layui-helloWorld

//一般直接写在一个js文件中

layui.use(['layer', 'form'], function(){

var layer = layui.layer

,form = layui.form;

layer.msg('Hello World');

});

需要引入layui的css和js。

运行效果:

15f1339f2fa4637e5325ecffa63be804.png

界面会显示一个HelloWorld消息提示层;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值