YC's knowledge Management

Visual Studio 2022 使用32位元的 IIS Express

2024-01-27T12:21:00.006+08:00

當 Visual Studio 2022 預設使用 64 位元的 IIS Express 時，但您需要使用 32 位元函式庫，您可以通過修改 Visual Studio 的設定來切換至 32 位元版本的 IIS Express。

以下是該操作的步驟描述：

打開 Visual Studio。
在選單欄中，點擊「工具」(Tools) 選項。
在下拉式選單中，選擇「選項」(Options)。
在「選項」視窗中，尋找並展開「專案和解決方案」(Projects and Solutions) 部分。
在「專案和解決方案」下，選擇「Web 專案」(Web Projects)。
在「Web 專案」設定中，您會看到一個選項叫做「使用 IIS Express 的 64 位元版本來執行網站和專案」(Use the 64 bit version of IIS Express for web sites and projects)。請取消勾選這個選項。
點擊「確定」來保存更改。這樣您就設定了 Visual Studio 使用 32 位元的 IIS Express。

這對於需要用到特定 32 位元函式庫的情況非常有用。

參考：

[Synology][Docker] 設定時區

2016-02-14T21:32:00.001+08:00

Docker設定時區的方式有幾個方式，

參考網路上的兩種做法

option 1: -v /etc/localtime:/etc/localtime:ro
option 2: -e "TZ=Asia/Shanghai"

設定之前先看一下若沒有進行設定的話，會如下圖所示為格林威治時間

1.設定容器

2.進階設定

3.設定環境變數，TZ=Asiz/Taipei

4.確認日期和location時區一致

參考出處：

http://stackoverflow.com/questions/22800624/will-docker-container-auto-sync-time-with-the-host-machine

[Security] - 如何關閉瀏覽器SSL 3.0的安全協定?

2014-10-25T14:35:00.000+08:00

SSL 3.0是一個安全協定，為網路傳輸過程做加密，以保護資料傳輸過程中不被外力竊取。

不過在2014/10的一份報導(Google 發現 SSL 3.0 漏洞，小心「貴賓犬」攻擊！)指出這個安全協定已不安全

自救方法其實很簡單，只要將我們常用的瀏覽器工具，將SSL 3.0關閉，就能防範這個漏洞

首先，先透過以下的網址來確認自己的瀏覽器是否安全

https://zmap.io/sslv3/

倘若看到的是以下的畫面，可以嘗試操作對應的瀏覽器設定方式進行防範

介紹常用的幾款瀏覽器如何關閉。

一、Google Chrome：
　　在捷徑上加入–ssl-version-min=tls1參數，步驟如下：
　　

　　設定好之後，將Chrome全部關掉重新啟動就成功了。

P.S.若仍無效果請重新開機

二、IE

　　透過網際網路選項把SSL3.0勾掉，結果如下圖：

作完設定動作之後，再用https://zmap.io/sslv3/來撿測一次，就能如下方圖示囉！

其他的瀏覽器修改方式，請參閱參考出處。

參考出處：
1.http://www.ithome.com.tw/news/91571
2.https://www.digicert.com/ssl-support/disabling-browser-support-ssl-v3.htm
3.http://ssorc.tw/5014

P.S.轉載請附上原文連結。

[C#]密碼加「鹽」了嗎？

2014-03-13T22:51:00.002+08:00

今天要來聊聊密碼的安全性，既然是密碼就應該有高度的安全性，只有使用者自己知道而已

密碼存在資料中通常用三種方式存在
一、明碼：這應該是沒人敢做吧？
二、可逆密碼：僅限於必須要還原密碼的情境，若無需還原建議選第三方案！
三、不可逆密碼：應該大多數人都選用這種方案吧！

主要要探討的是第二、三種方式，第二與第三種方式在被Hacker取走之後，

可逆密碼：可用暴力破解法慢慢的破，破解之日指日可待。
不可逆密碼：可用HashTable比對來擊破

看到這裡會想說....天啊....那還有什麼是安全的?

其實"沒有"，緩兵之計是增加Hacker的成本，也就是增加破解的時間，
讓管理者有時間發現與通知使用者換密碼

至於要怎麼加強密碼強度呢？
可以採用加Salt的方式，加入Salt，這是什麼意思？
意思就是在加密之前，先對密碼做一次手腳

密碼－＞加Salt－＞加密

而.net本身有提供這種加Salt的類別Rfc2898DeriveBytes，
方法如下：

        /// 
        /// 使用依據 HMACSHA1 使用虛擬亂數產生器，實作密碼式的金鑰衍生功能 PBKDF2。
        /// 
        private string GenRfc(string Password,int KeySize)
        { 
            //加鹽，加入(控八控控-控控控-控控控)
            byte[] salt = new byte[] { 0x00, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00 };
            byte[] key = Encoding.UTF8.GetBytes(Password);
            Rfc2898DeriveBytes rfcKey = new Rfc2898DeriveBytes(key, salt, 2);
            return rfcKey.GetBytes(KeySize);
        }

加鹽之後的對比如下圖：

除了能增加密碼複雜度，也能符合需要特定長度的對稱式加密演算法。

經過加密的密碼，即使是用hashTable也對不出真正的密碼其實是123456789.

獻給需要吃重鹹的使用者。

參考出處：
1.[C#.NET] 字串及檔案利用 DES / AES 演算法加解密
2.密碼儲存要加”鹽”才夠安全

P.S.轉載請附上原文連結

[XML][C#]XML遇到ASCII控制字元處理方法

2014-02-25T02:02:00.001+08:00

最近遇到了一個頗妙的狀況，原先的目的是要將資料轉成XML格式，
輸出後檢測卻發現了一個元素所填入的資料含有特殊字元
如下圖：

既然已知是特殊字元，那就是把它取代掉就沒事了。

可是...是哪些特殊字元不能用?拜神之後得到一些可能的答案

原來是ASCII碼中 00H 到 1FH字元是控制字元，所以XML在讀取時會出現錯誤

(出處:http://home.educities.edu.tw/wanker742126/asm/ap04.html)

詳情請見W3C定義查閱

既然找到哪些字元了，那就可以寫一段方法專門處理這種字串。
參考網路上找到的寫法如下：

public static class YCExtension
{
    /// 
    /// Removes control characters and other non-UTF-8 characters
    /// 
    /// The string to process
    /// A string with no control characters or entities above 0x00FD
    public static string RemoveTroublesomeCharacters(this string inString)
    {
        if (inString == null) return null;

        StringBuilder newString = new StringBuilder();
        char ch;

        for (int i = 0; i < inString.Length; i++)
        {

            ch = inString[i];
            // remove any characters outside the valid UTF-8 range as well as all control characters
            // except tabs and new lines
            if ((ch < 0x00FD && ch > 0x001F) || ch == '\t' || ch == '\n' || ch == '\r')
            {
                newString.Append(ch);
            }
        }
        return newString.ToString();

    }
}

參考出處：
http://stackoverflow.com/questions/20762/how-do-you-remove-invalid-hexadecimal-characters-from-an-xml-based-data-source-p

http://home.educities.edu.tw/wanker742126/asm/ap04.html

--------------------------------------------------------------------------------------------------------------
2014/06/21補充:
最近又遇到，重新查了一次資料，找到了Linq的寫法，簡明扼要，一行搞定！！！
語法如下

string s="含有控制字元內容";
s =new string(s.Where(p => !char.IsControl(p)).Select(p=>p).ToArray());

--------------------------------------------------------------------------------------------------------------

[SQL] - Char(0)問題處理

2013-05-28T22:55:00.002+08:00

最近在處理問題時遇到一個很玄的問題....欄位中含有Char(0)的特殊字元，
範例圖如下：左圖使用文字模式顯示，右圖使用表格方式顯示

這樣子的資料在網頁或者程式顯示的狀況下可能會出現錯誤，
那要如何去修正這個問題呢？
有兩個方案如下：
1.參考Sql Server - Remove End String Character “\0” From Data
建立如下SQL Function，原理是將非UNICODE排除掉。

CREATE FUNCTION dbo.RemoveNullChars 
(
    @string NVARCHAR(MAX)
)
RETURNS NVARCHAR(MAX) WITH RETURNS NULL ON NULL INPUT
AS
BEGIN
DECLARE @Result NVARCHAR(MAX)
SET @Result = ''

DECLARE @counter INT

SET @counter = 0

WHILE (@counter <= LEN(@string))
    BEGIN
     IF UNICODE(SUBSTRING(@string,@counter,1)) <>  0 
        SET @Result = @Result + SUBSTRING(@string,@counter,1)
    SET @counter = @counter + 1    
    END
RETURN @Result
END

實際運用方式如下：

UPDATE #table SET Title= dbo.RemoveNullChars (Title)

2.使用SQL 定序的方式處理(這是經過大師指點的)SQL Server Collations
將char(0)使用定序的方法轉成binary code，再去做Replace

select REPLACE(Title COLLATE Chinese_Taiwan_Stroke_BIN2,CHAR(0),N' ') from #table

這樣子就能將資料庫中有問題的資料做更新囉!

參考出處：
1.Sql Server - Remove End String Character “\0” From Data
2.SQL Server Collations
3.談談SQL Server的定序(Collation)

後記：幾經思考，為何SQL對這個Char(0)字元會有如此的反應，聯想到以前大學學習C語言時，字元陣列的最後一個字元需為'\0'，或許是因為程式抓到了結束字元，剩下的通通丟掉拿去做雞精了吧.....

[Asp.net] - FindControl找不到想要的Control?

2013-05-01T23:56:00.001+08:00

當Asp.net混雜著UpdatePanel、TabPanel....容器時，控制項在編譯期都會被加上一段物件名稱，

但使用FindControl卻是要一層一層的去找找找....如下行範例.....

Control c=Page.FindControl("TabPanel1").FindPanel("tab_02").FindPanel("txtTest");

程式碼就會非常冗長..
網路上有高手把遞迴的方法帶入，下面程式碼是從網路上取得加以修改成自己習慣的撰寫方式

        public static T FindControl(Control startingControl, string id) where T : Control
        {
            
            // 取得 T 的預設值，通常是 null
            T found = default(T);

            if (startingControl.Controls.Count > 0)
            {
                foreach (Control activeControl in startingControl.Controls)
                {
                    if (activeControl is T)
                    {
                        found = activeControl as T;
                        if (string.Compare(id, found.ID, true) == 0) break;
                        else found = null;
                    }
                    else
                    {
                        found = FindControl(activeControl, id);
                        if (found != null) break;
                    }
                }
            }
            return found;
        }

最後show一下使用方式：

Control c = FindControl<ＴextBox>(this.Page, "txtTest");

是不是清爽多了！！！！
優點：前端aspx異動也不怕要異動程式碼
光這一點就可以省下許多時間去茶水間泡杯咖啡囉~

參考出處：
1.你有用 FindControl 時找不到 Control (控制項) 的經驗嗎
2.程式碼出處

[C#][EF] - EF轉換中繼資料加入SQL MS_Description

2012-08-28T01:24:00.003+08:00

LINQ這個技術已經很久了!但遲遲未開始學習的腳步，既然要學就找了一個最近很夯的LINQ to Entity Framework 來練習。

在練習LINQ to Entity Framework 使用"ADO.NET實體資料模型"產生SQL的中繼檔案時，發現了一個問題。

一開始以為是自己沒有作對設定，上網找了許久皆無良策，

轉而提問，得到的回覆是可能轉換工具中尚無支援這種設定的功能，

不過人就是背骨，不信邪繼續找，終於找到了一個第三方工具
Entity Framework SQL Server Document Generator

這個工具可以將SQL Server所設定好的資料表摘要及欄位摘要轉換成edmx

接下來逐一介紹步驟(開始前請先下載好轉換的第三方工具)：
1.先透過"ADO.NET實體資料模型"產生edmx的中繼資料檔案，請參閱MSDN說明：
產生 School .edmx 檔案 (Entity Framework 快速入門)

2.先將SQL Server中要做轉換的相關資料表及欄位摘要做好註解
(此次使用MSDN的School DB來做說明)

3.使用EFTSQLDocumentation.Generator.exe進行轉換的工作

參數說明：
-c：連線資訊
-i：輸入檔案edmx
-o：輸出檔案edmx(非必要參數)

產生的結果如下：（會顯示出產生結果及一些資料）

4.接著最後一步將產生好的edmx檔案放回專案中，開啟如下的畫面，
按下右鍵選取"從資料庫更新模型"

5.選取資料表及可能使用到的相關物件

↓按下完成後會看到如下圖轉換結果。

6.享受其便利性，這樣子開發程式時可以清楚地馬上知道這個欄位是做什麼用途的，不必再回頭去找DB schema了。

參考出處：

1.快速入門 (Entity Framework)

2.Entity Framework SQL Server Document Generator

3.自己製作線上查詢SQL Schema的功能

[C#] - Debug模式運用

2012-07-22T03:42:00.002+08:00

Debug是程式設計師必備的技能，在Debug之前可能會輸入許多的條件。
如：輸入框要輸入數值....等

如果像下面這樣加入測試資料，看似沒什麼！

textBox1.Text = "100/01/01";//測試資料

string test = textBox1.Text;

但當您忙碌時忘了把測試值拿掉，當使用者在使用時就會發現有異狀，又要再修正一次。

如果是在做測試時，可以利用.net提供的Debug模式指令來填測試資料，如下一段程式碼。

            textBox1.Text = "";
                       
#if (debug)
            textBox1.Text = "101/07/01";//測試資料
#endif
            string test = textBox1.Text;

這樣子就可以在Debug模式中，把測試值塞進去程式裡，當Release給使用者時，

就不必擔心測試資料忘了刪掉，可以避免掉很多不必要的衍伸問題。

參考出處：
如何善用「偵錯模式」進行 ASP.NET 網站或 .NET 程式開發

[SQL] - SQL Server 2008 R2 還原 SQL Server 2008 - PartII

2012-07-04T20:51:00.002+08:00

繼上一篇[SQL] - SQL Server 2008 R2 還原 SQL Server 2008 - PartI 產出了大量的insert指令

心想直接貼上查詢視窗按下執行就可以去做其他事情等結果了....

沒想到出現了下圖的錯誤訊息！心都涼了....hresult e_fail 已經從呼叫傳回至 com 元件

再度去拜google大神之後，找到了方法，使用SQLcmd

語法如下：

sqlcmd -S 伺服器名稱 -U 帳號 -P 密碼 -d 資料庫名稱 -i Script.sql -o C:\log.txt

會出現上圖的錯誤原因是因為SSMS一次無法讀取這麼大容量的檔案，

所以要改採指令模式。

測試指令模式也比較不吃系統資源，不會整個Hold在那邊！

如果一次要執行多個檔案的話可以把SQL的指令寫成Bat！

讓這個轉檔噩夢得以解脫！有更多的精神可以專注在其他該注意的事項上！

參考出處：
1.使用 sqlcmd 公用程式
2.使用命令列模式執行大量 SQL 語法

[C# .NET] - 半形轉換全形

2012-06-03T02:37:00.001+08:00

半形字要轉換成全形字，在office上只要一顆按鈕就能達成了，

如果要透過.net去完成就變得很麻煩

如何將A轉成Ａ呢？
網路上有幾套方法：
1.include Microsoft.VisualBasic;再使用其中的StrConv就能達到效果
2.做switch....去replace...

今天要講的是第三種方法，利用ASCII編碼的特性轉換出全形字

公式如下：

A(65)+65248=Ａ(65313)

做了一個驗證的實驗，我宣告了一個全形Ａ用程式去看十進位編碼值。

得到的Ａ數據是65313，這樣的話就可以透過原始的ASCII數值，去計算出全形的編碼數值

不過這算是比較特殊解法，僅能運用在英數上，其他尚未去深入探討。

有待有心人士往下研究。

目前看起來只要是有支援ASCII的程式語言皆能使用，

在Crystal Reports上也有嘗試過，也是可行滴！

2012/06/03 By YC

[SQL] - SQL Server 2008 R2 還原 SQL Server 2008 - PartI

2012-06-03T01:59:00.001+08:00

SQL Server2008 R2要還原成SQL Server 2008真是一場惡夢，

某次很開心的拿到一個Bak檔，想要還原到本機的電腦上，結果吐出了下面的錯誤訊息：

資料庫是在執行 10.50.1600.1 版的伺服器上備份。該版本和此伺服器不相容，此伺服器目前執行 10.0.1600.22 版。請將資料庫還原到支援此備份的伺服器，或使用與此伺服器相容的備份。

看到這訊息整個都囧了... 拜Google大神才得知，2008 R2與2008是完全不相同的版本。

但...應該有解吧...抱著這個信念繼續拜神...

方法有幾種：
1.架一台2008 R2將bak還原，然後再用匯入的方式將資料庫匯入2008的主機
2.不轉出bak檔案，透過產生指令碼的工具去產生資料。

不過今天要介紹的是第二種方法，方法如下：

1.點選DB按右鍵，選工作->產生指令碼

2.開啟畫面。

3.設定要轉出的資料

4.設定要轉出的方式，建議選每一物件單一檔案，會比較方便處理

5.按下圖4進階按鈕後可以選要轉出什麼資料類型，這邊依照需要去做調整，如是要轉出資料的話可以選僅限資料

6.顯示設定摘要

7.轉換開始

轉換完之後只要透過SQL Server的查詢視窗將產生的sql檔案打開就可以囉！

真是不方便的方法....資料表很多就要轉到天荒地老....

期待微軟未來能改善這方面的問題

參考出處：
1.http://sharedderrick.blogspot.tw/2010/10/sql-server-2008-r2-sql-server-2008.html
2.http://msdn.microsoft.com/zh-tw/library/bb326466.aspx
3.http://ithelp.ithome.com.tw/question/10064443

[VS2010 Tool] - SQL Syntax Highlighting

2012-05-25T19:55:00.002+08:00

今天要介紹一款開發程式的方便小工具!

SQL Syntax Highlighting

網址：http://visualstudiogallery.msdn.microsoft.com/a3a662c6-28eb-4de9-9a29-d328b1ac3f6b

用途：SQL語法顏色區別，樣式與SQL Server的查詢畫面相近

效果如下圖：

後記：有發現一個小缺陷是在某些非SQL語法的地方也會出現Highlight的誤判狀況，不過不太影響觀瞻，寫語法更加方便了。

[VS2010 Tool] - Highlight all occurrences of selected word

2012-05-25T19:53:00.000+08:00

今天要介紹一款開發程式的方便小工具!

Highlight all occurrences of selected word

網址：http://visualstudiogallery.msdn.microsoft.com/4b92b6ad-f563-4705-8f7b-7f85ba3cc6bb

用途：將選取的字做螢光筆標記。

效果如下圖：

後記：

面對龐大的程式碼，再也不會找不到參數了！T.T

[C#] - WMIExplorer

2012-03-20T21:05:00.001+08:00

[軟體名稱] WMI Explorer
[官方網站] http://www.ks-soft.net/hostmon.eng/wmi/index.htm
[說明]WMIExplorer是一套用來查詢WMI資料的小工具
提供了完整的類別資訊和其中所帶的屬性資料

除了用點選的方式還能用下SQL的方式去執行已取得更詳盡的資料

譬如以

SELECT * FROM Win32_NetworkAdapter

可以查詢到Client的網路相關的資料，其中包含了硬體網路卡與虛擬網路卡...等資訊，

比較方便的是可以在寫程式的過程中縮短找參數的時間及測試SQL是否有達成要的結果。

[C#] - 透過WMI Win32_NetworkAdapter取得MAC

2012-03-20T00:43:00.003+08:00

今天要介紹的是透過WMI來取得系統的資訊，

.NET提供了幾個類別用於取得WMI所管理的資訊，

其中包含了硬體資訊和系統資訊。
接下來說明如何取得網卡上的位址(MAC Address)

1.首先透過ManagementObjectSearcher執行WQL(WMI Query Language)
2.使用ManagementObjectCollection取得查詢回傳的集合
3.最後使用ManagementObject來逐一分析比對，取得所要的資料。

Sample：

           
ManagementObjectSearcher query = new ManagementObjectSearcher(@"SELECT * 
                                     FROM Win32_NetworkAdapter ");
 ManagementObjectCollection queryCollection = query.Get();
            foreach (ManagementObject mo in queryCollection)
            {
                Console.WriteLine(mo["MacAddress"].ToString().Replace(":", ""));
            }

做到這邊想必會想說如何取得MacAddress這個Properties吧！

下面的程式可以取得這個ManagementObject所有的Properties這樣就能逐一找到需要的Properties了。

foreach (PropertyData prop in mo.Properties)
            {
                if (prop.Value!= null)
                    Console.WriteLine("{0}: {1}", prop.Name, prop.Value);
            }

參考出處：
1.Find only physical network adapters with WMI Win32_NetworkAdapter class
2.http://msdn.microsoft.com/en-us/library/aa394606(VS.85).aspx
3.http://stackoverflow.com/questions/1525320/how-to-enumerate-audio-out-devices-in-c-sharp

[C#] - XMLQuire

2011-12-25T21:20:00.001+08:00

當我們在使用Xpath的方法時，總是為了兜Xpath路徑花了不少時間，

心想應該有更快的方法可以去找到這串Xpath，

上網資料挖到了一個不錯用的工具XMLQuire

[軟體名稱]XMLQuire
[官方網站]http://qutoric.com
[說明]XMLQuire包含了XML Editor和XPath Editor，其中有一個功能很棒!!當我們拔游標點到哪個節點時，就會自動產生一個Xpath，超貼心的！

這樣可以大大的縮短測試的時間。

[Asp.net] - TextBox.MaxLength在 MultiLine下無效果

2011-12-17T20:38:00.000+08:00

最近在做TextBox限制長度大小時，很開心的使用多行的功能時，又寫了限制字數的大小

詭異的事情發生了！！怎麼還是可以打超過字元...我明明寫了MaxLength=＂10＂

不死心的在瀏覽模式下檢視原始碼...

竟然發現TextBox轉譯成TextArea格式，而且MaxLength這個屬性不見了!!

又比對了沒有下TextMode=＂MultiLine＂屬性的結果，

TextBox轉成了input，而且 MaxLength有出現！！！

後來上網查了資料才知道已經有許多先進遇到這種詭譎的問題了！

後來推測是因為.net在轉換Html時，如果是多行模式會轉成TextArea這個標籤

而TextArea本身沒有提供MaxLength屬性，

解決的方法有二：

1.一位保哥的Blog，提供修改過的TextBox物件，可以在MultiLine模式下提供字元限字的方法

TextBox 在 MultiLine 模式時無法使用 MaxLength 屬性

2.使用JavaScript來做Client的控管，個人比較偏好這個，簡單明瞭。

TextBox在Textmode=MultiLine狀態下MaxLength的字數限制無效

function ismaxlength(obj){
  var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : "";
  if (obj.getAttribute && obj.value.length>mlength)
    obj.value=obj.value.substring(0,mlength);
}

後端程式要加上下面兩行

  TextBox1.Attributes.Add("maxlength", "200");
//給TextArea maxlength屬性，目前測試是沒辦法直接在TextBox上加
//.net不會把maxlength屬性加上到TextArea標籤上
  TextBox1.Attributes.Add("onkeyup", "return ismaxlength(this)");

這樣就大功告成囉~!

在bolgger中加入code方塊partIII-使用SyntaxHighlighter 3.0.833.0

2011-12-04T13:48:00.001+08:00

用了很久的SyntaxHighlighter 1.X

最近逛其他Blog時發現新的樣式，

Google後才知道原來是SyntaxHighlighter又升級了!!

迫不及待就去官方看說明，越做越棒！使用方法還是一樣簡單

1.從官方網站下載最新版本的檔案。

2.找一個免費的空間放這些js檔案，DropBox或Skydrive都是不錯的選擇(因為他們支援外連連結)

3.編輯Blogger的HTML，在＜/Body＞後面加上下面這一串JS

4.最後只要在文章裡面加上＜pre class="brush: js;"＞＜/pre＞

＜pre class="brush: js;"＞＜/pre＞

其他的相關資訊都可以從官網上取得~還蠻清楚的!

[ASP.net][C#] -DataGrid 巢狀顯示資料

2011-11-19T15:06:00.001+08:00

當我們要使用DataGrid要顯示大量資料時，偏偏某幾個欄位字數特別的多，

若沒有做字數處理的話，畫面肯定會跑掉而且醜不拉嘰，

重點來了，我們要如何把資料弄得齊全又讓使用者看得開心呢？

開始介紹之前先秀一下完成圖

一開始做的時候也以為會很難，做完感覺其實就是Table的應用而已！

1.首先我們先做一個DataGrid
(Client畫面設計)

(Behind)

        protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("No", typeof(Int32));
            dt.Columns.Add("Name", typeof(string));
            dt.Columns.Add("Chi", typeof(string));
            dt.Columns.Add("Math", typeof(string));
            dt.Columns.Add("Eng", typeof(string));
            dt.Columns.Add("Bio", typeof(string));
            dt.Columns.Add("DB", typeof(string));
            dt.Columns.Add("OS", typeof(string));
            dt.Columns.Add("Des", typeof(string));
            Random r=new Random();
            for (int i = 1; i < 10; i++)
            {
                dt.Rows.Add(new object[] { i, "學生" + i, r.Next(0, 100), r.Next(0, 100), 
                    r.Next(0, 100), r.Next(0, 100), r.Next(0, 100), r.Next(0, 100)
                    , "當某一欄資料字數很多的時候可以做成兩列的方式來展示，可以讓畫面更加好看" });
            }
            Grid.DataSource = dt;
            Grid.DataBind();
        }

我們先來看一下產生出來的畫面↓那個評語有點長的過分！

接下來開始進行改造！

2.先把評語那一列 Visible改成false，這行是為了稍後抓資料方便！

3.在DataGrid加上onitemdatabound事件，第二列的資料要靠這個事件觸發產生！

onitemdatabound="Grid_ItemDataBound"

4.在Behind的Grid_ItemDataBound加上今天的主角！

　　　　　　　　if (e.Item.ItemType == ListItemType.Item)//單數列
            {
                Label Des = new Label();
                Des.Text = e.Item.Cells[8].Text;//取值
                DataGridItem Item = new DataGridItem(0, -1, ListItemType.Item);//宣告一個資料列物件
                Item.BackColor = Grid.ItemStyle.BackColor;//設定Item的顏色
                TableCell cell = new TableCell();//宣告一個cell放資料
                cell.Controls.Add(Des);
                cell.Attributes.Add("colspan", "7");//設定跨欄的屬性以及要跨幾欄
                Item.Cells.Add(cell);//把cell塞進去資料列裡面
                e.Item.Parent.Controls.Add(Item);//把資料列塞到DataGrid裡面
            }
            if (e.Item.ItemType == ListItemType.AlternatingItem)//偶數列
            {
                //.DataGrid-AlternatingItem
                Label Des = new Label();
                Des.Text = e.Item.Cells[8].Text;
                DataGridItem Item = new DataGridItem(0, -1, ListItemType.Item);
                Item.BackColor = Grid.AlternatingItemStyle.BackColor;
                TableCell cell = new TableCell();
                cell.Controls.Add(Des);
                cell.Attributes.Add("colspan", "7");
                Item.Cells.Add(cell);
                e.Item.Parent.Controls.Add(Item);
            }

快點來看一下畫面吧！！

上述圖片還有一點美中不足的是序號列沒有跨列耶！！

5.最後一個動作，把序的rowspan改成2

e.Item.Cells[0].RowSpan = 2;//設定序號跨列的設定

搞定！再來看一下完成圖！有沒有變得很賞心悅目呢！？

2011/11/18 By YC 轉載請附上出處！

[C#] - HTML轉成XML做Xpath

2011-10-30T11:36:00.000+08:00

最近有一個需求是要做HTML的資料擷取，在以前是使用字串處理在運作，

後來運用正規式(Regular Expression)做分析擷取，不過有一個缺點就是維護不容易，

當原本要擷取的網頁異動時，便要全部重寫維護成本太高，

最近看了網路上的文章有人使用Xpath，才想到可以透過XML的特性去做分析擷取，

維護上也比較容易，不過要自己寫一個轉換的模組有些花時間，

既然自己想的到，浩瀚的網路一定有人做，

找了好幾款如：Html Agility Pack、Html2Xhtml、Tidy、MarkupConverter

不過效果都不盡理想，就要放棄的時候...出現曙光SGMLReader

這是今天要介紹的，使用很簡單，

如下程式碼所示：

XmlDocument FromHtml(TextReader reader) {

    // setup SGMLReader
    Sgml.SgmlReader sgmlReader = new Sgml.SgmlReader();
    sgmlReader.DocType = "HTML";
    sgmlReader.WhitespaceHandling = WhitespaceHandling.All;
    sgmlReader.CaseFolding = Sgml.CaseFolding.ToLower;
    sgmlReader.InputStream = reader;

    // create document
    XmlDocument doc = new XmlDocument();
    doc.PreserveWhitespace = true;
    doc.XmlResolver = null;
    doc.Load(sgmlReader);
    return doc;
}

看一下做了Sample抓出來的資料，如下圖

若真的想要自己做一個Dom的分析的話，可以參考Kelp的作品C# 分析 HTML 資料 - Mana Html Parser
P.S.文章轉載請附上出處
</br>
2011.10.29 By YC

[Asp.net] - Ajax ModalPopupExtender postback

2011-10-12T19:30:00.000+08:00

Ajax提供了不少好用的套件ModalPopupExtender是其中之一，

ModalPopupExtender可以做出彈跳式視窗，不過也能做其他運用，

譬如：在上面做查詢動作再選資料才關閉視窗，

但是查詢動作時會牽涉到postback的動關係，

而將畫面帶回原本的頁面，彈跳視窗就不見了，

要怎麼去讓畫面繼續維持呢？

其實不難....

只要在執行的事件最後一行寫入

ModalPopupExtender1.Show();//設定ModalPopupExtender顯示

這樣就可以達到效果了。

[Asp.net] - XML Element Valid

2011-10-11T23:09:00.001+08:00

XML Element 可以自定義名稱很方便，不過還是有一些限制以下是他的規則

XML elements must follow these naming rules:

1.Names can contain letters, numbers, and other characters
2.Names cannot start with a number or punctuation character
3.Names cannot start with the letters xml (or XML, or Xml, etc)
4.Names cannot contain spaces

若是透過TextBox這類的控制項輸入Element時，就要做驗證了！

驗證的話可以寫一段javascript在寫入資料前做驗證

不過Asp.net提供類似的功能RegularExpressionValidator

可以針對某個控制項去做驗證

範例：

ValidationExpression="^(?!XML)(\D[.\S]*)"
//這段是在做驗證用的

RegularExpression寫的不太好

網路上有更多精準的pattern可以去套用!

參考：
1.http://stackoverflow.com/questions/2519845/how-to-check-if-string-is-a-valid-xml-element-name
2.yilin 的程式日記

[Asp.net][C#] - UpdatePanel focus 失效

2011-10-05T23:40:00.001+08:00

UpdatePanel提供了一個局部更新的方案!

但在UpdatePanel裡面的Control做Focus時，卻會失效！

原因是UpdatePanel postback後，無法去取得Control.Focus()

變通的方法是使用javacript來做focus動作!

        ScriptManager.RegisterStartupScript(updatepanel1, updatepanel1.GetType(), "focus", "setTimeout(\"$get('" +TextBox1.ClientID + "').focus(); \", 100);", True);

放在Page_Load的事件裡，一進入畫面就先註冊script

這樣就能達到同樣的效果囉!!

參考：
1.http://www.codeproject.com/KB/ajax/AtlasUpdatepanelFocus.aspx
2.設定 UpdatePanel 中控制項的 focus

[jQuery] - LavaLamp 效果

2011-10-01T14:06:00.001+08:00

最近迷上了jQuery絢麗的效果!

找了幾個好玩的特效來練習，LavaLamp 是一個滑動的menu特效

要做到上述的動作怎麼辦到呢!?

其實不難，重點在透過活用CSS的配置!!

接下來大致講解一下使用方法!

1.載入js(廢話)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.lavalamp-1.3.5.js"></script>

P.S.可以再加入easying.js，這樣就會有上面的反彈效果！
2.初始化lavaLamp並做參數設定!

<script type="text/javascript">
$(function() {$(''ul#menu'').lavaLamp();
});</script>

3.寫CSS

<style type="text/css">
div#menu {
	list-style:none;
	margin:5px;
	border:1px solid #333;
	padding:10px;
	overflow:auto; /* makes sure the container fits the floated list-items below */
	background-color:#ccc; /* moved and lightened the background color from div#menu li */
}
div#menu nav{
	margin:3px 5px;
	padding:8px 20px 9px 18px;
	float:left;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-shadow: rgba(255,255,255, 1) 1px 1px 2px;
	color:#333;
}
div#menu nav a {
	position: relative;
	z-index: 5;
	color:#333;
	text-decoration:none;
}
div#menu nav a:hover {
	color:#FFF;
}
div#menu nav.backLava {
	position:absolute;
	z-index:3;
	background:url(images/bg-oranger.jpg) no-repeat top left;
	border:2px solid brown;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;  
	border-radius: 10px;
	box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	-moz-box-shadow: 2px 2px 3px #000;
}
</style>

好不容易寫完了，可以來看一下特效了！
P.S.若click動作沒有work的話，就要調整z-index這個參數，
因為卡在圖層的關係！把你要click的圖層往上調整就可以使用這個炫麗的特效了!
參考：
1.Nixbox Designs
2.lavalamp2