針對 asp.net Web Forms 開發的一些分享

1. ASP.NET 開發的奇幻漂流
ASP.NET開發要注意的是?
1
亂馬客
rainmaker_ho@gss.com.tw
25867890 # 515

2. Outline
• ASP.NET開發要注意的是?(ASP.NET 2.0以上)
• 基本篇
• 設定TextBox Focus、Default Button、驗証
• GridView篇
• GridView分頁、資料分頁、取得選取列的Key值…
• 狀態篇
• ViewState
• 特殊篇
• 動態加入控制項、先回Server檢查、HttpHandler
• 上線篇
• 客製化、設定Release模式、維護
• IIS篇
• 查看目前的要求、設定IIS Log的欄位、讀取IIS Log的資訊… 2

3. 基本篇
• 設定TextBox Focus
• 設定預設Button
• 必填欄位驗證
• 檢查行動裝置
3

4. Page上預設Focus的TextBox在那裡呢?
• 可透過以下方式來設定Focus
DefaultFocusTextBox.Focus();
Page.SetFocus(DefaultFocusTextBox);
Page.SetFocus(DefaultFocusTextBox.ClientID);
form1.DefaultFocus = DefaultFocusTextBox.ClientID;
4

5. 如何設定預設的Button?
• 設定form or panel的DefaultButton屬性
form1.DefaultButton = Button1.UniqueID;
panel1.DefaultButton = Button1.UniqueID;
5

6. 顯示完必輸欄位後，為何沒有Focus呢?
• 設定 RequiredFieldValidator 的 SetFocusOnError = “True”
<asp:RequiredFieldValidator
ID="RequiredFieldValidator1" runat="server"
ErrorMessage="TextBox3一定要輸入哦"
ControlToValidate="TextBox3"
SetFocusOnError=“True" />
6

7. 動態設定必填欄位需要Postback嗎?
AutoPostBack="True" OnCheckedChanged=“event“
vldWay_1.Enabled = chkWay_1.Checked;
7

8. 動態設定必填欄位需要Postback嗎?(cont..)
• $(document).read, checkBox變動時
• 設定必填欄位啟用與否
ValidatorEnable(ValidatorControl, true/false);
ValidatorEnable(txtWay_2_Validator,
chkWay_2.checked);
8

9. 檢查是否為行動裝置
• Request.Browser.IsMobileDevice
9
protected void Page_Load(object sender, EventArgs e)
{
if (Request.Browser.IsMobileDevice)
{
Response.Redirec("~/default_mobile.aspx");
}
}
Lookup: C:WindowsMicrosoft.NETFrameworkv2.0.50727CONFIGBrowsers
Other Info:ASP.NET Mobile Device Detection

10. GridView篇
• GridView分頁
• 資料分頁
• 取得選取列的Key值
• ClientIdMode
• …
10

11. 請做有分頁的GridView
• GridView
• AllowPaging="True“
• OnPageIndexChanging="GridView1_PageIndexChanging“
• GridView1.PageIndex = e.NewPageIndex;
<asp:GridView ID="GridView1" AllowPaging="True"
OnPageIndexChanging="GridView1_PageIndexChan
ging“ ….
GridView1.DataSource = mydataSource;
GridView1.DataBind(); 11

12. 如果資料量很大，要如何處理呢?
• GridView
• AllowPaging="True“
• DataSourceID="odsGridView"
• ObjectDataSource
• EnablePaging="True“
• OnSelecting="odsGridView_Selecting“
• MaximumRowsParameterName="pageSize"
• StartRowIndexParameterName="startIndex"
• TypeName="MyProduct.BO.Person“
• SelectMethod="GetPersonsPaging"
• SelectCountMethod="GetSelectedCount"
12

13. 如果資料量很大，要如何處理呢? (cont..)
• Nbase20 搭配SQL usp_paging(Store Procedure)來做資料分頁
EXEC(
'DECLARE @StartRow int, @EndRow int
SET @StartRow = ' + @strStartRow + '
SET @EndRow = ' + @strEndRow + '
SELECT PG2.* FROM ( SELECT ROW_NUMBER() OVER( ' +
@strORDER + ') AS RowNum, PG.* FROM (' + @strSQL + ') PG )
PG2' + '
WHERE PG2.RowNum > @StartRow AND PG2.RowNum <=
@EndRow ' + @strORDER)
13

14. 如何取得GridView選取列的資訊?
• 在GridView上的Button 在RowCommand Event中
• CommandArgument屬性
• 取得 RowIndex ，透過 RowIndex 來取得DataKeys
string key = e.CommandArgument.ToString();
14
int index =
((GridViewRow)((Button)e.CommandSource).NamingConta
iner).RowIndex;
string dataKey =
GridView1.DataKeys[index].Value.ToString();

15. 如何取得GridView選取列的資訊? (cont..)
• 透過 GridViewRow ，利用FindControl來取得
Control lblKey =
((GridViewRow)((Button)e.CommandSource).NamingContainer)
.FindControlRecurive("labelName");
if (!lblKey.IsNull())
{
string dataKey2 = (lblKey as Label).Text;
}
15

16. Postback後可以不要每次都要Scroll嗎?
• MaintainScrollPositionOnPostback = “true”
<%@ Page
MaintainScrollPositionOnPostback="true“ …
<pages maintainScrollPositionOnPostBack="true“ …
16

17. ClientIDMode
ASP.NET 4.0
值 說明
Inherit 繼承父控制項的ID產生機制
AutoID 與之前版本相同的用戶端ID產生方式
Predictable 透過一個確定的機制來產生用戶端的ID
通常與父控制項ClientIDRowSuffix配合
Static 與伺服端指定的ID相同
17

18. 18

19. 可以暫時停止Ajax?
• 使用 Ajax (ScriptManager + UpdatePanel)
• 有錯誤時如果不好查，可設定ScriptManager
EnablePartialRendering=“False"
<asp:ScriptManager ID="ScriptManager1"
runat="server" EnablePartialRendering=“False" ... 19

20. 狀態篇
• ViewState
20

21. ViewState Size太肥問題
• 用內建的 SessionPageStatePersister 取代預設的
HiddenFieldPageStatePersister
• 用3Party元件
• Flesk.ViewStateOptimizer (壓縮後再存)
protected override PageStatePersister PageStatePersister
{
get
{
return new SessionPageStatePersister(this);
}
}
21

22. ViewState 放到了Session
Hidden欄位為何還有資料呢?
• 因為有些資料是放在 ControlState 之中
<system.web>
<browserCaps>
<case>RequiresControlStateInSession=true</case>
</browserCaps>
</system.web>
22

23. 特殊篇
• 動態加入控制項
• 按Button時可以先回Server檢查後，再問User要不要做
• HttpHandler
23

24. 動態加入控制項的時機
24

25. 動態加入控制項的時機 (cont..)
• Page_Init 、 Page_Load Event
• 每次都要加入
• !IsPostBack 設定初始值
• 用AddAt，要在Page_init
TextBox tb = new TextBox();
tb.ID = "DynamicAddTextBox";
holderTextBox.Controls.Add(tb);
if (!IsPostBack)
{
tb.Text = "Init Value";
tb.BackColor = Color.Red;
} 25

26. 按Button時可以先回Server檢查後，
再問User要不要做嗎?
26

27. • 在Button的Click中判斷，然後再Render JS 問User後，再Postback一
次
按Button時可以先回Server檢查後，
再問User要不要做嗎? Postback 2 次
...btnPostbackTwice_OnClick(object s, EventArgs e)
{
...RegisterStartupScript( .... "if(confirm('警告!是否要
submit?')){window.setTimeout('__doPostBack("",
"ProcbtnRun");', 500, 'Javascript')};"
}
27

28. • Page_Load時判斷是不是真的要處理
按Button時可以先回Server檢查後，
再問User要不要做嗎? Postback 2 次
if (Page.IsPostBack)
{
//判斷是不是按下確認回來的
if (Request.Form["__EVENTARGUMENT"] == "ProcbtnRun")
ProcessConfirm();
}
28

29. • Page要實作 ICallbackEventHandler
• Button的OnClientClick = ClientScript.GetCallbackEventReference 等等
一堆JS去串起來
• 在ICallbackEventHandler.RaiseCallbackEvent 中處理Logic
• 在ICallbackEventHandler.GetCallbackResult() 回傳判斷結果
• Button的OnClick 寫實際要執行的事
• Client端還要覆寫原生的 WebForm_DoCallback Method (有Bug)
按Button時可以先回Server檢查後，
再問User要不要做嗎? Callback
29
<input type="submit"
onclick="WebForm_DoCallback(&#39;__Page&#39;,&#39;RunCallback&#3
9;,btnCallBack_CallbackHandler,&quot;&quot;,null,false); return false;" ..

30. • 做一個Web Service 、 Page Method or Web API …
• ClientClick 使用XMLHttpSyncExecutor(可從網路上download)
• Button的OnClick 寫實際要執行的事
按Button時可以先回Server檢查後，
再問User要不要做嗎? 同步Call WS
<asp:Button ID="btnCallWS" …..
OnClientClick="return callWSCheckConfirm();"
OnClick="btnCallWS_OnClick" />
30

31. • 做一個Web Service 、 Page Method or Web API …
• ClientClick Call WS，並加一個flag判斷，何時要Call WS，何時要
postback
• Button的OnClick 寫實際要執行的事
按Button時可以先回Server檢查後，
再問User要不要做嗎?非同步Call WS
<asp:Button ID="btnCallAsyncWS" ...
OnClientClick="return callWSAsyncCheckConfirm();"
OnClick="btnCallWS_OnClick" />
31

32. 按Button時可以先回Server檢查後，
再問User要不要做嗎?
• Postback 2次、Callback都是在同一個頁面處理
• 其他方式需要將資料傳遞過去處理
• 請依實際需求狀況選擇適合的方式
32

33. 透過HttpHandler來防護文件檔
• 如檢查Session[“uid”]不為空才能download
• public class CsvHandler : IHttpHandler, IReadOnlySessionState
• public void ProcessRequest(HttpContext context)
• …..
33
<system.webServer>
<handlers>
<add name="MyCsvHandler" verb="GET" path="*.csv"
type="MyProduct.CsvHandler" />
</handlers>
</system.webServer>

34. Ooops!
• Q.為何Button都是淡藍色呢?
34

35. 上線篇
• 設定 ASP.NET 檔案上傳的大小
• 客製化
• 設定Release模式
• 維護
35

36. 如何設定 ASP.NET 檔案上傳的大小?
<system.web>
<!– 單位是 KB, 預設是4096, 80 !>
<httpRuntime
maxRequestLength=“10240”
requestLengthDiskThreshold=“256“ />
</system.web>
36

37. 有放客製化的地方嗎?
37

38. 有放客製化的地方嗎? (cont..)
• 在Application_BeginRequest Event中處理
• 寫在Global.asax之中
• 寫個HttpModule
<configuration>
<system.webServer>
<modules runAllManagedModulesForAllRequests="true">
<add name="MyModule" type="MyModule.MyMu, MyMu"
preCondition="managedHandler" />
</modules>
</system.webServer>
</configuration>
38

39. 需要每個Web.config設定debug = false嗎?
• <compilation debug=“true” />
• Compilation 比較久
• Memory會用的比較多
• WebResource.axd不會被cached
• 在Machine.config中設定以下的值，可強迫每個Web AP使用
Release模式!
<system.web>
<deployment retail="true" />
</system.web> 39

40. 如何設定系統停機維修狀態
• 在網站下加入 app_offline.htm
40

41. IIS篇
• 查看目前的要求
• 設定IIS Log的欄位
• 讀取IIS Log的資訊
• Log Parser
• Log Parser Lizard
• 失敗要求的追蹤
41

42. 查看目前的要求
42

43. 設定IIS Log的欄位
43

44. 讀取IIS Log的資訊
• Log Parser
• logparser "SELECT top 10 cs-uri-stem, time-taken , sc-status, LogFilename
FROM E:GSSTechInfoDemoiislog*.log ORDER BY time-taken DESC" -i:W3C
• Log Parser Lizard
• 選取IIS Log
SELECT top 10 cs-uri-stem, time-taken , sc-status, LogFilename
FROM E:GSSTechInfoDemoiislog*.log
ORDER BY time-taken DESC
• 匯到DB之中分析
• logparser "select * into LogTable from
'E:GSSTechInfoDemoiislogex130222.log' " -o:SQL -createTable:ON -
server:. -database:tempdb -username:sa -password:yourpwd
44

45. 讀取IIS Log的資訊
Log Parser
45

46. 讀取IIS Log的資訊
Log Parser Lizard
46

47. 匯到DB之中分析
47
SELECT TOP 10 csUriStem, timeTaken / 1000.0 AS
[timeTaken(秒)]
FROM dbo.LogTable
ORDER BY timeTaken DESC

48. 失敗要求的追蹤
48

49. ASP.NET相關資源
• ASP.NET Tutorial
• Building Web Apps with ASP.NET Jump Start - 8 Hours of FREE Training
Videos
• Introduction to ASP.NET
49

50. Q & A
50
亂馬客
rainmaker_ho@gss.com.tw
25867890 # 515