最近在寫一個Asp.Net mvc論壇的畢業設計，想實作首頁內容的動態重繪,考慮到上面導航欄實作效果是通過a標簽實作每一個選項一個頁面，但是觀察到知乎首頁的熱搜、關注、推薦 三個板塊的切換并沒有 頁面的重新加載，但是路徑進行了切換，想問一下這種效果如何實作，或者有什么好的思路
uj5u.com熱心網友回復：
ajax了解一下uj5u.com熱心網友回復：
區域重繪嗎？uj5u.com熱心網友回復：
最簡單的直接把三塊內容一起載進來，通過CSS控制顯示誰不顯示誰就ok了
uj5u.com熱心網友回復：
但是這個知乎的三個切換，頁面沒有重繪，但是路徑發生了改變，內容也發生了改變，想了解一下大概思路
uj5u.com熱心網友回復：
1.js異步加載2.弄成多個區域，全部加載后，控制顯示區域和內容
uj5u.com熱心網友回復：
是有點奇怪，一般的前端框架，用a鏈接的#來區分加載的內容，#是對自己頁面的鏈接，不會重繪頁面。 這個直接用網址來做，一般是前端框架對href內容進行攔截處理的，具體不知道他們用什么框架。uj5u.com熱心網友回復：
你也可以試一下單頁應用啊，都是一個頁面，路徑變了是框架的路由管理起作用。uj5u.com熱心網友回復：
其實前端專案有很多現成的方案，建議前后端分離下先。前端可以分成多個組件，整體框架一個TabTable，Header內容來區分大類。
每個TabItem內容都是一個List，List的Item樣式再定義一下，如標題，內容簡介，縮略圖等部分。
資料獲取及重繪可以使用ajax或者二次封裝的庫來實作（axios等），獲取到資料重繪組件內容，通常使用mvvm框架的系結機制，資料重繪，UI自動重繪。
這個思路可以用vue，angular等來實作，還可以借助下Element-UI等庫。
uj5u.com熱心網友回復：
<nav class="TopstoryTabs Topstory-tabs"><a aria-controls="Topstory-recommend" class="TopstoryTabs-link Topstory-tabsLink" data-za-detail-view-id="9122" data-za-extra="{"button":{"text":"推薦"}}" href="https://bbs.csdn.net/">推薦</a><a aria-controls="Topstory-follow" class="TopstoryTabs-link Topstory-tabsLink" data-za-detail-view-id="9122" data-za-extra="{"button":{"text":"關注"}}" href="https://bbs.csdn.net/follow">關注</a><a aria-controls="Topstory-hot" class="TopstoryTabs-link Topstory-tabsLink is-active" data-za-detail-view-id="9122" data-za-extra="{"button":{"text":"熱榜"}}" href="https://bbs.csdn.net/hot">熱榜</a></nav>
是挺奇怪，是通過a標簽的href切換的，
頁面url也變更了，但只有中間容器內容變更了，其他模塊都沒有重繪
uj5u.com熱心網友回復：
單頁面程式，你可以參考一下 ASP.NET Core Blazor 框架，他就是一個單頁面轉載請註明出處，本文鏈接：https://www.uj5u.com/net/281917.html
標籤：ASP.NET