zoukankan      html  css  js  c++  java
  • vert.x学习(五),用StaticHandler来处理静态文件

    做web开发,css、js、图片等静态资源是必不可少的,那么vert.x又是怎么来加载这些静态资源呢。请看StaticHandler

    编写HelloStaticResource.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;
    
    /**
     * Created by lemontea <36634584@qq.com> on 16-12-20.
     */
    public class HelloStaticResource {
        public static void main(String[] args) {
            Vertx vertx = Vertx.vertx();
            HttpServer httpServer = vertx.createHttpServer();
            Router router = Router.router(vertx);
            // 使用StaticHandler来处理静态文件handler
            // 需要注意的是静态文件要放到webroot里面,即 resources/webroot
            router.route("/*").handler(StaticHandler.create());
            httpServer.requestHandler(router::accept).listen(8080);
        }
    }

    在创建静态文件resources/webroot/css/style.css

    h1 {
        color: #008080;
    }

    在创建静态文件resources/webroot/index.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="/css/style.css">
    </head>
    <body>
        <h1>static files from webroot</h1>
    </body>
    </html>

    在index.html里面引用/css/style.css

    启动http服务,在浏览器查看效果

    可以看到正确的加载了静态文件html和css。  短短几行java代码,就拥有了一个静态文件服务器。可见vert.x用起来还是蛮爽的。

    最后再来一张工程结构截图,请与我一起学习的同学对号入座。

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

  • 相关阅读:
    css实现水平/垂直居中效果
    Mac 下用homebrew安装配置MongoDB
    阿里云ECS搭建node/mongodb开发环境及部署
    阿里云首次安装和部署nginx
    前端学习借鉴目录
    040.[转] 对于程序框架的理解
    039.[转] 基于 Kubernetes 和 Spring Cloud 的微服务化实践
    038.[转] JVM启动过程与类加载
    037.[转] springboot 配置多个数据源
    036.[转] JNDI 学习
  • 原文地址:https://www.cnblogs.com/tangjizhong/p/6202462.html
Copyright © 2011-2022 走看看