建議您先看完這篇文章:
課程介紹
沒有 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。
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
課程內容
Web Service
Web Service 透過 SOAP 與 XML 交換資料,現在也能透過 JSON 格式傳遞數據。
WCF(Windows Communication Fundation)
微軟公司推出,專門用於網頁通訊的服務,現在也是 W3C 國際標準。WCF 服務的介面(interface)與服務契約、操作契約…這些惱人的術語,在輕鬆簡單的實作中親自接觸,只要動手做就能立即學會。
WebAPI
現在熱門的技術,有在學習 ASP.NET MVC 者千萬不能錯過。
JSON (提供試聽)影片網址
本章節將教您 JSON 的由來與應用,以及如何組成 JSON 文件或是讀取它。
範例
最後的「前端」範例並提供了 jQuery & JavaScript 的範例,學員可以立即存取這些「後端」的網頁服務,並且直接修改即能使用。
課程特色
- 以實作優先:減少理論說明,大量練習範例,講求從做中學。
- 錯誤學習法:透過錯誤的範例從中學習,並找出自己的盲點。
學員見證
課程綱要
- 入門與解說
- 沒有 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)