米米貓學開發

2013年12月17日星期二

JSON 資料轉C# 類別

Tool：Visual Studio 2012 Ultimate
OS：Windows 8
.NET Framework : 4.5

若有一個ASPX檔案回傳JSON格式的字串資料:

<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load( object sender , EventArgs e ) {
string json = "{'Employee':[{'ID':1,'Name':'Mary'},{'ID':2,'Name':'Candy'}]}";
Response.Write( json );
}
</script>

ASPX網頁執行時，送出以下資料到Browser

copy所有字串：

在Visual Studio工具，開啟任意C#類別設計畫面:

選Paste Special –> Paste JSON As Classes

Visual Studio 會自動根據JSON資料產生出對應類別，以存放JSON資料：

2013年12月5日星期四

jQuery Mobile - 關於 changeHash

Tool：Visual Studio 2012 Ultimate
OS：Windows 8
.NET Framework : 4.5

jQuery Mobile的$.mobile.changePage()方法有一個changeHash選項可以設定。changeHash預設為true，用來指定是否更新瀏覽歷程(history)，若設為true會更新歷程(history)，增加一筆歷史記錄，若設為false，新載入的頁面會取代目前瀏覽器歷程(browser history)，因此未來不能用back按鈕回到此頁。

例如以下範例HTML有兩個Page：Page1與Page2，Page1包含一個<a>利用程式叫用changePage()方法跳到Page2

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.8.3.min.js"></script>
    <script src="Scripts/jquery.mobile-1.2.0.min.js"></script>
    <script>
        $(function () {
            $("#goPage2").click(
                function () {
                    $.mobile.changePage("#Page2", {
                        changeHash: false
                    });
                });
        });
    </script>
</head>
<body>
    <div data-role="page" id="Page1">
        <div data-role="content">
            <p>
                <a id="goPage2" data-role="button">跳到Page2</a>
            </p>
        </div>
    </div>
    <div data-role="page" id="Page2">
        <div data-role="content">
            Page2
        </div>
    </div>
</body>
</html>

changeHash設為false時執行:

跳到Page2，則回上一頁的按鈕是disable的，不能點選:

將changeHash改為true，執行，則可以點選回上一頁的按鈕：

2013年12月4日星期三

Tips: IIS 8 Express ASP.NET暫存資料夾

Tool：Visual Studio 2012 Ultimate
OS：Windows 8
.NET Framework : 4.5

ASP.NET網站，當網頁執行時，會動態編譯成dll (Web Site類型)，然後放到暫存資料夾(Temporary ASP.NET Files)，若我們要知道資料夾在哪，可以在網頁中加入以下程式

protected void Page_Load( object sender , EventArgs e ) {
Response.Write( HttpRuntime.CodegenDir );
}

以下是在Windows 8 執行的結果:

2013年12月2日星期一

使用PreApplicationStartMethod動態註冊HTTP Module

Tool：Visual Studio 2013 Ultimate
OS：Windows Server 2012
.NET Framework : 4.5.1

在ASP.NET 4 版，新增一個PreApplicationStartMethodAttribute，可以指定一個方法，在Global.asax Application_Start事件之前執行，因此此方法不能夠存取到HttpApplication或HttpContext物件。

利用PreApplicationStartMethodAttribute可以在執行時期組態ASP.NET Runtime的運作，例如動態註冊Http Module。

適用於ASP.NET Web Application類型專案，不適用於ASP.NET Web Site。

以下說明使用ASP.NET Web Application專案動態註冊Http Module步驟

建立ASP.NET Web Forms專案，New ASP.NET Web Application

建立Empty- Web Forms專案

加入一個ASP.NET Module到專案

Add Code,在每個Request結束時，自動加入Copyright說明到網頁

using System;
using System.Web;

namespace MyWebApp {
public class Copyright : IHttpModule {
    /// <summary>
    /// You will need to configure this module in the Web.config file of your
    /// web and register it with IIS before being able to use it. For more information
    /// see the following link: http://go.microsoft.com/?linkid=8101007
    /// </summary>
    #region IHttpModule Members

    public void Dispose( ) {
      //clean-up code here.
    }

    public void Init( HttpApplication context ) {
      // Below is an example of how you can handle LogRequest event and provide
      // custom logging implementation for it
      context.LogRequest += new EventHandler( OnLogRequest );
      context.EndRequest += context_EndRequest;
    }

    void context_EndRequest( object sender , EventArgs e ) {
      HttpApplication application = ( HttpApplication ) sender;
      HttpContext context = application.Context;
      context.Response.Write( "<h3>Copyright by MiMiCat</h3>" );
    }

#endregion

    public void OnLogRequest( Object source , EventArgs e ) {
      //custom logging logic can go here
    }
}
}

使用NuGet下載

加入PreApplicationStart類別

加入code，動態註冊Http Module

using Microsoft.Web.Infrastructure.DynamicModuleHelper;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MyWebApp {
public class PreApplicationStart {
public static void Start( ) {

DynamicModuleUtility.RegisterModule( typeof( Copyright ) );
}
}
}

修改AssemblyInfo.cs，加入PreApplicationStartMethodAttribute:

using MyWebApp;
using System.Reflection;
using System.Runtime.CompilerServices;
using System.Runtime.InteropServices;
using System.Web;

[assembly: PreApplicationStartMethod( typeof( PreApplicationStart ) , "Start" )]

加入網頁測試

直接執行網頁，便套用Http Module，加上copyright

PS: 動態註冊HTTP Module的動作不能在Applicaiton_Start事件處理，否則會得到以下錯誤：

使用ScriptManager管理Script

Tool：Visual Studio 2013 Ultimate
OS：Windows Server 2012
.NET Framework : 4.5.1

這是自ASP.NET4.5版就新增的新功能，在ASP.NET Web Forms網站之中，可以利用ScriptManager來管理JavaScript，例如jQuery，讓引用更方便。

建立一個Web Site

使用NuGet下載jQuery，目前版本2.0.3

加入Global Application Class

Add Code:

加入ASPX

加入ScriptManager，引用jQuery，後續就可以直接使用jQuey程式碼。若web.config中設定debug為true，則下載jquery-2.0.3.js，若設定debug為false，則下載jquery-2.0.3.min.js

<%@ Page Language="C#" %>

<!DOCTYPE html>

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Name="jquery" />
            </Scripts>
        </asp:ScriptManager>

    </div>
    </form>
    <script>
     $(function () {
           alert('Hello from jQuery');
       });
    </script>
</body>
</html>

使用Chrome Browser Test，一執行ASPX就會執行jQuery 程式碼，按F12開啟Chrome除錯工具，檢視，下載的是min版本，因debug設為false

將debug設為true，則重新refresh，下載的是除錯版

改用CDN，修改global.asax，加入CdnPath與CdnDebugPath:

void Application_Start ( object sender , EventArgs e ) {
       // Code that runs on application startup
       ScriptManager.ScriptResourceMapping.AddDefinition (
              "jquery" ,
              new ScriptResourceDefinition {
                  Path = "~/Scripts/jquery-2.0.3.min.js" ,
                  DebugPath = "~/Scripts/jquery-2.0.3.js" ,
                CdnPath = http://code.jquery.com/jquery-2.0.3.min.js,
                  CdnDebugPath = http://code.jquery.com/jquery-2.0.3.js

              } );
   }

ScriptManager啟用CDN，EnableCdn="true"

<%@ Page Language="C#" %>

<!DOCTYPE html>

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnableCdn="true">
            <Scripts>
                <asp:ScriptReference Name="jquery" />
            </Scripts>
        </asp:ScriptManager>

    </div>
    </form>
    <script>
       $(function () {
           alert('Hello from jQuery');
       });
    </script>
</body>
</html>

重新執行網頁，檔案便從CDN下載，

若CDN上的Script無法下載下來，想要改用本機的script時，可以使用LoadSuccessExpression 設定一個運算式(Expression)，用來偵測CDN上的JavaScript是否成功下載，例如修改global.asax，設定錯誤的CDN路徑，並加上判斷式

void Application_Start ( object sender , EventArgs e ) {
    // Code that runs on application startup
    ScriptManager.ScriptResourceMapping.AddDefinition (
           "jquery" ,
           new ScriptResourceDefinition {
               Path = "~/Scripts/jquery-2.0.3.min.js" ,
               DebugPath = "~/Scripts/jquery-2.0.3.js" ,
               CdnPath = "http://code.jquery.com/jquery-2.0.3.minxxx.js" ,
               CdnDebugPath = "http://code.jquery.com/jquery-2.0.3xxx.js",
               LoadSuccessExpression="typeof(window.jQuery) !== 'undefined'"

           } );
}

執行時，CDN下載錯誤，則自動從Script下載

訂閱：文章 (Atom)

米米貓學開發

網頁

2013年12月17日星期二

JSON 資料轉C# 類別

2013年12月5日星期四

jQuery Mobile - 關於 changeHash

2013年12月4日星期三

Tips: IIS 8 Express ASP.NET暫存資料夾

2013年12月2日星期一

使用PreApplicationStartMethod動態註冊HTTP Module

使用ScriptManager管理Script

總網頁瀏覽量

米米喵友萬萬歲

關於我自己

網頁

2013年12月17日 星期二

JSON 資料轉C# 類別

2013年12月5日 星期四

jQuery Mobile - 關於 changeHash

2013年12月4日 星期三

Tips: IIS 8 Express ASP.NET暫存資料夾

2013年12月2日 星期一

使用PreApplicationStartMethod動態註冊HTTP Module

使用ScriptManager管理Script

總網頁瀏覽量

米米喵友萬萬歲

關於我自己

訂閱

2013年12月17日星期二

2013年12月5日星期四

2013年12月4日星期三

2013年12月2日星期一