大家好，纔是真的好。
緊接上章。上章是啥，您已經忘記了？協作者其實也忘記了，所以我們知識文字銜接一下，內容嘛，看緣分吧，不如讓我們重新來過。
今天有點小痛苦，因爲要開發。開發有時候是指房地產開發，有時候是指軟件開發，這兩貨都有同一個特點，靠工時搭積木一樣地進度，而且都得有“福報”。
閒話少敘。進入到21世紀第二個十年來，甚至更早一年，我發現寫靜態HTML和CSS的時代一去不返。但有一說一，隨着輪子的增多，Web開發技術實際上也變得簡單，畢竟，您都可以面向S站編程了嘛。
今天我們介紹一個國產的前端框架LayUI在Domino Web開發中的使用，主要實現一個功能：將多個Volt應用的URL地址放入到首頁導航中去。
談到URL地址，我想起來了，上一篇是短URL地址，嗯，很好，跟我們今天的內容關係不是很大。
在開始之前，您可以先看看https://www.layui.com網站，熟悉一下LayUI框架。
如果您運氣好，還可以和這個框架的作者賢心談談心，前提您是女性，因爲聽說他是男的。
然後我們分三步實現Web導航條的設計實現：
第一步，引入公網上的LayUI文件
第二步，抄一個LayUI的佈局元素
第三步，預覽。
很簡單，就像把一頭大象放到冰箱，也分爲三個步驟，打開冰箱、塞進大象，關上冰箱。
具體來看看吧。創建Notes應用和建表單，就不過多介紹，嘴已經講爛了。
在數據庫裏面創建一個空白表單，比如我們建了一個表單，名叫index，
接着，按照LayUI網站上的說明進行引入
在表單的“HTML首頁內容”事件中，引入公網上的LayUI文件，分別是javascript和css，如下圖：
很簡單吧，就是括號和引號得注意哦。再接着到“JS Head”中，寫入下面的語句：
layui.use( ‘element’, function() {
})
效果如下：
好，接着就是第二步，到LayUI站點抄一個水平導航欄，如下圖：
放到Notes表單上，先把導航的文字改一改(dl標籤中)，加入我們的Volt App名稱和URL短地址（URL可對應地址，上篇提到），如下圖：
然後內置一下
最後，我們就可以進行預覽了。
你看三步已經做完，效果也出來。點一下，還可進Volt應用。
正當協作者準備華麗轉身，深藏功名時，有人大喝一聲，不對，這裏的導航是靜態的！我要加動態的，隨時可簡單加導航鏈接。
——這位朋友，先放下嗓子，動態也可以實現的，不過，一口吃不成膀(pang)子，我們也要時間，對吧？回頭我找一找40米長的大砍刀，再來聊聊。
更多精彩內容請關注微信公衆號“協作者”
原文地址：https://mp.weixin.qq.com/s/NEazihgbZE8QWQ6r-h0Hrw
更多HCL Domino學習視頻請關注淘寶店鋪：協作者的店