ASP.NET — WebAPI / WCF / Web Service線上教學(7.5小時)

課程介紹

沒有 UI 畫面的網頁程式，讓程式可以被其他應用程式上網呼叫。

本課程適合「後端」網頁程式設計師學習，學員只要專心撰寫後端程式，完全不需擔心前端畫面（UI）的呈現，讓「後端」與「前端」兩者可以安心各司其職。

前端的工程師則可以透過 JavaScript 或 jQuery 來存取所寫的網頁服務。各種先進的程式，只要能上網都能透過 HTTP 也都支援這些網頁服務。

同時學習後端程式

本課程的範例均提供 ASP.NET 兩種後端程式（Web Form 與 MVC）來搭配說明，讓您在學習「網頁服務」的同時，也可以順便學習 ASP.NET 兩種後端程式。

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

學員上課後會學到什麼或能做什麼

• 知道基礎的Web程式設計能力，如 if 判別式、for / while 迴圈即可。
• 知道資料庫（DataBase）與簡單的 T-SQL 指令，如：CRUD。
• Visual Studio 2015、2017 或後續新版，請下載社群版（Community 版）。
• 建議使用 Windows 作業系統。因為 Visual Studio Code 與 Visual Studio for Mac 與教學畫面仍有許多差異。
• SQL Server Express 版（免費）。建議使用 SQL Server 2012（Express版）或後續新版。

學員上課前需具備哪些軟、硬體設備或常識

知道基礎的Web程式設計能力，如 if 判別式、for / while 迴圈即可。 知道資料庫（DataBase）與簡單的 T-SQL 指令，如：CRUD。 Visual Studio 2015、2017 或後續新版，請下載社群版（Community版）。 建議使用 Windows 作業系統。因為 Visual Studio Code 與 Visual Studio for Mac 與教學畫面仍有許多差異。 SQL Server Express 版（免費）。建議使用 SQL Server 2012（Express版）或後續新版。

課程適合對象 需要撰寫網頁系統、或對於網頁與資料庫的開發有興趣的朋友。 未來的（網頁後端）程式設計師 — 希望將來進入業界寫程式，開發網頁（後端）。 曾寫過 ASP、ASP.NET（Web Form）、PHP、JSP 的朋友，現在想學習 ASP.NET MVC 5。 — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — 課程購買與試聽 https://9vs1.com/go/?i=83d6700ef666 ​ 課程購買與試聽 https://9vs1.com/go/?i=83d6700ef666 課程內容 Web Service ​ Web Service 透過 SOAP 與 XML 交換資料，現在也能透過 JSON 格式傳遞數據。 WCF（Windows Communication Fundation） ​ 微軟公司推出，專門用於網頁通訊的服務，現在也是 W3C 國際標準。WCF 服務的介面（interface）與服務契約、操作契約…這些惱人的術語，在輕鬆簡單的實作中親自接觸，只要動手做就能立即學會。 WebAPI ​ 現在熱門的技術，有在學習 ASP.NET MVC 者千萬不能錯過。 JSON （提供試聽）影片網址 https://www.youtube.com/watch?v=8-1Fu9gWpfY https://youtu.be/8-1Fu9gWpfY ​ 本章節將教您 JSON 的由來與應用，以及如何組成 JSON 文件或是讀取它。 範例 最後的「前端」範例並提供了 jQuery & JavaScript 的範例，學員可以立即存取這些「後端」的網頁服務，並且直接修改即能使用。 課程特色 以實作優先：減少理論說明，大量練習範例，講求從做中學。 錯誤學習法：透過錯誤的範例從中學習，並找出自己的盲點。 課程購買與試聽 https://9vs1.com/go/?i=83d6700ef666 ​課程購買與試聽 https://9vs1.com/go/?i=83d6700ef666 學員見證 ​ 課程綱要 入門與解說 沒有 UI 畫面的「網頁」程式？以「檔案上傳後，二進位內容存入資料表」為例 (1) Web Form的 ASHX 泛型處理常式 (2) MVC專案的 GetImage 動作 沒有UI畫面的程式？例如：DLL 檔、類別檔。 為什麼不採用 DLL 檔、類別檔 Web Service（MVC版） Web Service （MVC 版，Server 端） 執行與檢視 Web Service Web Service （MVC 版，Client 端呼叫） 簡單的 MVC 入門與程式撰寫 Client 端，加入服務參考 Client 端，MVC 的控制器與動作 Client 端，產生檢視畫面 Case Study：第二個 Web Service 範例 (MVC 版，Server 端) 第二個 Web Service 範例 (MVC 版，Client 端) Client 端，MVC，加入 ViewModel 檢視畫面（View） 第二個同名的動作（新增後的資料處理） 執行成果 最後的重點複習 加入服務參考，其實寫在 Web.Config 檔裡面 Web Service（Web Form 版） 開啟兩套 Visual Studio，分別模擬 Server 端與 Client 端 Web Service 範例 (Server 端) 執行成果 (Server 端) Client 端。如何呼叫人家寫好的 Web Service 加入服務參考 (Client 端) Web Form (Client 端)呼叫人家寫好的 Web Service (Client端) Web.Config 檔 Case Study：第二個 Web Service 範例 (Web Form 版，Server 端) 第二個 Web Service範例 (Web Form 版，Client 端) WCF Service（MVC 版） WCF 簡介 撰寫第一個WCF服務 (Server 端) WCF服務的介面（interface）與服務契約、操作契約 WCF的類別，實作上一個介面 錯誤示範：未實作介面成員 WebAPI（Server 端） 又遇見 Post 與 Get 為什麼要先學 jQuery 呢？ Client 端，透過 jQuery 呼叫網頁服務 錯誤範例（MVC 版）Client 端呼叫網頁服務 JSON，資料傳遞的簡易格式 WebAPI（後端）與 jQuery（前端）整合範例 範例一：微軟官方網站的入門範例。有兩種不同的寫法。範例一（Client 端）。 範例二：連結資料庫的範例。範例二（Client 端）。 範例三：改用 MVC 的控制器來做，更簡單（不使用 WebAPI） 課程購買與試聽 https://9vs1.com/go/?i=83d6700ef666 ​課程購買與試聽 https://9vs1.com/go/?i=83d6700ef666