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

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

news 2026/1/14 11:38:34

创建一个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

ssc377d修改flash分区大小

1、flash的分区默认分配16M、 / # df -h Filesystem Size Used Available Use% Mounted on /dev/root 1.9M 1.9M 0 100% / /dev/mtdblock4 3.0M...

编程新知 2025/12/21 20:15:17

Auto-Coder使用GPT-4o完成：在用TabPFN这个模型构建一个预测未来3天涨跌的分类任务

通过akshare库，获取股票数据，并生成TabPFN这个模型可以识别、处理的格式，写一个完整的预处理示例，并构建一个预测未来 3 天股价涨跌的分类任务用TabPFN这个模型构建一个预测未来 3 天股价涨跌的分类任务，进行预测并输…...

编程新知 2025/9/20 4:34:47

OpenPrompt 和直接对提示词的嵌入向量进行训练有什么区别

OpenPrompt 和直接对提示词的嵌入向量进行训练有什么区别直接训练提示词嵌入向量的核心区别您提到的代码： prompt_embedding = initial_embedding.clone().requires_grad_(True) optimizer = torch.optim.Adam([prompt_embedding...

编程新知 2025/7/4 0:50:01

AspectJ 在 Android 中的完整使用指南

一、环境配置（Gradle 7.0 适配） 1. 项目级 build.gradle // 注意：沪江插件已停更，推荐官方兼容方案 buildscript {dependencies {classpath org.aspectj:aspectjtools:1.9.9.1 // AspectJ 工具} } 2. 模块级 build.gradle plu…...

编程新知 2025/7/7 22:33:57

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights）多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

20个超级好用的 CSS 动画库

分享 20 个最佳 CSS 动画库。它们中的大多数将生成纯 CSS 代码，而不需要任何外部库。 1.Animate.css 一个开箱即用型的跨浏览器动画库，可供你在项目中使用。 2.Magic Animations CSS3 一组简单的动画，可以包含在你的网页或应用项目中。 3.An…...

编程新知 2025/12/31 17:53:23

深度学习水论文：mamba＋图像增强

🧀当前视觉领域对高效长序列建模需求激增，对Mamba图像增强这方向的研究自然也逐渐火热。原因在于其高效长程建模，以及动态计算优势，在图像质量提升和细节恢复方面有难以替代的作用。 🧀因此短时间内，就有不…...

编程新知 2025/12/31 19:28:10

腾讯云V3签名

想要接入腾讯云的Api，必然先按其文档计算出所要求的签名。之前也调用过腾讯云的接口，但总是卡在签名这一步，最后放弃选择SDK，这次终于自己代码实现。可能腾讯云翻新了接口文档，现在阅读起来，清晰了很多&…...

编程新知 2025/10/19 18:56:12

Vite中定义@软链接

在webpack中可以直接通过符号表示src路径，但是vite中默认不可以。如何实现： vite中提供了resolve.alias：通过别名在指向一个具体的路径在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...

编程新知 2025/10/17 2:32:49

Python竞赛环境搭建全攻略

Python环境搭建竞赛技术文章大纲竞赛背景与意义竞赛的目的与价值Python在竞赛中的应用场景环境搭建对竞赛效率的影响竞赛环境需求分析常见竞赛类型（算法、数据分析、机器学习等）不同竞赛对Python版本及库的要求硬件与操作系统的兼容性问题 Pyth…...

编程新知 2025/9/5 19:04:58