[習題]三個數字相加....(使用TextBox,很基礎的題目)

[習題]三個數字相加....(很基礎的題目)
這個範例雖然很淺,但拿來作補充也還不賴。
這個習題的重點只有兩個:
1. 後置程式碼中,會使用合適的 "事件"
2. 知道怎麼把輸出的字串格式,修改成特殊格式(例如:貨幣格式)請參閱本書7-7節

這個題目超簡單的,大概市面上任何一本ASP.NET的入門書,看完前三章都要會寫吧?

 

只是有讀者問起,我剛好覺得他可以擺在本書的第三章(3-1節),所以補上。

      

 

這個習題的重點只有兩個:

    1.  後置程式碼中,會使用合適的 "事件"

    2.  知道怎麼把輸出的字串格式,修改成特殊格式(例如:貨幣格式)請參閱本書7-7節

 

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

Part (I) ---- HTML畫面設計,就不用講了,這實在太基本...... Orz

後置程式碼:

 

1     Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
2
3         Dim sum As Integer = CInt(TextBox1.Text) + CInt(TextBox2.Text) + CInt(TextBox3.Text)
4
5         Label1.Text = String.Format("{0:C}", sum)
6         '--轉換成貨幣格式
7
8     End Sub

 

 也可以寫成這樣   Label1.Text = String.Format("{0:NT$ #,### ; -NT$ #,###}", sum)

 

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

Part (II) ---- 這名讀者還希望「不用按下Button按鈕」就能執行程式。

這也很簡單,TextBox控制項也有 AutoPostBack屬性喔! (但要一個小技巧,設定步驟請看本書 3-2節的圖片說明)

執行結果如下:

       

 

後置程式碼,改寫在 TextBox的「_TextChanged()」事件裡面。

1     Protected Sub TextBox3_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles TextBox3.TextChanged
2         Dim sum As Integer =  CInt(TextBox3.Text) + CInt(TextBox2.Text) + CInt(TextBox1.Text)
3
4         Label1.Text = String.Format("{0:C}", sum)
5         '--轉換成貨幣格式
6     End Sub

 

 

 講完了,很簡單

 這個範例雖然很淺,但拿來作補充也還不賴。

 反正我要出版範例集,這兩個範例跟TextBox收錄在一起也還OK

相關文章,但難度比這個高: [習題]ASP.NET製作網頁版的[小]計算機

 

上面的程式,只用了 Cint()強制轉換成整數,如果使用者輸入「非數字」,可能會出錯。

解決的方法,請看這篇文章: http://www.allenkuo.com/GenericArticle/view508.aspx 

除了簡單的驗證功能之外,這篇文章也告訴我們,重覆使用的程式碼,可以做成 Class,

讓程式更顯精簡、可讀性更高!

 

 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學,遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學,遠距教學 (ASP.NET MVC 約 135hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0~8.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程(Web Form + MVC)。 第一天課程, "完整" 試聽。 

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

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載,請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍(嚴格認定)。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課