如何将Maven Java项目依赖引入Vue/TypeScript项目并使用Java类

一、把Java项目的数据类型用到Vue/TypeScript里 #

别想直接把Maven的JAR包塞到package.json里——Java和JS/TS完全是两个运行环境，JAR包没法在浏览器或Node.js里跑。要复用Java的特定数据类型，试试这几个办法：

1. 自动生成TS类型文件 #

如果Java里是DTO或者简单数据类，用工具自动转成TS类型：

• 先拿jsonschema2pojo把Java类转成JSON Schema，再用json-schema-to-typescript生成.d.ts类型文件；
• 或者用java2typescript这类插件，直接从Java源码生成TS类型定义。
  生成完把.d.ts放到Vue项目的src/types目录，TS代码里直接引用就行。

2. 靠后端接口同步类型 #

如果Java项目是后端服务，让后端出个OpenAPI文档，用openapi-generator自动生成TS的API调用代码和对应类型定义。这样不仅类型和后端完全一致，还能直接对接接口。

3. 手动写TS类型 #

要是Java数据类型不多，直接对照Java类的字段手写TS的interface或者type就行，比如：

// 对应Java里的User类
interface User {
  id: number;
  username: string;
  createTime: string; // Java的LocalDateTime在TS里用字符串表示
}

二、替代java.util类的功能 #

JS/TS生态里有一堆库能替代java.util的功能，没必要硬用Java类：

1. 集合类替换 #

• java.util.List：直接用TS的Array<T>，或者用lodash的数组工具方法；
• java.util.Map：用TS的Map<K, V>或者普通对象{ [key: string]: T }；
• java.util.Set：用TS原生的Set<T>就行。

2. 工具类替换 #

• 日期处理：java.util.Date/LocalDateTime用dayjs或者date-fns，轻量好用；
• 字符串处理：java.util.StringUtils对应lodash的字符串方法，或者直接用TS原生字符串API；
• 可选值处理：java.util.Optional用TS的可选链?.，或者自己封装个简单的可选类型。

示例：用dayjs处理日期（替代LocalDateTime） #

import dayjs from 'dayjs';

// 解析后端返回的日期字符串
const createTime = dayjs('2024-05-20T12:30:00');
console.log(createTime.format('YYYY-MM-DD HH:mm:ss'));

关键提醒 #

别尝试在JS/TS环境里跑Java代码，俩环境完全隔离，只能靠类型转换或者功能替代解决。要是Java项目有复杂业务逻辑要复用，把逻辑封装成后端接口，前端发HTTP请求调用就行，别折腾在前端跑Java。

内容的提问来源于stack exchange，提问作者Engin Topuzoglu