.NET 與開發環境介紹 建國科技大學資管系 饒瑞佶 2016/4 V1
認識.NET
微軟的.NET(.NET Framework) 微軟新一代的系統與開發框架 強調網路 Network 功能.NET Framework
常聽到 ASP.NET Windows Form Web Form C#.NET VB.NET. 它們之間到底有什麼關係?
答案要回歸到系統開發本質 資訊系統主要分為三大類 桌機系統 (Desktop 單機或套裝程式 ) 微軟將此類系統稱為 Windows Form 網路系統 ( 網頁程式 網路程式 網路服務 ) 微軟將網頁程式類系統稱為 Web Form 或 ASP.NET 行動系統 ( 手機 App PDA) 以往開發這三類系統是獨立的開發架構 工具與程式語言 ( 依作業系統或伺服器而定 ) 微軟要打破這種開發的不便性, 希望統一開發架構與工具, 所以.NET Framework 因此誕生
.NET Framework 主要精神 主要針對 Windows 架構的系統 使用統一的開發框架開發不同類型的系統 使用統一的開發工具開發不同類型的系統 (MS Visual Studio ) 讓原 C++ 或 VB 的客戶能延續使用既有的語法, 再搭配統一的框架, 順利轉移到.NET Framework 上
抽絲剝繭 開發語言 ( 擇一 ) 系統類型 ( 擇一 ) MS 提供現成可用的函式庫 執行時需要
抽絲剝繭 依據系統類型與使用自己熟悉的語言開發系統, 就決定了前兩個部分
以本課程為例 C# 與 ASP.Net 程式設計
抽絲剝繭 透過物件導向程式設計方式取用微軟提供的現成函式庫, 大幅度縮短開發時間例如使用 ADO.NET 開發資料庫相關應用
抽絲剝繭 使用不同語言開發不同系統, 但卻使用同樣的函式庫, 最後要執行在不同的 Windows 作業系統版本上, 所以一定要有個轉換與轉譯者, 類似 Java Virtual Machine
所以 有時候在 Windows 上安裝程式時, 會先要求安裝.NET Framework 因為在 Windows XP 上預設完全沒有支援.NET Framework, 所以需要安裝才能執行由. NET Framework 開發的程式 或是.NET Framework 版本不夠新, 無法支援, 需要升級 目前最新版本為 4.6
抽絲剝繭 微軟提供 Visual Studio 這個開發工具來協助開發者完成.NET Framework 程式的開發
可以這樣比擬.NET Framework 類似 JAVA J2EE CLR 類似 Java Virtual Machine JAVA 可透過 Java Virtual Machine 讓 JAVA 程式執行在不同作業系統上 微軟透過 CLR 讓透過.NET Framework 開發的程式執行在不同版本的 Windows 作業系統上
回到最初的問題, 答案則是 ASP.NET Windows Form Web Form C#.NET VB.NET. 開發的系統類型 使用的程式語言希望與既有的 C# 或 VB 區隔, 所以後面都冠上.NET
重點是 現在使用.NET 來開發系統時, 選項會多到不知從何下手 但是萬變不離那三種型式 (Desktop Web Mobile), 只是.NET 用了不同名稱上市而已
來看看最新版的 VS 2015 Desktop Web Mobile 整合 Xamarin Mobile Web 整合 Xamarin 整合 Cordova
再談回本課程 ASP.NET 看到 ASP.NET, 可以知道是要開發網頁程式 跟 Web Form 在某種程度上是同樣的意義, 但不相等 那為何有 ASP.NET 這個稱呼? 因為在還沒有.NET Framework 出現時, 微軟是使用 ASP(Active Server Pages) 當作網頁程式設計技術, 到了.NET 則改稱為 ASP.NET, 但兩者的核心是完全不同的 以前使用 ASP.NET 開發, 項目分的很細, 現在統一一個稱為 One ASP.NET, 但再進去後還是要區分你要的類型
開發時完全無介面 ASP.NET 家族 本課程 有介面 無介面
現在或未來用 ASP.NET 開發時 會常聽到 framework 或框架這個名詞 框架類似外掛, 就是要擴充 ASP.NET 本來的功能 也就是框架本來不屬於微軟的 ASP.NET, 多半是 Open Source, 因為可以協助開發, 所以被微軟收錄 例如 Cordova 這個框架, 可以瞬間讓網頁變成具備有 RWD 功能的行動應用程式 App
被收錄的框架 (I) 非常多, 幾個比較有名的有 jquery/jquery Mobile 框架 (free): 協助原網頁開發人員可以將既有網頁轉換成適用在行動裝置上呈現的模式 Cordova 框架 (free) : 架構在 jquery/jquery Mobile 之上, 協助建構者進一步可以與行動裝置硬體層互動, ASP.NET 中可以看到 JavaScript 類型專案, 底下就可以建立 Cordova 專案
被收錄的框架 (II) AngularJS(free):Google 開發的前端應用程式框架, ASP.NET 中使用 SinglePage 來呈現 BootStrap 框架 (free): 由 Twitter 所開發, 為了建立自適應網站 (RWD) 而開發, ASP.NET 中大部分的專案都內建支援 BootStrap 前端應用程式與 JavaScript 現在越來越熱門
簡單的說 (I) 就是 ASP.NET 是一個很龐大的家族, 不能再簡單的說就是寫網頁 買書時要翻一下, 確認清楚裡面是談 ASP.NET 的哪個區塊 下次如果聽到有人說我這個是用 ASP.NET 開發的, 您可以再仔細詢問, 請問您是用 ASP.NET 的哪個模式與技術開發的?( 這才是看門道 )
更簡單的說 (I) 如果您沒學過程式與網頁 建議您從 Web Form 或是 MVC 開始學起 如果您學過網頁, 不熟程式 建議您從 Web Form + Cordova 框架開始學起
更簡單的說 (II) 如果您學過網頁, 也喜歡寫程式 如果只是要架構網站, 建議您從 MVC 開始學期 如果要架構 App, 建議您學 Xamarin( 雖然這不屬於 ASP.NET 家族 ) 如果您是老闆 建議您了解 ASP.NET 各部分可以做到那些事, 或想要解決那些問題
更簡單的說 (III) 如果您喜歡寫程式 建議您專心研究 MVC 如果您不喜歡寫程式 建議您研究 LightSwitch 如果您是中庸 建議您學 Web Form
所以, 本課程要談的是 本課程 但記得, 這些技術是可以混用的
本課程選用的程式語法 前面說明了本課程主題是學習網頁程式設計 開發語法則選用 C# 微軟針對.NET 所開發的新程式語言, 效能上與其在.NET 整合性較佳 真正的物件導向程式語言 使用人數眾多
開發工具 Visual Studio 付費版與免費版 (express 版本 ) 最新版本 Visual Studio 2015 本課程使用 Visual Studio 2013 Pro 版本 免費版本可以到微軟官網下載 https://www.visualstudio.com/downl oads/download-visual-studio-vs
Visual Studio 2013 express 直接分 Desktop 與 Web
Visual Studio 2013 express 本課程只需要 Express for Web 就可以
認識 Visual Studio 地表上最強大的 IDE
現在的 Visual Studio 可以開發 Desktop Web 與 App 種類程式 使用同樣的架構 使用同樣的語法 過去的經驗可以轉移 ( 例如以前寫網頁的可以用 Cordova 開發跨平台使用的 App) 真的是地表上最強大的 IDE
本課程使用的是 VS 2013
VS 2013 for Web
VS.NET 2013 它可以幫忙的, 盡量交給它, 例如 : 程式碼自動完成 自動排版 :Ctrl-K + Ctrl-D 程式碼片段等 適度修改部分設定 (Tools Options) 字體大小 行號
基本觀念與操作 VS.NET 2013 建立專案 ( 從這裡開始 ) 物件 ( 工具箱 ) 事件 屬性 新增項目 執行 除錯 發佈
VS IDE for ASP.NET 基本觀念 使用方案 (Solution) 與專案 (Project) 管理程式 使用物件導向方式撰寫程式 ( 物件分可見與不可見 ) 使用事件驅動撰寫程式 程式 介面與資料分離設計原則 (Code Behind 與 MVC) 就算使用不同語言開發不同類型系統, 開發介面幾乎是一致的, 許多物件的操作方式與語法也一致
開始建立專案 或
建立專案 One ASP.NET
這裡可以看到語言與系統類型 不同語言 不同類型
以前的 ASP.NET 選項 相對於 ONE ASP.NET
為何要保留 有些類型還保留在舊的 ASP.NET 中 例如網路服務 Web Service
再回到 One ASP.NET 選擇.NET Framework 版本 設定存檔專案名稱與位置
接著選擇專案範本 雖然這裡又分, 但有其實際意義, 例如我可以在空白專案中, 加入 MVC 或 Web API 架構 技術在這裡混用 這裡選擇空白 Empty 專案
完成建立新專案 編輯區
三個重要視窗 方案總管 工具箱目前是空的 屬性視窗 提示 : 如果視窗不見了, 可以從 View 選單中取回
先從方案總管談起 管理專案中所有的程式與資料 實際對應目錄中的檔案與資料夾 可以用檔案總管的方式來操作 ( 例如複製貼上資料檔案, 程式部分則不建議 ) 右圖是一個預設空專案的初始檔案狀態
可以開始建立網頁或程式 或
選擇網頁或程式類型 這裡先選擇 Web Form
建立 Web Form 後
一個網頁程式 會有 UI 使用者介面 介面上可能會有按鈕 輸入框等, 稱為物件或控制項 來自工具箱 物件會有樣式, 例如顏色大小等, 可透過屬性視窗設定 會有控制程式 使用 C# 撰寫 可能會有資料庫
先來看 UI 使用者介面 中間這塊就是, 可以使用不同模式進行編輯
UI 不同編輯模式 原始碼模式 ( 非程式 ) 預覽模式 分割模式
透過工具箱設計介面
工具箱 內有微軟提供不同分類與用途的介面物件 (Object), 大部分都是可視物件 這些物件又可稱為控制項 (Controls) 使用控制項可以簡化程式設計的複雜度 你也可以自己寫控制項, 這可以賣錢
VS 自動產生對應的原始碼 網頁介面其實就是由各位常聽到的 HTML 所組成的
畫面上有東西了, 怎麼控制 例如按鈕按下去, 畫面上顯示 按鈕被按下了 需要撰寫程式 透過事件驅動方式進行 (Code Behind) 進入程式碼視窗畫面進行撰寫
進入程式碼視窗畫面 透過既定事件或選擇需要的事件
進入事件 既定事件 在預覽模式畫面, 針對特定物件使用滑鼠左鍵快點兩下 選擇需要的事件 透過屬性視窗中的閃電符號圖示
撰寫程式 C# 有分大小寫 善用 VS 提供的自動完成功能 善用註解, // 或 /* 物件. 屬性 ; 或物件. 方法 ( 參數 );
撰寫程式 事件 物件 方法 參數 這行是我們寫的
事件 -Event 事件指的是使用者在介面上透過滑鼠或鍵盤操作所導致系統回應的動作稱為事件 例如使用滑鼠點按鈕, 就會產生點擊 (click) 事件 畫面上可能有很多按鈕, 所以每個按鈕有一個專有的名字, 屬於它的事件段落就被命名為 按鈕名稱 _ 事件, 例如 Button1_Click
事件中的 object sender 與 EventArgs e 當使用者有動作時,.NET 中有一個叫做 EventHandler 的傢伙, 他會告訴你 ( 主程序 ), 有一些事情發生了 包括這個事情是誰產生 ( 物件 ) 的呢? 是某個 object 導致的, 它用 Sender 來表示 這個事情是什麼事呢?e 的內容就是事情的內容
整體程式碼架構 物件導向架構 引用區 類別與繼承 事件 方法或函式
事件 方法或函式 修飾詞決定開放程度 回傳值型態 Void 表示不回傳 事件或方法名稱 決定範圍程式碼寫在這裡面也會決定變數 ( 物件 ) 可見範圍 參數不一定有 有沒有發現顏色不同
執行看看 選擇你要使用的瀏覽器 這串是什麼?
執行狀態時的 VS 結束或暫停 監看或錯誤訊息視窗
好用的 Page Inspector 可以協助偵錯
整個 ASP.NET 程式設計流程 建立專案 設計 UI 撰寫程式 執行程式 除錯
如果有多個 webform 誰最先被執行? 設定起始頁面
Any Question?
心中可能的疑問 我怎麼知道程式碼要這樣寫? 工具箱內的物件到底怎麼用? UI 畫面要怎麼設計與排版? 寫完的專案要怎麼變成網站? 遭遇戰 碰到再來講 再來問 再來查資料