当前位置：首页 > news >正文

Spring Boot + EasyUI 创建第一个项目（一）

news 2025/9/25 13:10:26

创建一个Spring Boot和EasyUI相结合的项目。

一、构建一个Spring Boot项目

Spring Boot之创建一个Spring Boot项目（一）-CSDN博客

二、配置Thymeleaf

Spring Boot Thymeleaf（十一）_thymeleaf 设置字体_人……杰的博客-CSDN博客

三、配置EasyUI

1 下载EasyUI的对应jar包并配置使用EasyUI

下载地址：EasyUI框架下载 - EasyUI中文站

新建一个index.html文件，注意这个文件需要放在static目录下，也就是跟easyui在同一个目录，否则放在templates下由于springboot的内部机制，调用接口访问不到会报404，结构如上图所示，浏览器访问这个页面的路径是localhost:8080/index.html。

引入EasyUI：

    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../../themes/icon.css"><link rel="stylesheet" type="text/css" href="../demo.css"><script type="text/javascript" src="../../jquery.min.js"></script><script type="text/javascript" src="../../jquery.easyui.min.js"></script>

四、项目举例

1 项目框架

2 代码实现

SpringBootMainApplication.java:

package com.xj.main;import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.ComponentScan;/*** @Author: xjfu* @Create: 2023/10/20 7:33* @Description: SpringBoot启动类*/
@ComponentScan("com.xj")
@SpringBootApplication
public class SpringBootMainApplication {public static void main(String[] args) {try{SpringApplication.run(SpringBootMainApplication.class, args);}catch (Exception e){e.printStackTrace();}}
}

ThymeleafController.java:

package com.xj.controller;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;/*** @Author: xjfu* @Create: 2023/10/20 7:42* @Description:*/
@RequestMapping("/easyui")
@Controller
public class ThymeleafController {@RequestMapping("/hello")public String sayHello(){//启动hello.html页面return "hello";}@RequestMapping("/helloPage")public String helloPage(){//启动helloPage.html页面return "helloPage";}
}

index.html:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Custom Window Tools - jQuery EasyUI Demo</title><link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../../themes/icon.css"><link rel="stylesheet" type="text/css" href="../demo.css"><script type="text/javascript" src="../../jquery.min.js"></script><script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;">Hello! Sprring Boot + easyUI success!
</div>
</body>
</html>

hello.html:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!--th:text 为 Thymeleaf 属性，用于在展示文本-->
<h1 th:text="迎您来到Thymeleaf">欢迎您访问静态页面 HTML</h1>
</body>
</html>

helloPage.html:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Custom Window Tools - jQuery EasyUI Demo</title><link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../../themes/icon.css"><link rel="stylesheet" type="text/css" href="../demo.css"><script type="text/javascript" src="../../jquery.min.js"></script><script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;">Hello! Sprring Boot + easyUI success!
</div>
</body>
</html>

3 运行结果

3.1 测试thymeleaf正常

3.2 EasyUI访问方式

3.3 使用thymeleaf访问方式

五、参考

1.SpringBoot集成EasyUI_springboot整合easyui-CSDN博客

2.https://www.cnblogs.com/jingmoxukong/p/10239821.html

3.Easyui 创建简单窗口_EasyUI 教程

Spring Boot + EasyUI 创建第一个项目（一）

创建一个Spring Boot和EasyUI相结合的项目。一、构建一个Spring Boot项目 Spring Boot之创建一个Spring Boot项目（一）-CSDN博客二、配置Thymeleaf Spring Boot Thymeleaf（十一）_thymeleaf 设置字体_人……杰的博客-CSDN博客…...

编程日记 2023/10/24 11:02:13

短视频矩阵系统源码/技术应用搭建

短视频矩阵系统开发围绕的开发核心维度： 1. 多账号原理开发维度适用于多平台多账号管理，支持不同类型账号矩阵通过工具实现统一便捷式管理。（企业号，员工号，个人号） 2. 账号矩阵内容开发维护利用账号矩…...

编程日记 2023/10/24 11:00:11

硬核子牙：我准备写一本《带你手写64位多核操作系统》的书！

哈喽，我是子牙，一个很卷的硬核男人深入研究计算机底层、Windows内核、Linux内核、Hotspot源码……聚焦做那些大家想学没地方学的课程。为了保证课程质量及教学效果，一年磨一剑，三年先后做了三个课程：手写JVM、手写OS…...

编程日记 2023/10/24 10:59:10

c++访问修饰符与继承关系

前言 C提供了三个修饰符来限定类成员的被访问权限，分别是public、protected、private。通过限定访问权限，可以达到程序编写者想要解决的安全问题和权限问题。这种权限的设置对于安全是非常必要的。不同修饰下的类成员被访问权限类成员默认访问权限为…...

编程日记 2023/10/24 10:58:09

【RTOS学习】事件组 | 任务通知

🐱作者：一只大喵咪1201 🐱专栏：《RTOS学习》 🔥格言：你只管努力，剩下的交给时间！ 事件组 | 任务通知 🚁事件组🛴大概原理🛴使用事件组的函数同步…...

编程日记 2023/10/24 10:57:08

【TES605】基于Virtex-7 FPGA的高性能实时信号处理平台

板卡概述 TES605是一款基于Virtex-7 FPGA的高性能实时信号处理平台，该平台采用1片TI的KeyStone系列多核DSP TMS320C6678作为主处理单元，采用1片Xilinx的Virtex-7系列FPGA XC7VX690T作为协处理单元，具有2个FMC子卡接口，各个处理节…...

编程日记 2023/10/24 10:56:06

Java Azure开发使用已有token字符串创建GraphServiceClient

一、背景说明在已有的项目中，已经获取到了Graph的AccessToken并保存在内存里面。所以不希望再通过client secret或者certificate去创建GraphServiceClient对象。希望使用现有的token字符串来创建初始化创建GraphServiceClient从而来实现Graph其他API功能。二、具体…...

编程日记 2023/10/24 10:55:05

【Qt】消息机制和事件

文章目录事件event()事件过滤器案例：检测鼠标事件案例：定时器事件事件（event）是由系统或者 Qt 本身在不同的时刻发出的。当用户按下鼠标、敲下键盘，或者是窗口需要重新绘制的时候，都会发出一个相应的事…...

编程日记 2023/10/24 10:54:04

爬虫模拟用户登录

使用爬虫模拟用户登录过程一般包括以下几个步骤： 导入所需的库：一般需要导入requests和BeautifulSoup库来发送HTTP请求和解析HTML。 import requestsfrom bs4 import BeautifulSoup 发送GET请求获取登录页面：使用requests库发送GET请求&#…...

编程日记 2023/10/24 10:53:02

asp.net企业招聘管理系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio计算机毕业设计

一、源码特点 asp.net 企业招聘管理系统是一套完善的web设计管理系统，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为vs2010，数据库为sqlserver2008，使用c#语言开发 asp.net企业招聘管理系统二、功…...

编程日记 2023/10/24 10:51:01

艾泊宇产品战略：假如中国禁止直播带货，网红和店家该如何应对？

近日，印尼宣布将禁止直播带货，这一消息引起了广泛关注。有人欢喜有人忧，很多人为此拍手叫好，但也有很多人为此感到担忧。今天，我们就来做一个战略推演，假设中国也禁止直播带货，入局直播带货者…...

编程日记 2023/10/24 10:50:00

C#调用C/C++从零深入讲解

C#调用非托管DLL从零深入讲解一、结构对齐结构对齐是C#调用非托管DLL的必备知识。在没有#pragma pack声明下结构体内存对齐的规则为：第一个成员的偏移量为0，每个成员的首地址为自身大小的整数倍子结构体的第一个成员偏移量应当是子结构体最大成员的整数倍结构体总大小…...

编程日记 2023/10/24 10:48:59

MyBatis篇---第五篇

系列文章目录文章目录系列文章目录一、MyBatis 中见过什么设计模式？二、MyBatis 中比如 UserMapper.java 是接口，为什么没有实现类还能调用？ 一、MyBatis 中见过什么设计模式？ 二、MyBatis 中比如 UserMapper.java 是接口&#…...

编程日记 2023/10/24 10:47:58

十三水中各种牌型判断LUA版

近期回归程序行业，由于业务需求需要做十三水游戏，什么是十三水就不在多讲，下面是判断十三水牌型的方法（带大小王） GetSSSPaiType {}; local this GetSSSPaiType; local huaseTable {}; local numTable {}; functi…...

编程日记 2023/10/24 10:46:57

2023.10.19 关于设计模式 —— 单例模式

目录引言单例模式饿汉模式懒汉模式懒汉模式线程安全问题分析原因引言设计模式为编写代码的约定和规范阅读下面文章前建议点击下方链接明白对象和类对象对象和类对象单例模式单个实例（对象）在某些场景中有特定的类，…...

编程日记 2023/10/24 10:45:57

4个鲜为人知的Python迭代过滤函数

在Python中，迭代器可以帮助你编写更多Pythonic的代码，并在处理长序列时提高效率，内置的itertools模块提供了几个有用的函数来创建迭代器。当你只需要遍历迭代器、检索序列中的元素并对其进行处理，而无需将它们存储在内存中时&am…...

编程日记 2023/10/24 10:44:55

使用logger.error(“自定义错误信息描述“，e)将错误信息输出到日志文件上

之前一直用e.getMessage()来获取错误信息 import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController;RestController public class ClassF…...

编程日记 2023/10/24 10:43:54

音乐的数字未来：虚拟演唱会与TikTok的巅峰融合

在数字时代，音乐产业正在经历着革命性的变革。虚拟演唱会与TikTok的融合正引领着音乐的数字未来，为艺术家、粉丝和创作者带来了前所未有的互动性和娱乐体验。本文将深入探讨这一巅峰融合，以揭示音乐产业的新前景。虚拟演唱会的崛起虚拟演唱…...

编程日记 2023/10/24 10:42:53

基于图像识别的跌倒检测算法计算机竞赛

前言 🔥 优质竞赛项目系列，今天要分享的是基于图像识别的跌倒检测算法该项目较为新颖，适合作为竞赛课题方向，学长非常推荐！ 🧿 更多资料, 项目分享： https://gitee.com/dancheng-senior/…...

编程日记 2023/10/24 10:41:52

NSS [SWPUCTF 2021 新生赛]PseudoProtocols

NSS [SWPUCTF 2021 新生赛]PseudoProtocols 先看题目，题目要求我们先找到hint.php。看这个get请求头，我们先用php://filter协议读一波得到提示，让我们前往/test2222222222222.php 源码如下 <?php ini_set("max_execution_time&qu…...

编程日记 2023/10/24 10:40:51

MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例

一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下：隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...

编程新知 2025/9/16 21:01:58

智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql

智慧工地管理云平台系统，智慧工地全套源码，java版智慧工地源码，支持PC端、大屏端、移动端。智慧工地聚焦建筑行业的市场需求，提供“平台网络终端”的整体解决方案，提供劳务管理、视频管理、智能监测、绿色施工、安全管…...

编程新知 2025/9/22 6:30:07

可靠性+灵活性：电力载波技术在楼宇自控中的核心价值

可靠性灵活性：电力载波技术在楼宇自控中的核心价值在智能楼宇的自动化控制中，电力载波技术（PLC）凭借其独特的优势，正成为构建高效、稳定、灵活系统的核心解决方案。它利用现有电力线路传输数据，无需额外布…...

编程新知 2025/8/11 11:25:20

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...

编程新知 2025/8/21 6:35:28

关于iview组件中使用 table , 绑定序号分页后序号从1开始的解决方案

问题描述：iview使用table 中type: "index",分页之后 ，索引还是从1开始，试过绑定后台返回数据的id, 这种方法可行，就是后台返回数据的每个页面id都不完全是按照从1开始的升序，因此百度了下，找到了…...

编程新知 2025/9/24 15:07:27

将对透视变换后的图像使用Otsu进行阈值化，来分离黑色和白色像素。这句话中的Otsu是什么意思？

Otsu 是一种自动阈值化方法，用于将图像分割为前景和背景。它通过最小化图像的类内方差或等价地最大化类间方差来选择最佳阈值。这种方法特别适用于图像的二值化处理，能够自动确定一个阈值，将图像中的像素分为黑色和白色两类。 Otsu 方法的原…...

编程新知 2025/7/23 16:26:20

CSS设置元素的宽度根据其内容自动调整

width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整，确保宽度刚好容纳内容而不会超出。效果对比默认情况（width: auto）： 块级元素（如 <div>）会占满父容器…...

编程新知 2025/6/20 15:09:15

iOS性能调优实战：借助克魔(KeyMob)与常用工具深度洞察App瓶颈

在日常iOS开发过程中，性能问题往往是最令人头疼的一类Bug。尤其是在App上线前的压测阶段或是处理用户反馈的高发期，开发者往往需要面对卡顿、崩溃、能耗异常、日志混乱等一系列问题。这些问题表面上看似偶发，但背后往往隐藏着系统资源调度不当…...

编程新知 2025/9/24 12:50:07

Git 3天2K星标：Datawhale 的 Happy-LLM 项目介绍（附教程）

引言在人工智能飞速发展的今天，大语言模型（Large Language Models, LLMs）已成为技术领域的焦点。从智能写作到代码生成，LLM 的应用场景不断扩展，深刻改变了我们的工作和生活方式。然而，理解这些模型的内部…...

编程新知 2025/9/23 3:15:22

MySQL 索引底层结构揭秘：B-Tree 与 B+Tree 的区别与应用

文章目录一、背景知识：什么是 B-Tree 和 BTree？ B-Tree（平衡多路查找树） BTree（B-Tree 的变种） 二、结构对比：一张图看懂三、为什么 MySQL InnoDB 选择 BTree？ 1. 范围查询更快 2…...

编程新知 2025/9/24 3:45:03