今天繼續上一節的開發
今天我們需要具體的開發一個圖書館網站，分為以下幾個頁面

• / HomeR GET 主頁
• /login LoginR GET 使用者登入頁面
• /library LibraryR GET 圖書館介紹頁面
• /booklist BookListR GET 圖書列表頁面
• /book/#Integer BookR GET 具體圖書頁面
• /user/#Integer UserR GET 具體使用者頁面

首先我們簡單完成HomeR和LibraryR的頁面(具體程式碼省略，大家自己完成)。
如果要做一個網站，必要的圖片是不可或缺的。我們想在LibraryR中放置一個Logo圖示。因此我們需要像通常的web開發框架那樣，在一個具體目錄下存放logo.jpg

<img src=@{StaticR logo_jpg}>

這裡需要注意的是，yesod會將目錄結構和.分隔符用_來替代
接下來在src的同級建立一個static目錄，並copylogo.jpg到其中
然後我們在routes結構中增加對於static的宣告/static StaticR Static getStatic，其中的getStatic是說明從何處存取static檔案

我們需要全域性宣告static的目錄，在全域性範圍上增加$(staticFiles "static")

修改App的宣告 data App = App{getStatic::Static}

修改App的構造方式，增加註入static目錄的方式

main = do
    [email protected](Static settings) <- static "static"
    wrap 3000 $ App s

這樣就可以讀入static目錄和其中的檔案了

首頁上的內容大家自己構造，在這裡我們來說明一下如何做一個帶引數的連結。我們已經聲明瞭UserR路由，這個路由帶有一個使用者ID

getHomeR :: Handler Html
getHomeR = do
    ...
    let userid = -1 :: Integer
    ...
 

在頁面上我們希望通過該ID的不同值來渲染節點

$if (userid == -1)
    <label>
$else
    <a href=@{UserR userid} #userC∑lick>使用者設定

這樣通過使用$if $else標籤，我們就區別了使用者存在和不存在的狀態