MIS2000 Lab. - ASP.NET專題實務 & WebForm +MVC 遠距教學

2015年9月23日星期三

[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

http://www.dotblogs.com.tw/mis2000lab/archive/2015/09/23/book_2015_aspnet_html5.aspx

[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

感謝出版社相挺，

2015年我推出的兩本書，剛好是「前端」與「後端」。

書店，買一本「ASP.NET專題實務(I) -- C#入門實戰 (VS2015版)」

要價 820元 + 郵局便利袋（掛號） = 880元

在這裡，相同的價錢，加上郵資， 880元給您兩本！

ASP.NET專題實務 I：C#入門實戰（VS2015版） / 松崗

定價 NT$820 http://www.books.com.tw/products/0010690864

首波只有推出 C#版本。VB語法稍後推出......

HTML5、CSS、JavaScript網頁程式設計與MCSD 70-480認證教材 / 碁峰

定價 NT$480 http://www.books.com.tw/products/0010671214

你沒有看錯！只要花 "一本書"的錢，就能買到「一整套（兩本）」，折扣低於六折！

不過，數量有限，只有四十套。.......依照「匯款」先後順序來決定

預計 "十月中旬"出貨。郵局便利箱（掛號寄送）

優惠價格，請看：[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

http://www.dotblogs.com.tw/mis2000lab/archive/2015/09/23/book_2015_aspnet_html5.aspx

另外跟您報告一個好消息：

參加這次團購的好朋友，在 2016/6/30以前，繳費報名我的課程

不管是實體班上課或是遠距教學

課程 http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx

遠距教學（影片） http://www.dotblogs.com.tw/mis2000lab/archive/2015/03/09/aspnet-online-learning-distance-education-2015.aspx

一律折價「一千五百元」學費！（以姓名、手機、E-Mail，作為識別，需跟本次團購為同一人）

一律折價「一千五百元」學費！

參加本次團購務必填寫報名表，來信報名。我會回信通知下列資訊：

若非以下資料，皆屬詐騙，請小心！

我的電話是 0975-696-XXX

我的「銀行帳號」----

台北富邦銀行(012)，帳號後六碼是xxx-xxx-388-785

（怕有詐騙集團出面劫標，我先公佈一部份。請大家留意！）

請來信 mis2000lab (at) yahoo.com.tw 或是 school (at) mis2000lab.net

欲購買者，請填寫報名表後，寄信給我

依照「匯款」先後順序來決定前四十名，如果報名以後無聲無息，那就抱歉囉～

姓名	E-Mail （盡量留自己的，而非公司）	電話	郵寄地址必填	備註
**必填 **	自己：公司：	家：手機：	**必填 **

2015/9/23，第一天下午公開訊息以後，已經有18位來信報名，其中 5位繳費成功。中秋連續假期，我回信較晚，請見諒。

2015/9/24，第二天中午 13:30，來信參與人數已經突破 40位。只要在今天 13:30以前我有回信給您，一律仍以優惠價 779元辦理。

（但請盡快繳費，超過 2015/9/30 17:00則視同放棄，依照ATM繳款時間為憑），我會用兩個信箱 E-Mail催您一次，也請您注意收信。

[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

http://www.dotblogs.com.tw/mis2000lab/archive/2015/09/23/book_2015_aspnet_html5.aspx

2015年9月17日星期四

網頁繪製圖表 Google Charts with JavaScript.... ADO.NET取得圖表原始資料

http://www.dotblogs.com.tw/mis2000lab/archive/2015/09/17/google_charts-with-ado-net.aspx

前兩篇文章介紹 Google Chart，並且把 "前端"程式 (JavScript) 改寫到ASP.NET (Web Form)後置程式碼

這兩篇文章的內容，都有 YouTube教學影片的簡介

藉此也讓各位看到「實際操作、(影片)教學」會比自己慢慢K書、看文件、K程式碼有效率多了。

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

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

黯然銷魂之網頁繪製圖表 Google Charts with JavaScript....與ASP.NET網頁結合 (ClientScriptManager.RegisterStartupScript 方法)

http://www.dotblogs.com.tw/mis2000lab/archive/2014/05/10/google_charts-with-asp.net-clientscriptmanager.registerstartupscript.aspx

一旦把 "前端"程式 (JavScript) 轉移到「後置程式碼」之後

（請善用上面第二篇文章介紹的ClientScriptManager類別），就是我們動手腳的好時機

「組合字串」、「字串相連」，一直以來都是資料庫程式、網頁程式擅長的作法

（但也因為動態地「組字串」造成 SQL Injection資料隱碼攻擊、XSS攻擊....等等缺失）

請透過「參數」的寫法來避免，詳見以下文章說明：

ADO.NET 參數寫法 Parameter（避免SQL Injection資料隱碼攻擊）

http://www.dotblogs.com.tw/mis2000lab/archive/2014/08/29/ado.net_parameter_sql_injection_20140829.aspx

Microsoft Anti-XSS (Anti-Cross Site Scripting Library) 避免XSS攻擊

http://www.dotblogs.com.tw/mis2000lab/archive/2014/11/04/microsoft_anti-xss_v43.aspx

首先，我們來看看原始的 Google Chart的資料格式（Raw Data）有哪些？

原廠網址 https://developers.google.com/chart/interactive/docs/datatables_dataviews?hl=zh-TW

以簡單的圓餅圖（Pie Chart）、地理圖表（GeoChart）為例，

兩者比較就能看出來：

甚至還能從 "google試算表"取得資料，透過大家熟悉的SQL指令來查詢

//*** 查詢 Google的一份試算表。

dataSourceUrl: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptGXxxQIG7VFIQ&pub=1',

query: 'SELECT A,D WHERE D > 100 ORDER BY D',

這就是我強調：盡量學習「國際標準」的作法，可以避免單一廠商、單一技術改朝換代的威脅

寫在 HTML網頁內，前端 JavaScript的資料格式如下：

// 加入原始資料

data.addRows([

['Mushrooms', 3],

['Onions', 1],

['Olives', 1],

['Zucchini', 1],

['Pepperoni', 2]

]);

我們可以看出他的架構，每一筆記錄就是 ['欄位', 值]

類似JSON文件。說穿了並不難。

您在後置程式碼，透過ADO.NET或是任何您善用的技術，

把資料庫的數據取出，組合成以上字串格式即可！

以下圖為例，我用DataReader來做，會用到兩個方法，取得「欄位名稱」與欄位裡面的「值」

詳見：

[ADO.NET] DataReader自動產生資料表的「欄位名稱」。.FieldCount屬性 / .GetName()與.GetValue()方法

http://www.dotblogs.com.tw/mis2000lab/archive/2011/04/14/datareader_fieldcount_getname.aspx

料理東西軍！

「Google Chart V.S. ASP.NET Chart控制項」，今晚您要選擇哪一項？

完整內容將會收錄在 -- ASP.NET專題實務 (II) VS 2015版 裡面。

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

從最傳統的圖表作法，透過與的寬度與高度修改，來做最原始的長條圖。

然後介紹 ASP.NET Chart控制項

（這東西功能很強，但學起來也很費時、後置程式碼來控制要寫很多程式碼、熟悉很多屬性與方法）

最後介紹「前端技術」為主的 Google Chart，讓您的ASP.NET Web Form跟得上時代

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

內容是否豐盛？是否比上一本書又多了好多新鮮事？請拭目以待。

......... 寫信給我，mis2000lab (at) yahoo.com.台灣 .....................................................................................

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

................ Google+ https://plus.google.com/100202398389206570368/posts ..............

................ YouTube (ASP.NET) 線上教學影片 http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 六週課程上線了！微軟MVP --MIS2000Lab.主講

事先錄製好的影片，並非上課時側錄！觀看影片時，有如我「一對一」跟您面對面講課。

MIS2000 Lab. 線上教學影片（YouTube）

學生反應比較熱烈，也可以挑自己慣用的、自己（目前程度）學得會的方式來處理

想要當個職場成功者，李小龍的精神你該學學！http://buzzorange.com/vidaorange/2015/07/17/bruce-jun-fan-lee-quote/

（點選圖片，可連到原文）

有位讀者想要知道 控制項的 PreRender事件？

為什麼上網找「GridView合併欄位、合併相同記錄」都是在 GridView的 PreRender事件完成呢？

我們先做幾個範例，然後再來看看MSDN網站的說明

先「做」再「學」，希望讓您比較好理解。

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

以下使用的範例，名為 student_test資料表。

裡面記錄每一位學生的「國文」與「數學」成績。

畫面先用 GridView + SqlDataSource來作，

因為重點不是資料存取，而是要講 控制項的 PreRender事件。

第一，所有學生的數學總分（加總、累加）

當然，直接用SQL指令做出來不就得了。這也是一種作法，直接在「資料來源」中處理。

我們也可以在「畫面」上處理。

如果以 GridView來呈現，以 PreRender事件來作。

protected void GridView1_PreRender(object sender, EventArgs e)

{

// 在控制項呈現到畫面「之前」，做最後的處理

int sum = 0;

foreach (GridViewRow GV_Row in GridView1.Rows)

{ // 參考範例 http://www.dotblogs.com.tw/mis2000lab/archive/2012/01/13/gridview_multi_row_updating_20120113.aspx

sum += Convert.ToInt32(GV_Row.Cells[5].Text);

}

Label1.Text = "這一頁，數學成績的加總 = " + sum;

}

這個範例，在書本「下集」也可以透過 DataBinding Expression來作，但就比較瑣碎一些

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

第二，數學成績，不及格者，出現紅字！

protected void GridView1_PreRender(object sender, EventArgs e)

{

// 在控制項呈現到畫面「之前」，做最後的處理

foreach (GridViewRow GV_Row in GridView1.Rows)

{

if (Convert.ToInt32(GV_Row.Cells[5].Text) < 60)

GV_Row.Cells[5].ForeColor = System.Drawing.Color.Red;

}

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

完成後，我們來看 MSDN網站的說明 -- 控制項的 PreRender事件

...... 在 Control 物件載入之後但在呈現之前發生。

做過幾個範例以後，對於原廠的說明，會不會比較「有感」？

所以，要靠實作、範例來「體會」，必須自己練！自己動手！自己設計情境！

不能只看書、看文字....... 這不是在應付學校的考試？不是寫考卷的"是非題、選擇題、申論題"

東西「寫」不出來就慘了，

老闆跟客戶不在乎我們學校成績有多好，他要看見程式「正確運作」的結果

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

如果一個答案，您有 "多種"解法可以處理

恭喜！出師了！

上述第二個範例，

您要透過 GridView的「RowDataBound事件」來作也可以，詳見以下範例：

GridView的 RowDataBound與 RowCreated事件--[Case Study]成績低於60分就出現紅字

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

//-- 當 GridView呈現「每一列」資料列（記錄）的時候，才會執行這裡！

//-- 所以這裡就像迴圈一樣，會反覆執行喔！！

if (Convert.ToInt32(e.Row.Cells[5].Text) < 60)

e.Row.Cells[5].ForeColor = System.Drawing.Color.Red;

//-- 把第六格的資料列（記錄）"格子"，變成紅色。

//*********************************************************

//*** 重點！！請您瞭解這個事件的參數 e代表什麼意思？ ***

//*********************************************************

}

GridView 的 RowCreated事件、RowDataBound事件

（與類似的 ListView 的 ItemCreated事件、ItemDataBound事件有異曲同工之妙）

不過，對於初學者來說，這種作法要學的東西多了一點點。

1. 在 GridView身上看見兩個事件，請問：DataBound事件跟 RowDataBound事件有什麼不一樣？

2. RowDataBound事件中的「參數e」，為什麼有三種變化？各是什麼意義？

e.Row.RowType ?? RowState ?? RowIndex ??

3. 上網找範例、看書，都會發現這個事件中，必然有一列 if判別式，這有什麼意思？

if (e.Row.RowType == DataControlRowType.DataRow)

4. RowDataBound & RowCreated事件的「參數e」與其他事件的「參數e」有何不同？

例如 GridView的分頁事件（PageIndexChanging事件）、進入編輯模式的 RowEditing事件的「參數e」

上課的時候會把這些範例匯整在一起解說，

其實不難。學會以後也很實用。

有範例輔助，現場表演，學東西很快！ 15~30分鐘就講完了，還可以動手寫幾個變化。

本網站所有的 RowDataBound範例 -- http://www.dotblogs.com.tw/mis2000lab/Tags/RowDataBound/default.aspx

但要自己看書、自修......透過 "文字" 來瞭解，那就很累了

學會這個招數之後，您甚至可以在 Calendar（日曆）控制項的 DayRender事件

搭配自己的資料表，寫出個人行事曆

有人 "學"到一些心法（原來這些變化，殊途同歸，骨子裡面都是一樣的）

[轉貼]GridView 72般絕技--作者：清清月兒。兼論：我 (MIS2000 Lab.)學習.NET的心路過程

哪一種比較好？哪一種才能解決問題？

哪一種才能在職場，長長久久活下去？

就看自己囉

1. ASP.NET Web Form 課程（到教室上課）

2. 遠距教學（在家看影片、自修）

[遠距教學、教學影片] ASP.NET (Web Form) 六週課程上線了！微軟MVP --MIS2000Lab.主講

事先錄製好的影片，並非上課時側錄！觀看影片時，有如我「一對一」跟您面對面講課。

MIS2000 Lab. 線上教學影片（YouTube）

訂閱：文章 (Atom)

MIS2000 Lab. - ASP.NET專題實務 & WebForm +MVC 遠距教學

2015年9月23日星期三

[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

[團購 / 買一送一] 前端+後端 = HTML5 認證教材 + ASP.NET專題實務 (VS2015版)

2015年9月17日星期四

網頁繪製圖表 Google Charts with JavaScript.... ADO.NET取得圖表原始資料

網頁繪製圖表 Google Charts with JavaScript.... ADO.NET取得圖表原始資料

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

黯然銷魂之網頁繪製圖表 Google Charts with JavaScript....與ASP.NET網頁結合 (ClientScriptManager.RegisterStartupScript 方法)

ADO.NET 參數寫法 Parameter（避免SQL Injection資料隱碼攻擊）

Microsoft Anti-XSS (Anti-Cross Site Scripting Library) 避免XSS攻擊

[ADO.NET] DataReader自動產生資料表的「欄位名稱」。.FieldCount屬性 / .GetName()與.GetValue()方法

[遠距教學、教學影片] ASP.NET (Web Form) 六週課程上線了！微軟MVP --MIS2000Lab.主講

2015年8月19日星期三

GridView的 PreRender事件與範例-- [Case Study]成績低於60分就出現紅字 & 分數加總（累加）

GridView的 PreRender事件與範例-- [Case Study]成績低於60分就出現紅字 & 分數加總（累加）

[GridView] 資料繫結運算式？或是RowDataBound事件來作？

GridView的 RowDataBound與 RowCreated事件--[Case Study]成績低於60分就出現紅字

[習題]個人行事曆學習流程與重點 (Calendar日曆控制項 + DB資料庫 + 超連結 or Label)

[習題]Calendar日曆控制項的.OnDayRender()方法與 DayRender事件 #1

[習題]Calendar日曆控制項的.OnDayRender()方法與 DayRender事件 #2--搭配資料庫，個人行事曆

[轉貼]GridView 72般絕技--作者：清清月兒。兼論：我 (MIS2000 Lab.)學習.NET的心路過程

[遠距教學、教學影片] ASP.NET (Web Form) 六週課程上線了！微軟MVP --MIS2000Lab.主講

Links

2015年9月23日 星期三

2015年9月17日 星期四

2015年8月19日 星期三

2015年9月23日星期三

2015年9月17日星期四

2015年8月19日星期三