Idea中SpringBoot集成EasyUI

您所在的位置：网站首页 › easyui怎么引入 › Idea中SpringBoot集成EasyUI

Idea中SpringBoot集成EasyUI

2023-12-31 06:55| 来源: 网络整理| 查看: 265

SpringBoot集成EasyUI 下载EasyUI

EasyUI可以到官网下载，如下图所示。学习EasyUI控件的使用同样可以通过EasyUI在线文档进行学习。

在这里插入图片描述

下载得到的是一个压缩包解压可以得到如下图所示的文件，各个文件中存放的内容已经表明。

在这里插入图片描述

Idea集成EasyUI

创建web项目

这里就不做过多的赘述了，默认简单的项目已经创建好了。在pom.xml文件中引入依赖。

4.0.0 com.zwl easyui 1.0-SNAPSHOT easyui UTF-8 1.8 1.8 org.springframework.boot spring-boot-starter-parent 2.2.2.RELEASE org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-aop org.springframework.boot spring-boot-starter-freemarker org.springframework.boot spring-boot-starter-test test com.alibaba fastjson 1.2.47 org.springframework.boot spring-boot-starter-thymeleaf

拷贝EasyUI文件

拷贝EasyUI文件到项目项目的目录下，路径如下：

在这里插入图片描述

.yml文件

#配置视图文件存放的位置，及视图文件为ftl文件 spring: freemarker: suffix: .ftl content-type: text/html charset: UTF-8 template-loader-path: classpath:/views/

dialog.ftl

注意引入CSS文件和JS文件的方式，此处用的使用相对路径（路径中的 “/”容易忘记）。

EasyUI 造数据 $('#aa').datagrid({ singleSelect:true, data:[ {id:1,name:'张三'}, {id:1,name:'张三'}, {id:1,name:'张三'}, {id:1,name:'张三'}, {id:1,name:'张三'}, {id:2,name:'李四'} ], columns:[[ {field:'id',title:'编号',width:100}, {field:'name',title:'名称',width:150} ]] }); var i = 1; $('#aa').datagrid('selectRow',1); $('#btn').linkbutton({ onClick:function(){ if(i%2==1){ $('#aa').datagrid('selectRow',0); }else{ $('#aa').datagrid('uncheckAll'); } i++; } });

Controller

package com.zwl.easyui; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; /** * 项目描述： * * @auther ZWL * @date 2020/9/15 */ @Controller @RequestMapping("easyui") public class Demo01 { @RequestMapping("test") public String test(){ return "dialog"; } }

Main

启动类

package com.zwl.easyui; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; /** * 项目描述：启动类 * * @auther ZWL * @date 2020/9/15 */ @SpringBootApplication public class Start { public static void main(String[] args) { SpringApplication.run(Start.class); } }

启动项目‘

启动项目访问dialog.ftl文件，验证EasyUI是否引入成功，如下图所示。到此springBoot集成EasyUI成功。

在这里插入图片描述

【本文地址】

Idea中SpringBoot集成EasyUI

Idea中SpringBoot集成EasyUI

今日新闻

推荐新闻