Spring boot + thymeleaf 生成静态html文件，实现小程序嵌套模板

一时失言乱红尘 2022-03-11 05:21 819阅读 0赞

#### 1.引入依赖 ####

Maven方式

<dependency>
            <groupId>org.thymeleaf</groupId>
             <artifactId>thymeleaf</artifactId>
             <version>3.0.7.RELEASE</version>
         </dependency>

Grade方式

compile("org.thymeleaf:thymeleaf:3.0.7.RELEASE")

#### 2.引入两个工具类 ####

ApplicationContextHolder

package com.taoweilai.common.utils;
    
    import org.springframework.beans.BeansException;
    import org.springframework.context.ApplicationContext;
    import org.springframework.context.ApplicationContextAware;
    import org.springframework.stereotype.Component;
    
    @Component
    public class ApplicationContextHolder implements ApplicationContextAware {
    	
    	private static ApplicationContext applicationContext;
    	@Override
    	public void setApplicationContext(ApplicationContext ctx) throws BeansException {
    		applicationContext = ctx;
    	}
    	public static ApplicationContext getApplicationContext() {
    		return applicationContext;
    	}
    	
    	public static <T> T getBean(Class<T> clazz){
    		return applicationContext.getBean(clazz);
    	}
    
    	@SuppressWarnings("unchecked")
    	public static <T> T getBean(String name){
    		return (T) applicationContext.getBean(name);
    	}
    }

TemplateUtils

package com.taoweilai.common.utils;
    
    import java.io.FileWriter;
    import java.io.IOException;
    
    import org.springframework.beans.factory.annotation.Autowired;
    import org.thymeleaf.TemplateEngine;
    import org.thymeleaf.context.Context;
    
    public class TemplateUtils {
    	
    	@Autowired
    	public static final TemplateEngine engine = ApplicationContextHolder.getBean(TemplateEngine.class);
    	/**
    	 * 生成静态文件
    	 * @param freeTempName 模板名称
    	 * @param context 数据内容
    	 * @param outFilePath 输出路径
    	 * @return
    	 */
    	public static boolean process(String freeTempName,Context context,String outFilePath) {
    		FileWriter fileWriter = null;
    		try {
    			fileWriter = new FileWriter(outFilePath);
    			engine.process(freeTempName, context,fileWriter);
    		} catch (IOException e) {
    			e.printStackTrace();
    			return false;
    		} finally {
    			try {
    				fileWriter.close();
    			} catch (IOException e) {
    				e.printStackTrace();
    				return false;
    			}
    		}
    		return true;
    	}
    }

#### 3.创建模板 ####

templates/example.html

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
    <title>Insert title here</title>
    </head>
    <body>
    <span th:text="hello + ${name}"></span>
    </body>
    </html>

#### 4.在单元测试里面测试 ####

在D中创建test目录

@Test
    public void testTemplate() {
    	String url = "D:/test/";
    	Context context = new Context();
    	context.setVariable("name", "world");
    	TemplateUtils.process("template.html", context, url+"test.html");
    }

右击Juint Test运行后  
![在这里插入图片描述][20190307114449678.png]  
在文件夹中查看已有文件生成  
![在这里插入图片描述][20190307114728508.png]  
开发页面  
![在这里插入图片描述][20190307114808523.png]  
生成成功

小程序中使用web-view标签可以嵌套html

<web-view src="D:/test/test.html"></web-view>

[20190307114449678.png]: /images/20220311/308388bd3fb74c8ca18fb4dcb733f50b.png
[20190307114728508.png]: /images/20220311/460a97a7ae3041c88ec59a6a6131a458.png
[20190307114808523.png]: /images/20220311/76fd9ffe5b224a028594c508518783f7.png