iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
1
自我挑戰組

ASP.NET 網頁程式設計初學者系列 第 17

Day17-ASP.NET 網站巡覽控制項

  • 分享至 

  • xImage
  •  

剛剛稍微查了一下
Asp.net網站巡覽功能由三個控制項及巡覽設定組成:
控制項有
Menu
TreeView
SiteMapPath
它們是負責呈現網站的架構
那另外會由
SiteMapDataSource 還有 .sitemap檔 來處理網站得巡覽資料及其他設定
我就直接來找看看Pchome應該會是很好的例子?
沒有收錢業配喔
https://shopping.pchome.com.tw/
超棒的 果然有

第一個Menu
圖一
https://ithelp.ithome.com.tw/upload/images/20201002/201123575fz4lqkhXx.png
這個就算是MENU了
審麼類下面就會有什麼樣的商品

第二個是TREEVIEW
很棒果然也有!!
圖2
https://ithelp.ithome.com.tw/upload/images/20201002/20112357oITuc2V06J.png
我這邊要輸入關鍵字
然後她會顯示個關鍵字有出現在哪類得產品當中
如果是打手機型號
他就會出現品牌.保護殼.充電線
這樣就超級方便
這邊有沒有看到他有+號
就是可以伸縮 按一下跳出來再按一下就縮回去了
這個就是TREEVIEW控制項

第三個是SiteMapPath
優質 還是拿批西轟來當例子
圖三
https://ithelp.ithome.com.tw/upload/images/20201002/20112357YwXSd4w3zR.png
框起來 的地方
就是階層得概念這樣
當然
因為網頁也是一層一層的
Pc轟>線上購物>24小時>品牌>甚麼東西
這樣架構就是非常清楚
如果是品牌點下去
他就會顯示這個品牌有甚麼東西
分類得非常清楚
就連這麼大的電商網站都有具備這些功能
想必是很有效率淂整理方法吧!!
如果有寫錯甚麼東西 或 觀念有問題 歡迎下面留言跟我說
:>>***


上一篇
Day16- SQL 入門語法- SELECT INSERT UPDATE DELETE
下一篇
Day18-網站巡覽-TreeView實作
系列文
ASP.NET 網頁程式設計初學者30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言