在Java端写HTML，通常有两种方式：一种是使用Java的字符串拼接功能，另一种是使用Java的模板引擎，下面将详细介绍这两种方式。
1、使用Java的字符串拼接功能
这是最简单的方式，只需要在Java代码中直接编写HTML代码即可，这种方式的缺点是，如果HTML代码较多，会导致Java代码变得混乱，不易维护。
示例代码如下：
public String generateHtml() {
String html = "<html>
" +
"<head>
" +
"<title>My First HTML</title>
" +
"</head>
" +
"<body>
" +
"<h1>Hello, World!</h1>
" +
"</body>
" +
"</html>";
return html;
}
2、使用Java的模板引擎
Java的模板引擎可以帮助我们更好地组织HTML代码，使其更易于维护，常用的Java模板引擎有FreeMarker、Thymeleaf等，下面以Thymeleaf为例，介绍如何使用模板引擎在Java端写HTML。
需要在项目中引入Thymeleaf的依赖，如果使用Maven，可以在pom.xml文件中添加以下依赖：
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf</artifactId>
<version>3.0.12.RELEASE</version>
</dependency>
可以创建一个HTML模板文件（template.html），在其中编写HTML代码：
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title th:text="${title}"></title>
</head>
<body>
<h1 th:text="${message}"></h1>
</body>
</html>
接下来，在Java代码中使用ThymeleafTemplate来渲染HTML模板：
import org.thymeleaf.TemplateEngine; import org.thymeleaf.context.Context; import org.thymeleaf.templateresolver.ClassLoaderTemplateResolver; import org.thymeleaf.templateresolver.ITemplateResolver; public String generateHtmlWithThymeleaf() { ITemplateResolver templateResolver = new ClassLoaderTemplateResolver(); templateResolver.setSuffix(".html"); //设置模板后缀为.html templateResolver.setTemplateMode("HTML5"); //设置模板模式为HTML5 templateResolver.setCharacterEncoding("UTF-8"); //设置编码为UTF-8 templateResolver.setCacheable(false); //设置不缓存模板，以便每次生成新的HTML内容 TemplateEngine templateEngine = new TemplateEngine(); templateEngine.setTemplateResolver(templateResolver); //设置模板解析器 Context context = new Context(); //创建上下文对象，用于存放变量值 context.setVariable("title", "My First Thymeleaf HTML"); //设置变量值 context.setVariable("message", "Hello, World!"); //设置变量值 String html = templateEngine.process("template", context); //渲染模板，生成HTML内容并返回 return html; }
运行generateHtmlWithThymeleaf()方法，就可以得到渲染后的HTML内容。
相关问题与解答：
问题1：如何在Java端动态插入JavaScript代码？
答：在HTML模板中，可以使用<script th:inline="javascript">标签来插入JavaScript代码。
<script th:inline="javascript">
/*<![CDATA[*/
var message = [[${message}]];
console.log(message);
/*]]>*/
</script>
问题2：如何在Java端动态插入CSS样式？
答：在HTML模板中，可以使用<style th:inline="css">标签来插入CSS样式。
<style th:inline="css">
/*<![CDATA[*/
body { background-color: [[${bgColor}]]; }
/*]]>*/
</style>
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/328437.html
微信扫一扫 