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

Java 编写Vue组件（VueGWT的初尝试）

news 2026/2/8 19:25:49

在之前，我曾写过这样的文章《不会前端没事，用GWT Boot和Spring Boot构建Web程序》，这篇文字使用的Domino UI来做前端页面，由于现在更流行VUE，并且VUE的页面更具现代化，所以我尝试了一下VueGWT。

VueGWT 有一个比较完善的开发文档页面,https://vuegwt.github.io/vue-gwt/,看上去感觉很好的样子。GitHub上的 star并不多，而且项目最后更新时间是3年前。
在这里插入图片描述

在这里插入图片描述

我根据文档的 “开始” 一步步创建项目，但最后发现并不能像它那样正常启动，文档缺少了一些必要的配置步骤。

VueGWT提供了一个简单的Demo页面，https://vuegwt.github.io/vue-gwt-demo/，简单介绍了几种组件，GitHub地址是 https://github.com/VueGWT/vue-gwt-demo，我发现直接下载这个Demo,做为开始是最好的。

在这里插入图片描述

但后续问题又来了，通过VueGWT的文档，发现它的一些组件需要查看Vue的文档，我感觉如果没有Vue知识的话，可能不能很容易的搭建一个Admin后台管理系统页面，我觉得他应该像Domino UI 一样提供一个管理系统页面Demo，这样我们就能直接基于Demo创建业务系统页面。

提的Issues
我在项目的Issues上提的。

在这里插入图片描述

最终我还是决定使用Domino UI来做一个管理系统，毕竟这个系统也只是在内部使用，要求并不高。

作者其他文章：
Prometheus 系列文章

  1. Prometheus 的介绍和安装
  2. 直观感受PromQL及其数据类型
  3. PromQL之选择器和运算符
  4. PromQL之函数
  5. Prometheus 告警机制介绍及命令解读
  6. Prometheus 告警模块配置深度解析
  7. Prometheus 配置身份认证
  8. Prometheus 动态拉取监控服务
  9. Prometheus 监控云Mysql和自建Mysql

Grafana 系列文章，版本：OOS v9.3.1

  1. Grafana 的介绍和安装
  2. Grafana监控大屏配置参数介绍（一）
  3. Grafana监控大屏配置参数介绍（二）
  4. Grafana监控大屏可视化图表
  5. Grafana 查询数据和转换数据
  6. Grafana 告警模块介绍
  7. Grafana 告警接入飞书通知

Spring Boot Admin 系列

  1. Spring Boot Admin 参考指南
  2. SpringBoot Admin服务离线、不显示健康信息的问题
  3. Spring Boot Admin2 @EnableAdminServer的加载
  4. Spring Boot Admin2 AdminServerAutoConfiguration详解
  5. Spring Boot Admin2 实例状态监控详解
  6. Spring Boot Admin2 自定义JVM监控通知
  7. Spring Boot Admin2 自定义异常监控
  8. Spring Boot Admin 监控指标接入Grafana可视化

相关文章：

Java 编写Vue组件（VueGWT的初尝试）

在之前，我曾写过这样的文章《不会前端没事，用GWT Boot和Spring Boot构建Web程序》，这篇文字使用的Domino UI来做前端页面，由于现在更流行VUE，并且VUE的页面更具现代化，所以我尝试了一下VueGWT。 VueGWT 有…...

编程日记 2023/5/6 17:41:48

【第二章 @RequestMapping注解（value，method，params属性），springMVC支持ant风格的路径，支持路径中的占位符】

第二章 RequestMapping注解（value，method，params属性），springMVC支持ant风格的路径，支持路径中的占位符 1. RequestMapping注解： （1） RequestMapping注解的作用就是将请…...

编程日记 2023/5/6 17:41:46

QML Text详解

1.简介 文本项可以显示普通文本和富文本。 2.示例 示例1：一个简单的text，可以设置字体颜色、大小等。 Window {visible: truewidth: 400height: 400title: qsTr("Hello World")Rectangle{width: 200height: 200border.width: 2Text {text: …...

编程日记 2023/5/6 17:41:44

xxl-job启用https访问

一、准备证书 1.进入想要生成证书的目录 2.在路径中输入cmd,点击回车 （1） （2） 3.输入命令keytool -genkeypair -alias "boot" -keyalg "RSA" -keystore "seek.keystore" 4.输入信息&#xff0c…...

编程日记 2023/5/6 17:41:39

2023FL Studio最新中文版电子音乐、混音和母带制作DAW

水果具有独特的底层逻辑，其开创了编曲“块”的思维。用FL Studio编曲的流程是在把一个样式编辑好，然后将编辑好的样式当做音频块，在播放列表中像“搭积木”一样任意编排，形成一首歌，这种模式非常利于电子音乐编曲。 2…...

编程日记 2023/5/6 17:41:36

pytorch 35 yolov5_obb项目解读+使用技巧+调优经验（提升map）

yolov5_obb是一个用于旋转框预测的开源项目，项目地址为https://github.com/hukaixuan19970627/yolov5_obb。在使用yolov5_obb进行训练时，可能存在训练后精度不达标。使用yolov5_obb项目一定要对yolov5_obb的基本实现和关键部分要有所了解，同时对于使用过程中的参数设置，数据…...

编程日记 2023/5/6 17:41:34

OpenMv H7 口罩识别--毕业设计学习记录

刚开始都不知道自己的摄像头是OpenMv H7的还是OpenMv H7 Plus来的(白嫖实训室的，其实大概率猜到是H7来的，主要是不死心)，后面问了一下ChatGPT。 总结大概就是： 1、都是STM32H743 主控，但是频率的MCU（480MHz…...

编程日记 2023/5/6 17:41:32

有什么比较好的bug管理工具？5款热门工具推荐

工具再优秀，适合自己才最重要。 为尽量讲透这个问题，本文的行文结构我先整理如下： 1、为什么需要bug管理工具？ 2、好的bug管理工具的标准是什么？ 3、好的bug管理工具推荐（5款） 4、如何挑选适合…...

编程日记 2023/5/6 17:41:29

第五章 opengl之摄像机

OpenGL摄像机摄像机/观察空间Look At矩阵自由移动移动速度视角移动欧拉角鼠标输入缩放补充：摄像机类摄像机 OpenGL本身没有摄像机(Camera)的概念，但我们可以通过把场景中的所有物体往相反方向移动的方式来模拟出摄像机，产生一种我们在移动的…...

编程日记 2023/5/6 17:41:27

nginx配置详解（容器、负载）—官方原版

一、概述本指南对nginx进行了基本介绍，并描述了一些 可以用它完成的简单任务。 据推测，nginx已经安装在阅读器的机器上。 本指南描述了如何启动和停止nginx，并重新加载其 配置，解释结构 的配置文件，并描述了如何设置 n…...

编程日记 2023/5/6 17:41:23

2023年中职网络安全竞赛——CMS网站渗透解析

需求环境可私信博主 解析如下： CMS网站渗透 任务环境说明： 服务器场景：Server2206（关闭链接） 服务器场景操作系统：未知 1.使用渗透机对服务器信息收集，并将服务器中网站服务端口号作为flag提交； Flag：8089...

编程日记 2023/5/6 17:41:20

SQL 窗口函数详解

SQL窗口函数详解 窗口函数的主要作用是对数据进行分组排序、求和、求平均值、计数等。 一、窗口函数的基本语法 <分析函数> OVER ([PARTITION BY <列清单>] ORDER BY <排序用列清单> [ROWS BETWEEN 开始位置 AND 结束位置])理解窗口函数的基本语法&#xff…...

编程日记 2023/5/6 17:41:18

Android 12系统源码_SystemUI（六）显示和隐藏最近任务

前言 Android12对最近任务做了调整&#xff0c;将原本处于SystemUI模块的最近任务转移到了Launcher3QuickStep应用中。 本篇文章我们会结合源码一起来梳理一下最近任务的显示流程。 一、SystemUI模块显示最近任务的相关代码 1、在SystemUI模块调用CommandQueue的showRecentA…...

编程日记 2023/5/6 17:41:16

Docekr三剑客之 Docekr compose

写在前面 Docker三剑客Docker Compose、Docker Machine、Docker Swarm分别是Docker官方开源的三个项目。有着不同的功能&#xff1a; Docker Compose负责实现对 Docker 容器集群的快速编排Docker Machine负责在多种平台上快速安装 Docker 环境Docker Swarm提供 Docker 容器集…...

编程日记 2023/5/7 2:52:33

企业是否具备等保测评资质在哪里查？怎么查？

为了规范等保相关业务办理流程&#xff0c;确保等保业务顺利办理&#xff0c;保障企业合法权益&#xff0c;政策规定&#xff0c;只有取得等保测评资质机构方可办理等保测评业务。因此很多人在问&#xff0c;企业是否具备等保测评资质在哪里查&#xff1f;怎么查&#xff1f; …...

编程日记 2023/5/7 2:52:31

Spacedesk软件推荐，让你的平板也变成电脑的副屏

我的设备&#xff1a; 电脑:戴尔G15 5511、i7-11800H、Windows 11、RTX3060 平板&#xff1a;荣耀V6、麒麟985、安卓10、分辨率2000*1200&#xff08;手机也行&#xff0c;我用的平板&#xff09; 实际使用&#xff1a; 先给放一张实际使用的照片 可以让平板变成电脑的副屏…...

编程日记 2023/5/7 2:52:29

Vue 3.0 组合式API 介绍 【Vue3 从零开始】

提示 在阅读文档之前&#xff0c;你应该已经熟悉了这两个 Vue 基础和创建组件。 在 Vue Mastery 上观看关于组合式 API 的免费视频。 通过创建 Vue 组件&#xff0c;我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和…...

编程日记 2023/5/7 2:52:27

【算法数据结构体系篇class13、14】：贪心算法思想

一、贪心算法概念贪心算法概念&#xff1a;1&#xff09;最自然智慧的算法2&#xff09;用一种局部最功利的标准&#xff0c;总是做出在当前看来是最好的选择3&#xff09;难点在于证明局部最功利的标准可以得到全局最优解4&#xff09;对于贪心算法的学习主要以增加阅历和经验…...

编程日记 2023/5/7 11:03:21

C++知识点，关键字inline ，String，强制类型转化

&#x1f436;博主主页&#xff1a;ᰔᩚ. 一怀明月ꦿ ❤️‍&#x1f525;专栏系列&#xff1a;线性代数&#xff0c;C初学者入门训练 &#x1f525;座右铭&#xff1a;“不要等到什么都没有了&#xff0c;才下定决心去做” &#x1f680;&#x1f680;&#x1f680;大家觉不错…...

编程日记 2023/5/7 11:03:20

MyBatis源码分析（六）MetaObject工具类的使用与源码分析

文章目录一、MetaObject基本使用二、关键类源码分析1、MetaObject的构造方法2、PropertyTokenizer分词器3、BeanWrapper4、MetaClass5、DefaultReflectorFactory6、Reflector7、总结三、MetaObject的getValue源码分析写在后面一、MetaObject基本使用 public class User {priva…...

编程日记 2023/5/7 11:03:18

Prompt Tuning、P-Tuning、Prefix Tuning的区别

一、Prompt Tuning、P-Tuning、Prefix Tuning的区别 1. Prompt Tuning（提示调优） 核心思想：固定预训练模型参数，仅学习额外的连续提示向量（通常是嵌入层的一部分）。实现方式：在输入文本前添加可训练的连续向量（软提示），模型只更新这些提示参数。优势：参数量少（仅提…...

编程新知 2026/2/8 1:14:13

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成&#xff0c;核心是利用 HTTP 协议的 Range 请求头指定下载范围&#xff1a; 实现原理 Range 请求头&#xff1a;向服务器请求文件的特定字节范围&#xff08;如 Range: bytes1024-&#xff09; 本地文件记录&#xff1a;保存已…...

编程新知 2025/12/12 0:56:22

Cinnamon修改面板小工具图标

Cinnamon开始菜单-CSDN博客 设置模块都是做好的&#xff0c;比GNOME简单得多&#xff01; 在 applet.js 里增加 const Settings imports.ui.settings;this.settings new Settings.AppletSettings(this, HTYMenusonichy, instance_id); this.settings.bind(menu-icon, menu…...

编程新知 2026/1/31 14:56:22

Psychopy音频的使用

Psychopy音频的使用 本文主要解决以下问题&#xff1a; 指定音频引擎与设备&#xff1b;播放音频文件 本文所使用的环境&#xff1a; Python3.10 numpy2.2.6 psychopy2025.1.1 psychtoolbox3.0.19.14 一、音频配置 Psychopy文档链接为Sound - for audio playback — Psy…...

编程新知 2026/1/31 15:09:31

Swagger和OpenApi的前世今生

Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章&#xff0c;二者共同塑造了现代RESTful API的开发范式。 本期就扒一扒其技术演进的关键节点与核心逻辑&#xff1a; &#x1f504; 一、起源与初创期&#xff1a;Swagger的诞生&#xff08;2010-2014&#xff09; 核心…...

编程新知 2026/1/25 9:08:41

python执行测试用例，allure报乱码且未成功生成报告

allure执行测试用例时显示乱码&#xff1a;‘allure’ &#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;ڲ&#xfffd;&#xfffd;&#xfffd;&#xfffd;ⲿ&#xfffd;&#xfffd;&#xfffd;Ҳ&#xfffd;&#xfffd;&#xfffd;ǿ&#xfffd;&am…...

编程新知 2026/2/7 4:21:44

算法：模拟

1.替换所有的问号 1576. 替换所有的问号 - 力扣&#xff08;LeetCode&#xff09; ​遍历字符串​&#xff1a;通过外层循环逐一检查每个字符。​遇到 ? 时处理​&#xff1a; 内层循环遍历小写字母&#xff08;a 到 z&#xff09;。对每个字母检查是否满足&#xff1a; ​与…...

编程新知 2026/1/25 10:01:01

Java求职者面试指南：计算机基础与源码原理深度解析

Java求职者面试指南&#xff1a;计算机基础与源码原理深度解析 第一轮提问&#xff1a;基础概念问题 1. 请解释什么是进程和线程的区别&#xff1f; 面试官&#xff1a;进程是程序的一次执行过程&#xff0c;是系统进行资源分配和调度的基本单位&#xff1b;而线程是进程中的…...

编程新知 2025/12/9 14:22:07

c++第七天 继承与派生2

这一篇文章主要内容是 派生类构造函数与析构函数 在派生类中重写基类成员 以及多继承 第一部分&#xff1a;派生类构造函数与析构函数 当创建一个派生类对象时&#xff0c;基类成员是如何初始化的&#xff1f; 1.当派生类对象创建的时候&#xff0c;基类成员的初始化顺序 …...

编程新知 2026/2/2 21:55:02

Qt 事件处理中 return 的深入解析

Qt 事件处理中 return 的深入解析 在 Qt 事件处理中&#xff0c;return 语句的使用是另一个关键概念&#xff0c;它与 event->accept()/event->ignore() 密切相关但作用不同。让我们详细分析一下它们之间的关系和工作原理。 核心区别&#xff1a;不同层级的事件处理 方…...

编程新知 2025/6/10 21:19:52