将 haskell 列表数据渲染到网页

Question

我正在使用 snap 框架和 haskell 创建简单的 Web 应用程序。我想知道如何将列表呈现到网页上，就像这样我有一个包含名字和姓氏的列表

[["firstName1","lastName1"],["firstName2","lastName2"],["firstName3","lastName3"]]

我想以两个方式显示这些信息列，有哪些可能的方法可以做到这一点，我能够绑定单值信息并显示在网页上。

Answer 1

Don 建议的 blaze-html 是实现此目的的一种方法，但我发现当我这样做时，我更倾向于通过将视图（在本例中为 HTML）嵌入到您的视图中来违反常用的 MVC 设计模式。哈斯克尔代码。在某些情况下，如果你只是想做一些快速而肮脏的事情，这可能就是你应该做的事情。但是，如果您希望以将视图与控制器分离的方式适应更大的应用程序，并允许不熟悉 Haskell 的设计人员使用它，那么您最好使用 Heist 模板系统。

我们在此处提供了抢劫教程。我最近还写了一系列关于此类事情的博客文章。 本系列的第二篇文章尤其可能是与你的问题最相关。下面是一些执行您想要的操作的代码：

names :: [(Text,Text)]
names = [("Alice", "Anderson"), ("Bob", "Brown")]

nameSplice :: (Text, Text) -> Splice Application
nameSplice name =
    runChildrenWithText [("firstName", fst name), ("lastName", snd name)]

namesSplice :: Splice Application
namesSplice = mapSplices nameSplice names

在使用 bindSplice "names" nameSplice 将名称 splice 绑定到应用程序中的某个位置后，您可以从如下模板中获取此数据

<table>
<names>
  <tr><td><firstName/></td><td><lastName/></td></tr>
</names>
</table>

：也就是说，网页设计师可以完全控制名称的显示方式。如果他们需要更改显示以显示“姓氏，名字”格式的无序列表，那么在这里很容易做到，而无需重新编译您的应用程序。

Answer 2

我非常喜欢 blaze-html，它是一套出色的快速翻译组合器将 Haskell 数据类型结构化为 html。

它有一个很好的主页，里面有很多示例，如下所示：

{-# LANGUAGE OverloadedStrings #-}

import Prelude hiding (head)
import Control.Monad
import Text.Blaze.Html4.Strict
import Text.Blaze.Renderer.Text
import qualified Data.Text.Lazy.IO as T

main = T.writeFile "f" (renderHtml (draw xs))
  where
    xs = [("firstName1","lastName1"),("firstName2","lastName2"),("firstName3","lastName3")]

draw xs = html $ do
    head $ title "Example"
    body $ do
        h1 "Heading"
        table $ forM_ xs $ \(f,l) ->
            tr $ do
                td f
                td f

生成一个 text 字符串包含此表：

Heading

firstName1  firstName1
firstName2  firstName2
firstName3  firstName3

如果您可以从 snap 输出 text，那么您应该没问题。