Vapor系列教程 - Views

Swift國內社區: SwiftMic


Vapor 可直接返回純 HTML 頁面,也可以用 MustacheStencil 模版來渲染頁面。

目錄


  • Resources/Views - 存放 Views
  • Public/images - 存放圖片資源
  • Public/styles - 存放 css 資源

HTML


直接返回純 HTML

drop.get("welcome") { request in
    return try drop.view("welcome.html")
}

編輯 welcome.html

<!DOCTYPE html>
<html>
<head>
    <title>Vapor</title>
</head>
<body>
    Hello World
</body>
</html>

模版


編輯 Package.swift ,增加 Vapor Mustache 依賴

https://github.com/vapor/vapor-mustache.git

import PackageDescription

let package = Package(
    name: "vapor_test",
    dependencies: [
        .Package(url: "https://github.com/vapor/vapor.git", majorVersion: 0, minor: 16),
        .Package(url: "https://github.com/vapor/vapor-mustache.git", majorVersion: 0, minor: 11)
    ],
    exclude: [
        "Config",
        "Database",
        "Localization",
        "Public",
        "Resources",
        "Tests",
    ]
)

編輯 main.swift

import VaporMustache

let drop = Droplet(providers: [VaporMustache.Provider.self])

drop.get("mustache") { request in
    return try drop.view("template.mustache", context: [
        "greeting": "Hello, world!"
    ])
}

編輯 template.mustache

<h1>{{ greeting }}</h1>

訪問 http://localhost:8080/mustache 即可顯示由 mustache 渲染生成的 HTML 頁面。

注意: 具體訪問地址以實際配置為主)


Go to Vapor系列教程 - 目錄

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,251評論 4 61
  • 書不會過時,影片會過世
    燈塔高處閱讀 91評論 0 0
  • 麻將作為我們在我們的文化之中佔用無可動搖的地位,然而作為一個中國人,我卻對麻將一竅不通,只知道一些簡單的術語,“碰...
    rampage_loki閱讀 138評論 0 0
  • 2015年5月末攜程、支付寶事件分析 攜程 5月28日中午11時9分開始,不少用戶發現在線旅游網站攜程無法打開,其...
    lshxyz閱讀 757評論 0 2
  • 她到倫敦是在中午十一點半,這周是她們學校的reading week,也恰好我們沒課,所以她想來倫敦找我。 考慮到我...
    一目RyanLee閱讀 243評論 1 2