一、什么是layui

layui 是一款开源的前端UI框架,可以极大的提高程序开发效率。
layui官网链接

二、使用之前的相关配置和处理

1.下载安装包(可以直接从官网下载新版本):

2.将解压后的layui文件夹放在项目的webapp目录下:

3.删除webapp目录下的index.jsp,新建一个index.html:

新建的index.html:

4.引用layui的方法
将css,js引入,加以下代码到index.html中:

 <link rel="stylesheet" href="layui/css/layui.css"><script src="layui/layui.js"></script>

如图所示:

(2)编写第一个layui程序(下边是完整的index.jsp程序):

!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>首页</title><link rel="stylesheet" href="layui/css/layui.css"><script src="layui/layui.js"></script><script type="text/javascript">layui.use(['layer','form','jqury','table'],function () {//编写自己的layui 代码let layer =layui.layer;//声明对象layer.msg('这是第一个layui程序');//使用已经有的api})</script></head>
<body></body>
</html>

(3)运行

springboot集成layui框架程序示例相关推荐

  1. SpringBoot集成MyBatis-Plus框架详细方法

    1.说明 本文详细介绍Spring Boot集成MyBatis-Plus框架的方法, 使用MySQL数据库进行测试, 包括完整的开发到测试步骤, 从一开始的Spring Boot工程创建, 到MySQ ...

  2. SpringBoot - 集成Quartz框架:Couldn‘t acquire next trigger: Couldn‘t retrieve trigger: 不良的类型值 long : \x

    写在前面 SpringBoot 集成Quartz框架时,数据保存方式使用PostgreSQL进行数据库持久化. 报错如下: Couldn't acquire next trigger: Couldn' ...

  3. SpringBoot集成MyBatis-Plus框架

    1.说明 本文介绍Spring Boot集成MyBatis-Plus框架, 重点介绍需要注意的地方, 是SpringBoot集成MyBatis-Plus框架详细方法 这篇文章的脱水版, 主要是三个步骤 ...

  4. SpringBoot集成Log4j2框架

    1.说明 本文详细介绍Spring Boot集成Log4j2框架的方法, 基于已经创建好的Spring Boot工程, 由于Spring Boot默认使用的是Logback框架, 需要先排除掉Logb ...

  5. 【Java从0到架构师】交错的日志系统、SpringBoot 集成日志框架

    交错的日志系统.SpringBoot 集成日志框架 交错复杂的日志系统① - 多个项目实现 SLF4J 门面 交错复杂的日志系统② - 统一底层实现为 Logback 交错复杂的日志系统③ - 统一底 ...

  6. SpringBoot 集成FluentMyBatis 框架之集成分页功能

    本文基于上一篇:SpringBoot 集成FluentMyBatis 框架之完善 SpringBoot 集成FluentMyBatis 框架之集成分页功能 FluentMyBatis 官方分页 官方提 ...

  7. SpringBoot集成Quartz框架

    SpringBoot集成Quartz框架 (一)集成环境: ​ Win10系统 ​ JDK版本:11.0.13 ​ SpringBoot版本:2.3.4.RELEASE ​ Quartz版本:2.3. ...

  8. osgi怎么配置访问html,Springboot Application 集成 OSGI 框架开发(示例代码)

    内容来源:https://www.ibm.com/developerworks/cn/java/j-springboot-application-integrated-osgi-framework-d ...

  9. 【dubbo】springboot集成dubbo框架

    1. dubbo介绍 dubbo是一款开源rpc框架,提供rpc调用诸多组件.支持服务注册与发现.服务负载均衡.服务容错.服务降级处理.服务失败尝试机制.服务监控等组件. 当我们项目拆分成微服务时,A ...

最新文章

  1. 可集成DevOps的Scrum敏捷工具!
  2. variable与get_variable
  3. 还在魔改Transformer结构吗?微软中山大学开源超强的视觉位置编码,涨点显著
  4. phpvirtualbox+Virtualbox完整虚拟化环境部署
  5. 详解FTP服务完成Linux和WIN10之间的信息传输(实验详解)
  6. matlab数字仿真实验,DVR+备用电源自动投入的MATLAB数字仿真实验仿真实验
  7. 数据湖 VS 数据仓库之争?阿里提出大数据架构新概念:湖仓一体
  8. python推导式多行书写_python三种推导式的详细介绍及其应用示例,强调字典推导的重要性...
  9. Kafka 2.8与ZooKeeper正式分手
  10. RLS实现求解最小二乘确定性正则方程
  11. android中slider控件,VideoRangeSlider视频裁剪控件
  12. 【冬瓜哥手绘】致敬龙芯!冬瓜哥手工设计了一个CPU译码器!
  13. Qt之获取屏幕分辨率
  14. saas系统和传统服务器的区别,传统CRM与SaaS模式的区别
  15. 周杰伦录音室专辑名字整理,时间倒数
  16. PDE优化|逆问题中偏微分方程约束优化的惩罚方法(Matlab代码实现)
  17. 【数理统计】05. 充分统计量、点估计及其评价准则
  18. 鸿蒙系统中的 WebView 加载H5页面出现net::ERR_CLEARTEXT_NOT_PERMITTED的解决方法
  19. 恢复受损Word文档的9种方法--旧时光 oldtimeblog
  20. 启动rabbitmq后台管理插件出错 /usr/lib64/erlang/erts-10.3.5.12/bin/beam.smp: error while loading shared librari

热门文章

  1. MQTT QOS等级订阅和发布的关系
  2. iMagic,开启属于你的魔灯时刻
  3. 一个项目从开发到完成需要多久
  4. hls网页播放器实现
  5. gmap 支持python吗_基于GMap.Net的地图解决方案
  6. 纯css实现导航处hot小图标实现
  7. 关闭自己不小心开通的QQ空间
  8. 轻松使用git同步到gitee(码云)
  9. 微信公众平台开发 上传素材
  10. Web自定义报表前后端代码-使用dataTable插件实现自定义报表统计