成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vert.x Blueprint 系列教程(二) | Vert.x Kue 教程（Web部分）

Kerr1Gan / 3298人閱讀

摘要：上部分藍圖教程中我們一起探索了如何用開發(fā)一個基于消息的應(yīng)用。對部分來說，如果看過我們之前的藍圖待辦事項服務(wù)開發(fā)教程的話，你應(yīng)該對這一部分非常熟悉了，因此這里我們就不詳細解釋了。有關(guān)使用實現(xiàn)的教程可參考藍圖待辦事項服務(wù)開發(fā)教程。

上部分藍圖教程中我們一起探索了如何用Vert.x開發(fā)一個基于消息的應(yīng)用。在這部分教程中，我們將粗略地探索一下kue-http模塊的實現(xiàn)。

Vert.x Kue REST API

kue-http模塊中只有一個類KueHttpVerticle，作為整個REST API以及UI服務(wù)的實現(xiàn)。對REST API部分來說，如果看過我們之前的 Vert.x 藍圖 | 待辦事項服務(wù)開發(fā)教程 的話，你應(yīng)該對這一部分非常熟悉了，因此這里我們就不詳細解釋了。有關(guān)使用Vert.x Web實現(xiàn)REST API的教程可參考 Vert.x 藍圖 | 待辦事項服務(wù)開發(fā)教程。

將Kue UI與Vert.x Web進行適配

除了REST API之外，我們還給Vert.x Kue提供了一個用戶界面。我們復(fù)用了 Automattic/Kue 的用戶界面所以我們就不用寫前端代碼了（部分API有變動的地方我已進行了修改）。我們只需要將前端代碼與Vert.x Web適配即可。

首先，前端的代碼都屬于靜態(tài)資源，因此我們需要配置路由來允許訪問靜態(tài)資源：

router.route().handler(StaticHandler.create(root));

這樣我們就可以直接訪問靜態(tài)資源咯～

注意到Kue UI使用了Jade（最近貌似改名叫Pug了）作為模板引擎，因此我們需要一個Jade模板解析器。好在Vert.x Web提供了一個Jade模板解析的實現(xiàn): io.vertx:vertx-web-templ-jade，所以我們可以利用這個實現(xiàn)來渲染UI。首先在類中定義一個JadeTemplateEngine并在start方法中初始化：

engine = JadeTemplateEngine.create();

然后我們就可以寫一個處理器方法來根據(jù)不同的任務(wù)狀態(tài)來渲染UI：

private void render(RoutingContext context, String state) {
  final String uiPath = "webroot/views/job/list.jade"; // (1)
  String title = config().getString("kue.ui.title", "Vert.x Kue");
  kue.getAllTypes()
    .setHandler(resultHandler(context, r -> {
      context.put("state", state) // (2)
        .put("types", r)
        .put("title", title);
      engine.render(context, uiPath, res -> { // (3)
        if (res.succeeded()) {
          context.response()
            .putHeader("content-type", "text/html") // (4)
            .end(res.result());
        } else {
          context.fail(res.cause());
        }
      });
    }));
}

首先我們需要給渲染引擎指定我們前端代碼的地址 (1)。然后我們從Redis中獲取其中所有的任務(wù)類型，然后向解析器context中添加任務(wù)狀態(tài)、網(wǎng)頁標(biāo)題、任務(wù)類型等信息供渲染器渲染使用 (2)。接著我們就可以調(diào)用engine.render(context, path, handler)方法進行渲染 (3)。如果渲染成功，我們將頁面寫入HTTP Response (4)。

現(xiàn)在我們可以利用render方法去實現(xiàn)其它的路由函數(shù)了：

private void handleUIActive(RoutingContext context) {
  render(context, "active");
}

然后我們給它綁個路由就可以了：

router.route(KUE_UI_ACTIVE).handler(this::handleUIActive);

是不是非常方便呢？不僅如此，Vert.x Web還提供了其它各種模板引擎的支持，比如 FreeMaker, Pebble 以及 Thymeleaf 3。如果感興趣的話，你可以查閱官方文檔來獲取詳細的使用指南。

展示時間！

是不是等不及要看UI長啥樣了？現(xiàn)在我們就來展示一下！首先構(gòu)建項目：

gradle build

kue-http需要kue-core運行著（因為kue-core里注冊了Event Bus服務(wù)），因此我們先運行kue-core，再運行kue-http。不要忘記運行Redis:

redis-server
java -jar kue-core/build/libs/vertx-blueprint-kue-core.jar -cluster -ha -conf config/config.json
java -jar kue-http/build/libs/vertx-blueprint-kue-http.jar -cluster -ha -conf config/config.json

為了更好地觀察任務(wù)處理的流程，我們再運行一個示例：

java -jar kue-example/build/libs/vertx-blueprint-kue-example.jar -cluster -ha -conf config/config.json

好啦！現(xiàn)在在瀏覽器中訪問http://localhost:8080，我們的Kue UI就呈現(xiàn)在我們眼前啦！

My Blog: 「千載弦歌，芳華如夢」 - sczyh30"s blog

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/64954.html

相關(guān)文章

  • Vert.x Blueprint 系列教程(二) | 開發(fā)基于消息的應(yīng)用 - Vert.x Kue

    摘要：本文章是藍圖系列的第二篇教程。這就是請求回應(yīng)模式。好多屬性我們一個一個地解釋一個序列，作為的地址任務(wù)的編號任務(wù)的類型任務(wù)攜帶的數(shù)據(jù)，以類型表示任務(wù)優(yōu)先級，以枚舉類型表示。默認(rèn)優(yōu)先級為正常任務(wù)的延遲時間，默認(rèn)是任務(wù)狀態(tài)，以枚舉類型表示。 本文章是 Vert.x 藍圖系列 的第二篇教程。全系列： Vert.x Blueprint 系列教程(一) | 待辦事項服務(wù)開發(fā)教程 Vert.x B...

    elina 評論0 收藏0

  • Vert.x Blueprint 系列教程(一) | 待辦事項服務(wù)開發(fā)教程

    摘要：本文章是藍圖系列的第一篇教程。是事件驅(qū)動的，同時也是非阻塞的。是一組負責(zé)分發(fā)和處理事件的線程。注意，我們絕對不能去阻塞線程，否則事件的處理過程會被阻塞，我們的應(yīng)用就失去了響應(yīng)能力。每個負責(zé)處理請求并且寫入回應(yīng)結(jié)果。 本文章是 Vert.x 藍圖系列 的第一篇教程。全系列： Vert.x Blueprint 系列教程(一) | 待辦事項服務(wù)開發(fā)教程 Vert.x Blueprint 系...

    frank_fun 評論0 收藏0

  • Vert.x Blueprint 系列教程(三) | Micro-Shop 微服務(wù)應(yīng)用實戰(zhàn)

    摘要：本教程是藍圖系列的第三篇教程，對應(yīng)的版本為。提供了一個服務(wù)發(fā)現(xiàn)模塊用于發(fā)布和獲取服務(wù)記錄。前端此微服務(wù)的前端部分，目前已整合至組件中。監(jiān)視儀表板用于監(jiān)視微服務(wù)系統(tǒng)的狀態(tài)以及日志統(tǒng)計數(shù)據(jù)的查看。而服務(wù)則負責(zé)發(fā)布其它服務(wù)如服務(wù)或消息源并且部署。 本文章是 Vert.x 藍圖系列 的第三篇教程。全系列： Vert.x Blueprint 系列教程(一) | 待辦事項服務(wù)開發(fā)教程 Vert....

    QiShare 評論0 收藏0

  • Vert.x入坑須知（4）

    摘要：主要是避免引入太多的復(fù)雜性，并且出于靈活部署的需要。以應(yīng)用為例，由于實際上是在上執(zhí)行，若它被阻塞，即導(dǎo)致后續(xù)請求全部無法得到處理。因此，最合適的做法就是對于簡單業(yè)務(wù)，采用異步庫。本系列其他文章入坑須知入坑須知入坑須知 最開始覺得這個系列也就最多3篇了不起了（因為事不過三嘛），沒曾想居然迎來了第四篇！ Kotlin 由于最近決定投身到區(qū)塊鏈的學(xué)習(xí)當(dāng)中的緣故，出于更好的理解它的基本概念，自...

    summerpxy 評論0 收藏0

  • 使用Vert.x構(gòu)建Web服務(wù)器和消息系統(tǒng)

    摘要：而不是開始，將服務(wù)使用多線程的請求重量級的容器。是啟動多個輕便單線程的服務(wù)器和流量路由到他們。亮點應(yīng)用程序是事件驅(qū)動，異步和單線程的。通過使用事件總線傳遞消息通信。為了建立一個消息系統(tǒng)，則需要獲得該事件總線。 摘要 如果你對Node.js感興趣，Vert.x可能是你的下一個大事件：一個建立在JVM上一個類似的架構(gòu)企業(yè)制度。 這一部分介紹Vert.x是通過兩個動手的例子（基于Vert.x...

    DrizzleX 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<