ASP.NET專題實務 WebForm + MVC線上教學影片 -- MIS2000Lab.

MIS2000 Lab.已推出20餘本電腦書，曾任資策會專任講師與微軟MVP。自.NET 1.x起，已出版15本ASP.NET (Web Form)書籍，也有遠距教學 線上教程 教學影片

2008-09-12

ASP.NET的OutputCache #1。直接看執行結果，學習Cache一看就懂。

關於 ASP.NET的 Cache，官方網站其實講的很清楚
話雖如此，但我還是相信做兩個範例來看，會更為清楚。

直接看看程式的執行結果，會比讀官方文件更快瞭解。
難怪洋人有句諺語「一張圖片，勝過千言萬語」。

Cache與AJAX都很抽象，講再多也沒用。直接讓學生（初學者）看看成果，動手玩一下，他們就會恍然大悟！

 

Cache與 Transation的部份，已經收錄在本書下集（ASP.NET專題實務 II -- 範例集與4.0新功能）

我找幾支簡單的程式分享給大家。

====================================================================

 

關於 ASP.NET的 Cache，官方網站其實講的很清楚（中文說明）http://msdn.microsoft.com/zh-tw/library/h30h475z(VS.80).aspx

話雖如此，但我還是相信做兩個範例來看，會更為清楚。

直接看看程式的執行結果，會比讀官方文件更快瞭解。

難怪洋人有句諺語「一張圖片，勝過千言萬語」。 

Cache與AJAX都很抽象，講再多也沒用。直接讓學生（初學者）看看成果，動手玩一下，他們就會恍然大悟！

 

 

範例一，Cache是什麼？有何功能？

首先在 .ASPX檔案裡面，加上這段話。

 <%@ OutputCacheDuration="30" VaryByParam ="none"%>   意思就是說：30秒內都保持快取，不會跟Server 索取資料。

對於一些不常變更的資料，善用 Cache的功能，可以大大減低 Server的負擔。

例如：一些新聞媒體的網站，同一則新聞（主編審核過，也已經發佈了），大概不會每分每秒都去修改內容吧。那麼Cache就能有效降地 Server的負擔。

 

我們來看看這支程式的執行結果：

    圖片一，這支程式被執行的時間是早上九點， 09:29分:29秒

    因為設定了 OutputCahce = 30秒，所以這三十秒內，任憑你如何重整瀏覽器（Refresh、按下[F5]鍵），畫面都不會變動。

    為了證明我所言不虛，我還找了一個 JavaScript的特效時鐘，讓大家看看時間一直在動。

    但因為網頁被 Cahce住了，這三十秒內，畫面的內容都不會改變。

 

圖片二，我不斷地重整 Refresh瀏覽器，突然間畫面的內容改變了。

    因為已經超過 30秒的 Cache時間，所以重整瀏覽器的畫面，又會重新執行程式（跟Server互動）。

    時間就會變成 09:29:59秒

 

上面這個範例的程式很短，請看：

01 <%@ Page Language="VB" AutoEventWireup="false" ....這一段由VS 2008幫你處理，各人都不同%>
02
03 <%@ OutputCache Duration ="30"  VaryByControl="None" %>
04
05 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
06
07 <html xmlns="http://www.w3.org/1999/xhtml" >
08 <head runat="server">
09     <title>未命名頁面</title>
10 </head>
11 <body>
12
13     <form id="form1" runat="server">
14         <br />
15         <span style="font-size: 14pt">
16         Server時間（網頁執行瞬間的時間）--<font color ="red"><%=now()%> </font>
17         </span>      
18     </form>
19
20 </body>
21 </html>

   

 

 

範例二，鎖定某一個QueryString來做Cache

Cache也可以鎖定某一個控制項、鎖定某一個 QueryString或是傳統HTML表單的Post/Get參數....等等。

 

下面這個程式也很簡單，你在畫面上點選任何一個「文章的分類」（例如：教育、政治、娛樂、其他，共有四大分類）

  • 當你點選同一個分類時，畫面會被 Cache住（20秒內都不會動、不會更新內容）。
  • 點選不同的分類，畫面則會更新（跟Server索取資料）。

 

首先在 .ASPX檔案裡面，加上這段話。

 <%@ OutputCache Duration="20" VaryByParam="class" %>

    各位可以看看下面的程式執行結果（圖片三），我是透過 QueryString或是傳統HTML表單的Post/Get參數 來控制這支程式的。

    cache_1_1.aspx?class=其他       (快取會鎖定它)

 

    在20秒的快取時間內（OutCache Duration="20"），如果你重複點選「其他」這個分類，

    這個畫面都會保持在 09:54:19秒，時間不會變動，內容不會更新（下面的GridView也不會變動）。

    表示 Cache快取生效。

 

圖片四，經過20秒之後，重新點選「其他」這個文章分類，各位可以看見，畫面上的時間就會更動了。

    如果這段時間內，有新文章加入資料庫，我們就能看見新資料出現在畫面上。

 

講完了，就是這麼簡單。

 

 

 

本文的兩個程式範例，在下一篇文章中，將提供給讀者下載。

但連結資料庫的字串，必須依照您的環境稍作修改。

 

關於上面兩個範例，相關的參數都可以看看下面的MSDN官方文件，有更深入的解說：

相關文章請看：

 

====================================================================

我常常在BLOG上講的，動手做就對了。

從實作中學習，不要老是問東問西，把自己卡在「學VB語法好？還是C#語法好？」這種無聊問題上面。

到網路上四處發問，問了半年，結果一本書也沒買，一個範例也沒動手做過。    時間都浪費在「自己的優柔寡斷」上面。

 

上面的範例，自己動手作作看，看看程式的執行結果，很快就知道 Cache有什麼作用？能用在哪些地方？

比起看一堆書、聽老師講到嘴角全是沫，都還簡單也更快瞭解

拋開雜念，動手去做！就對了

 

 這本書超棒的，拋開雜念！   買下去就對了～

 

 

今日值班正妹，吉澤明步（日本愛情動作片的明星）

吉澤明步p>

 

 

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學，遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學，遠距教學 (ASP.NET MVC 約 135hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我，不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程（Web Form + MVC）。 第一天課程， "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！MIS2000Lab.主講   事先錄好的影片，並非上課側錄！   觀看時，有如「一對一」面對面講課。

 

 

 

贊助商連結

BloggerAds