vert.x学习，动态模板与静态文件的结合

Posted 唐际忠

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vert.x学习，动态模板与静态文件的结合相关的知识，希望对你有一定的参考价值。

这篇学习在动态模板里面引入css，把动态模板与静态文件结合起来使用。

编写DynamicReference.java

package com.javafm.vertx.helloworld;

import io.vertx.core.Vertx;
import io.vertx.core.http.HttpServer;
import io.vertx.ext.web.Router;
import io.vertx.ext.web.handler.StaticHandler;
import io.vertx.ext.web.templ.ThymeleafTemplateEngine;
import org.thymeleaf.templateresolver.ClassLoaderTemplateResolver;

/**
 * Created by lemontea <36634584@qq.com> on 16-12-20.
 */
public class DynamicReference {
    public static void main(String[] args) {
        Vertx vertx = Vertx.vertx();

        ThymeleafTemplateEngine engine = ThymeleafTemplateEngine.create();
        ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();
        resolver.setPrefix("templates");
        resolver.setSuffix(".html");
        resolver.setTemplateMode("HTML5");
        engine.getThymeleafTemplateEngine().setTemplateResolver(resolver);

        Router router = Router.router(vertx);

        // 配置动态文件访问路径
        router.route("/hello").handler(routingContext -> {
            routingContext.put("msg", "DynamicReference.");
            engine.render(routingContext, "/hello", res -> {
                if (res.succeeded()) {
                    routingContext.response().putHeader("Content-Type", "text/html").end(res.result());
                } else {
                    routingContext.fail(res.cause());
                }
            });
        });

        // 配置静态文件
        router.route("/*").handler(StaticHandler.create());

        HttpServer httpServer = vertx.createHttpServer();
        httpServer.requestHandler(router::accept).listen(8080);
    }
}

在这里通过/*来匹配所有的静态文件，而动态模板，则用单个的route来配置，这里是/hello

编写动态模板文件resources/templates/hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--在动态模板里面引用静态css文件-->
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>
<h1 th:text="${msg}"></h1>
</body>
</html>

在这里引入了一个style.css文件，给h1标签设置了颜色样式。这个css文件与上篇学习中的css文件是同一个。

运行http服务，在浏览器查看效果

我们可以看到，访问动态页面的时候，为msg设置了值，并且引用了静态css文件。

 

原创文章，转载请注明出处。

以上是关于vert.x学习，动态模板与静态文件的结合的主要内容，如果未能解决你的问题，请参考以下文章

Vert.x - SpringBoot 整合 vertx 使用 thymeleaffreemarker 模板引擎

结合vert.x和mongo构建应用

基于大数据的Uber数据实时监控（Prat 3：使用Vert.x的实时仪表盘）

Vert.x - Web Validation 请求校验

Vert.x SQLConnection：“路由中出现意外异常”，“等待 30000（毫秒）回复后超时”

从零开始学习Vert.x