2014年1月28日 星期二

OutputCache在VS 2012/2013的錯誤 -- 張貼快取替換與IIS修改回應緩衝的Integrated不相容(Post cache substitution is not compatible with modules in the IIS integrated pipeline that modify the response buffers)

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/13/vs2013_iis_outputcache_substitution_error.aspx

OutputCache在VS 2012/2013的錯誤 -- 張貼快取替換與IIS修改回應緩衝的Integrated不相容(Post cache substitution is not compatible with modules in the IIS integrated pipeline that modify the response buffers)




執行以前的範例，在新版 VS 2013卻發現錯誤？


錯誤訊息：
 
 
If the application is hosted on IIS7 in Integrated Pipeline mode, an exception of type System.InvalidOperationException occurs with the following details:
 
Exception Details: System.InvalidOperationException: Post cache substitution is not compatible with modules in the IIS integrated pipeline that modify the response buffers.  Either a native module in the pipeline has modified an HTTP_DATA_CHUNK structure associated with a managed post cache substitution callback, or a managed filter has modified the response.
 

最主要是 Response.WriteSubstitution() 與 Substitution控制項引起


解決方法：
     請把您的網站、專案，修改成下面這樣。
    上圖的錯誤訊息，其實講得很清楚。


如果還無法解決，請重新開一個「空」網站來執行
也需做好上圖設定。


不過，程式裡面的「Response.WriteSubstitution() 與 Substitution控制項」仍無法運作。

請看微軟的說明    http://support.microsoft.com/kb/2014472
To avoid the problem, choose one of the following options:
 
    Disable output caching on pages that are using substitution blocks.
 
OR
 
    Do not use the response filter module.


相關文章與解法（關閉 IIS的 Response Filter） 
 
                          
 
 
 
 




 
............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................
.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............
張貼者： 於 沒有留言:
標籤： , ,

[RWD]黯然銷魂 之 HTML KickStart套件，太好用了，以後用不到怎麼辦？ --響應式網頁 / 自適應網頁(Responsive Web)設計

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/15/super_easy_responsive_web_design_html_kickstart.aspx

[RWD]黯然銷魂 之 HTML KickStart套件，太好用了，以後用不到怎麼辦？ --響應式網頁 / 自適應網頁(Responsive Web)設計



之前介紹的 Boostrap也很棒，
但我學習它的時間，稍微長了一點
裡面的CSS設定，字眼也長了些



今天在社群上面看見一篇介紹文：http://www.webdesignerdepot.com/2014/01/how-to-kickstart-your-html/

驚為天人啊！！

教學？ HOW-TO？
都免啦！

直接看，喜歡的......立刻COPY就能用啦！
好簡單啊！

學習時間，10分鐘搞定


下面是我整理出來的範例，照著作（自己動手）
一定學得會。


簡單、直覺、立即上手......不可思議的 HTML KickStart
1. 官方網站，下載一個檔案。解開後放入您的網站
2. 網頁最上方，務必使用 HTML5 DocType  
3. 加入HTML表頭的 .js與 .css檔。

開始了，請慢用（太好學了，不用十分鐘。慢不下來啊~）

==== 以下是 ASP.NET檔案（.aspx）===========================
 
   
       
 
   
   
       
 
   
   
 
       

按鈕（Button）#1 Sizes

 
       
       
 
 
       
       
       
       
   
   
   




HTML KickStart套件，太好用了，以後用不到怎麼辦？
    太黯然了~~~
       太銷魂了




 
............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................
.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............
張貼者： 於 沒有留言:
標籤： , , , ,

[MVA]微軟虛擬學院，從零開始的課程，HTML5 & CSS3

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/09/mva_html5_beginner_20140107.aspx

[MVA]微軟虛擬學院，從零開始的課程，HTML5 & CSS3

協助微軟廣宣

裡面有很多免費的課程與範例

今天與大家推薦的HTML5 課程，剛好我也在準備這方面的內容

這些課程也跟「微軟認證考試」串在一起
您在學習時，也可以對應微軟的認證科目，將來參加考試
一舉兩得。

下面的課程都是「從零開始」，完全沒有負擔

即使英文不好（聽不懂），光是投影片的說明，也學到不少
更令人驚訝的是，其實IT的關鍵字就是那幾個單字，聽久了，無意間「英聽」也會進步

在這裡求學，還可以依照課程累積點數喔。
 
 
 
每一個「次主題」都有範例Code 可以下載
 
    我自己比較喜歡從範例裡面學
 
    老是講觀念，沒有範例可以作、可以改，我總是覺得不踏實
 
    MVA的課程在這一點尤其傑出。
 
 
 
 
 
 
 
這部分的課程，跟Windows App有點關連，但學習HTML5仍是很OK的
 
 
 
 
 
如果您是 ASP.NET 4.5的初學者
下面的課程從零開始，涵括了各大主題，您可以輕鬆學習
 
 
 
 


上一篇文章（轉貼）就有提到這件事 -- 
 
 
微軟MVA就是一個專業的、學校以外的學習管道






 
............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................
.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............
張貼者： 於 沒有留言:
標籤： , , , , , ,

ASP.NET產生QR Code (手機二維條碼)

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/20/aspnet_qrcode_generator.aspx

ASP.NET產生QR Code (手機二維條碼)


我比較懶，我都是透過工具產生的。
例如：Google

文章裡面使用URL的 QueryString就能幫你產生一個QR Code
以我為例  
https://chart.googleapis.com/chart?chs=180x180&cht=qr&chl=http://www.dotblogs.com.tw/mis2000lab/&chld=L|4
您只需修改黃色底色的URL網址，就能產生您自己的QR Code了

相關的參數：
..........................................................................................................................................................................................................
chs 代表圖片大小，以我為例，是180x180
chld 代表QR Code的解析度與容錯率 。
         L是預設值，可涵蓋7%的資料流失率。後面的第二參數，預設是4。
其他的多是預設值，不用改。
..........................................................................................................................................................................................................

產生以後的QR Code，您用手機試試看

要放在自己網頁裡面，可以這樣寫：
    HTML碼    <img src="https://chart.googleapis.com/chart?chs=180x180&cht=qr&chl=http://www.dotblogs.com.tw/mis2000lab/&chld=L|4">
    ASP.NET控制項   Image
 imageUrl="https://chart.googleapis.com/chart?chs=180x180&cht=qr&chl=http://www.dotblogs.com.tw/mis2000lab/&chld=L|4" />

直接把上面 Google 那段URL放進去就好，很簡單。


舉例來說，這篇文章的URL網址已經確定了
您只要寫上面的任一個圖片標籤，就會自動產生下面的QR Code
1<img src="https://chart.googleapis.com/chart?chs=180x180&cht=qr&chl=http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/20/aspnet_qrcode_generator.aspx&chld=L|4">

 



如果要寫程式產生 QR Code，可以參閱底下的文章

第一，NuGet裡面有一個套件，名為 ZXing.NET

第二，阿源哥哥的分享

第三，Y2J的分享
使用的MessagingToolkit.QRCode.dll元件










 
............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................
.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............
張貼者： 於 沒有留言:
標籤： , , ,

[下載]VS 2013 Update 1 上市.......

[下載]VS 2013 Update 1 上市.......

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/21/vs2013_update_1_download.aspx

參加社群的好處 --  訊息第一手

缺點：訊息太多（看或是過濾，都很花時間）


剛剛從 Will保哥的臉書看到的訊息 -- VS 2013 Update 1 已經可以下載



點選圖片，可以連到下載網頁



 
............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................
.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............
張貼者： 於 沒有留言:
標籤： , , , ,

黯然銷魂 之 網頁繪製圖表 Google Charts with JavaScript....好強、好簡單啊！太好用了，以後用不到怎麼辦？

本文出處（這裡是我的備份）--

黯然銷魂 之 網頁繪製圖表 Google Charts with JavaScript....好強、好簡單啊！太好用了，以後用不到怎麼辦？

http://www.dotblogs.com.tw/mis2000lab/archive/2014/01/23/google_charts-javascript.aspx




因而發覺這個東西。

我先連到 Google原廠網站，看了一下說明與範例  https://developers.google.com/chart/interactive/docs/quick_start
幾乎沒有大改，
光是從原廠範例修正一下，就能作出這種怪物等級的應用

本範例源自一開始介紹的文章
*******************************************************************************************************
右側上方的 Tab（分頁）可選三種圖表來呈現
這裡的時間軸，可以變成「動畫」，圖表會動！
*******************************************************************************************************
 抱歉，請您點選圖片，就能連去這範例的網站，可以現場Demo



要學習也不難喔。
出乎意料的簡單！

點選圖片可連到 Google Charts原廠網站的教學

範例如下（基本架構）：
01<html>
02  <head>
03    
04    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
05    <script type="text/javascript">
06
07      // Load the Visualization API and the piechart package.
08      google.load('visualization', '1.0', {'packages':['corechart']});
09
10      // Set a callback to run when the Google Visualization API is loaded.
11      google.setOnLoadCallback(drawChart);
12
13      // Callback that creates and populates a data table,
14      // instantiates the pie chart, passes in the data and
15      // draws it.
16      function drawChart() {
17
18        // Create the data table.  ******原始資料******
19
20        var data = new google.visualization.DataTable();
21        data.addColumn('string', 'Topping');
22        data.addColumn('number', 'Slices');
23        data.addRows([
24          ['Mushrooms', 3],
25          ['Onions', 1],
26          ['Olives', 1],
27          ['Zucchini', 1],
28          ['Pepperoni', 2]
29        ]);
30
31        // *********************差異之處*************************
32        // Set chart options
33        var options = {'title':'How Much Pizza I Ate Last Night',
34                       'width':400,
35                       'height':300};
36
37        // Instantiate and draw our chart, passing in some options.
38        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
39        chart.draw(data, options);
40      }
41    </script>
42  </head>
43
44  <body>
45    
46    <div id="chart_div"></div>
47  </body>
48</html>


各位可以發現：
1. 一開始先設定（引用）必要的 JavaScript與API
2. 然後放入一些基本資料（RowData）
3. 最後.......搞定。
      圖表會出現在這裡

滑鼠點選右側的 Icon，網頁圖表會有顯著標記
      

滑鼠移到這一區塊，還有 Tooltip說明
      


ASP.NET課程 / ASP.NET教學，請看
    http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx

    [台北] ASP.NET入門實戰 + ADO.NET進階【二合一】49 hr


ASP.NET影片、遠距教學，請看：
    http://www.dotblogs.com.tw/mis2000lab/archive/2015/03/09/aspnet-online-learning-distance-education-2015.aspx

    [遠距教學、教學影片] ASP.NET (Web Form) 六週課程 上線了！




上過我的課，買過我的書的讀者
您可以知道我強調「範本」，架構完整的範本，立即可用、可改

Google原廠的範例跟上面的應用，兩者的程式碼幾乎一樣
差異只有：
(1). 一開始，引用的地方，註明您要做什麼圖表？
      原廠範例：  google.load('visualization', '1.0', { 'packages': ['corechart'] });
      修改後的範例：google.load('visualization', '1', { 'packages': ['motionchart'] }); 

(2).  Raw Data（原始資料）的多寡
(3). 最後兩段的程式碼有差異：

原廠：
            // Set chart options
            var options = {
                'title': 'How Much Pizza I Ate Last Night',
                'width': 400,
                'height': 300
            };
            // Instantiate and draw our chart, passing in some options.
            var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
            chart.draw(data, options);

修改後的應用：
            // Instantiate and draw our chart, passing in some options.
            var chart = new google.visualization.MotionChart(document.getElementById('chart_div'));
            chart.draw(data, { width: 600, height: 300 });



上面兩個範例，可在此下載：Google_Chart.rar
      我已經準備好 10個範例，將會在我的 ASP.NET課程中介紹給大家。


圖表總類有多少呢？（還在成長、追加）
Chart Gallery
Playground
Miscellaneous Examples
Area Charts
Bar Charts
Bubble Charts
Candlestick Charts
Column Charts
Combo Charts
Diff ChartsN
Gauge Charts
Geo Charts
HistogramsNew!
IntervalsNew!
Line Charts
Maps
Org Charts
Pie Charts
Scatter Charts
Stepped Area Charts
Table Charts
TimelinesNew!
Tree Map Charts
TrendlinesNew!



當然也可以從 Google Sheet（試算表）當成資料來源，然後在網頁上做圖表

Google Charts 太好用了，以後用不到怎麼辦？
    太黯然了~~~
       太銷魂了



我的媽！
ASP.NET裡面那個 Chart控制項要加加油了

照這樣發展下去........
Google遲早會變成電影「駭客任務」裡面的母體（Matrix）
不然就是變成電影「魔鬼終結者」裡面的「天網」啊

為了避免 Google太強，我們趕緊加入微軟反抗軍
裝備好你的武器 --- Visual Studio


ASP.NET課程 / ASP.NET教學，請看
    http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx

    [台北] ASP.NET入門實戰 + ADO.NET進階【二合一】49 hr


ASP.NET影片、遠距教學，請看：
    http://www.dotblogs.com.tw/mis2000lab/archive/2015/03/09/aspnet-online-learning-distance-education-2015.aspx

    [遠距教學、教學影片] ASP.NET (Web Form) 六週課程 上線了！







............................. 寫信給我，mis2000lab (at) yahoo.com.台灣........................................................
.............................   facebook社團   https://www.facebook.com/mis2000lab   ............................
.............................   Google+   https://plus.google.com/100202398389206570368/posts ..............

網頁上的補充範例（售後服務），不一定能立即提供 VB / C#語法 （看時間夠不夠寫，請不要跟我們要）。
但書本上面的範例，一定有 VB / C#雙語法給您學習。          請看我們的「售後服務」範圍（嚴格認定）。

防範SQL Injection / XSS攻擊，請看：ASP.NET安全寫作    資料來源 -- TWISC@NTUST網路應用安全知識庫
......................................................................................................................................................

張貼者： 於 沒有留言:
標籤： ,
訂閱： 文章 (Atom)