springboot集成layui框架程序示例
一、什么是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框架程序示例相关推荐
- SpringBoot集成MyBatis-Plus框架详细方法
1.说明 本文详细介绍Spring Boot集成MyBatis-Plus框架的方法, 使用MySQL数据库进行测试, 包括完整的开发到测试步骤, 从一开始的Spring Boot工程创建, 到MySQ ...
- SpringBoot - 集成Quartz框架:Couldn‘t acquire next trigger: Couldn‘t retrieve trigger: 不良的类型值 long : \x
写在前面 SpringBoot 集成Quartz框架时,数据保存方式使用PostgreSQL进行数据库持久化. 报错如下: Couldn't acquire next trigger: Couldn' ...
- SpringBoot集成MyBatis-Plus框架
1.说明 本文介绍Spring Boot集成MyBatis-Plus框架, 重点介绍需要注意的地方, 是SpringBoot集成MyBatis-Plus框架详细方法 这篇文章的脱水版, 主要是三个步骤 ...
- SpringBoot集成Log4j2框架
1.说明 本文详细介绍Spring Boot集成Log4j2框架的方法, 基于已经创建好的Spring Boot工程, 由于Spring Boot默认使用的是Logback框架, 需要先排除掉Logb ...
- 【Java从0到架构师】交错的日志系统、SpringBoot 集成日志框架
交错的日志系统.SpringBoot 集成日志框架 交错复杂的日志系统① - 多个项目实现 SLF4J 门面 交错复杂的日志系统② - 统一底层实现为 Logback 交错复杂的日志系统③ - 统一底 ...
- SpringBoot 集成FluentMyBatis 框架之集成分页功能
本文基于上一篇:SpringBoot 集成FluentMyBatis 框架之完善 SpringBoot 集成FluentMyBatis 框架之集成分页功能 FluentMyBatis 官方分页 官方提 ...
- SpringBoot集成Quartz框架
SpringBoot集成Quartz框架 (一)集成环境: Win10系统 JDK版本:11.0.13 SpringBoot版本:2.3.4.RELEASE Quartz版本:2.3. ...
- osgi怎么配置访问html,Springboot Application 集成 OSGI 框架开发(示例代码)
内容来源:https://www.ibm.com/developerworks/cn/java/j-springboot-application-integrated-osgi-framework-d ...
- 【dubbo】springboot集成dubbo框架
1. dubbo介绍 dubbo是一款开源rpc框架,提供rpc调用诸多组件.支持服务注册与发现.服务负载均衡.服务容错.服务降级处理.服务失败尝试机制.服务监控等组件. 当我们项目拆分成微服务时,A ...
最新文章
- 可集成DevOps的Scrum敏捷工具!
- variable与get_variable
- 还在魔改Transformer结构吗?微软中山大学开源超强的视觉位置编码,涨点显著
- phpvirtualbox+Virtualbox完整虚拟化环境部署
- 详解FTP服务完成Linux和WIN10之间的信息传输(实验详解)
- matlab数字仿真实验,DVR+备用电源自动投入的MATLAB数字仿真实验仿真实验
- 数据湖 VS 数据仓库之争?阿里提出大数据架构新概念:湖仓一体
- python推导式多行书写_python三种推导式的详细介绍及其应用示例,强调字典推导的重要性...
- Kafka 2.8与ZooKeeper正式分手
- RLS实现求解最小二乘确定性正则方程
- android中slider控件,VideoRangeSlider视频裁剪控件
- 【冬瓜哥手绘】致敬龙芯!冬瓜哥手工设计了一个CPU译码器!
- Qt之获取屏幕分辨率
- saas系统和传统服务器的区别,传统CRM与SaaS模式的区别
- 周杰伦录音室专辑名字整理,时间倒数
- PDE优化|逆问题中偏微分方程约束优化的惩罚方法(Matlab代码实现)
- 【数理统计】05. 充分统计量、点估计及其评价准则
- 鸿蒙系统中的 WebView 加载H5页面出现net::ERR_CLEARTEXT_NOT_PERMITTED的解决方法
- 恢复受损Word文档的9种方法--旧时光 oldtimeblog
- 启动rabbitmq后台管理插件出错 /usr/lib64/erlang/erts-10.3.5.12/bin/beam.smp: error while loading shared librari