如何做一個2000年風格復古的個人網(wǎng)站(5)留言板查看功能
時間:2023-07-27 02:42:01 | 來源:網(wǎng)站運營
時間:2023-07-27 02:42:01 來源:網(wǎng)站運營
如何做一個2000年風格復古的個人網(wǎng)站(5)留言板查看功能:
查看留言列表頁面
新建一個:list.asp 頁面。
創(chuàng)建一個表格,來排版需要展示出來的內(nèi)容
創(chuàng)建一個用于顯示記錄的數(shù)據(jù)集
數(shù)據(jù)源選擇之前創(chuàng)建的留言板的數(shù)據(jù)源,排序使用id的降序
有了數(shù)據(jù)源了以后,就可以顯示數(shù)據(jù)了。
還是在 Server Behavious 里選擇:Dynamic Elements -> Dynamic Text,插入動態(tài)數(shù)據(jù)。
插入好了后如下圖,顯示“心情圖片”略有點復雜,放在后面處理。
然后我們在瀏覽器里面測試一下
哇。數(shù)據(jù)出來了誒??!
不過目前只會顯示一條數(shù)據(jù),要顯示多條,可以這么弄(還是不用敲代碼)
先選擇表格,再在 Server Behavirous 里面選擇:Repeat Region
顯示10條好了。我們通過 write.asp 多寫幾條數(shù)據(jù)試試看。
也許你會問,上面限制了顯示的條數(shù)最多為 10 條,要顯示更多留言數(shù)據(jù)怎么辦?
沒關(guān)系,UltraDev幫你想到了!
如下圖插入翻頁導航條
可以選擇文字導航還是圖片導航,考慮到在2000年,主流的上網(wǎng)設(shè)備還是33.6k小貓的情況下,就選擇文字導航吧。能省1k流量是1k。
插入后的效果(導航文字可以修改為中文的哦)
(為了好測試,我們把每頁的顯示條數(shù)從 10 條修改為 2 條)
第一頁的效果
第二頁的效果
至此,我們在沒有寫任何代碼的情況下,完成了一個簡單留言板的所有功能。