layui在springboot种怎么使用
时间: 2024-01-27 19:02:42 浏览: 29
1. 在pom.xml文件中添加对layui的依赖:
```xml
<dependency>
<groupId>com.github.layui</groupId>
<artifactId>layui</artifactId>
<version>2.5.6</version>
</dependency>
```
2. 在项目中创建一个目录用于存放layui的静态资源文件,例如:`src/main/resources/static/layui`。
3. 在html文件中引入layui的css和js文件:
```html
<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>
```
4. 在js文件中使用layui的组件:
```javascript
layui.use('element', function(){
var element = layui.element;
// code here
});
```
5. 在Controller中返回html视图:
```java
@Controller
public class DemoController {
@RequestMapping("/demo")
public String demo() {
return "demo";
}
}
```
6. 在浏览器中访问`http://localhost:8080/demo`,即可看到页面中使用了layui的组件。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)