Youtube教學影片 — JSON, 20分鐘 快速入門
這是 Web Service、WCF、WebAPI課程中的一小段。
JSON與jQuery都是我們使用網頁服務時 “必備”的知識……
影片網址
這是 Web Service、WCF、WebAPI課程中的一小段(全長超過 6.5小時)。
JSON與jQuery都是我們使用網頁服務時 “必備”的知識,透過影片來分享、學習,絕對比自己慢慢看書更有效率。
課程大綱
=== 入門與解說 ===
00:01:35 沒有UI畫面的「網頁」程式? 以「檔案上傳後,二進位內容存入資料表」為例
00:03:34 (1) Web Form的 ASHX 泛型處理常式
00:07:13 (2) MVC專案的 GetImage動作
00:12:06 沒有UI畫面的程式?例如:DLL檔、類別檔。
00:16:58 為什麼不採用 DLL檔、類別檔
=================================
00:26:02 === Web Service ===(MVC版)
00:27:29 Web Service (MVC版,Server端)
00:33:08 執行與檢視Web Service
00:37:30 Web Service (MVC版,Client端呼叫)
簡單的MVC入門與程式撰寫
00:41:32 Client端,加入服務參考
00:46:26 Client端,MVC的控制器與動作
00:58:53 Client端,產生檢視畫面
01:02:17 Case Study — 第二個 Web Service範例 (MVC版,Server端)
01:05:10 第二個 Web Service範例 (MVC版,Client端)
01:06:39 Client端,MVC,加入ViewModel
01:12:42 檢視畫面(View)
01:13:37 第二個同名的動作(新增後的資料處理)
01:23:44 執行成果
01:26:29 最後的重點複習
01:28:43 加入服務參考,其實寫在Web.Config檔裡面
=================================
01:30:09 === Web Service ===(Web Form版)
01:31:18 開啟兩套Visual Studio,分別模擬Server端與Client端
01:32:47 Web Service範例 (Server端)
01:36:50 執行成果 (Server端)
01:40:28 Client端。如何呼叫人家寫好的Web Service
01:41:22 加入服務參考 (Client端)
01:44:21 Web Form (Client端)呼叫人家寫好的Web Service
01:51:39 (Client端) Web.Config檔
01:52:55 Case Study — 第二個 Web Service範例 (Web Form版,Server端)
01:57:07 第二個 Web Service範例 (Web Form版,Client端)
=================================
=== WCF Service ===(MVC版)
02:06:22 WCF 簡介
02:13:15 撰寫第一個WCF服務 (Server端)
02:16:20 WCF服務的介面(interface)與服務契約、操作契約
02:17:24 WCF的類別,實作上一個介面
02:19:15 錯誤示範:未實作介面成員
簡單的MVC入門與程式撰寫
=================================
=== WCF Service ===(Web Form版)
02:38:57 建議打開兩套Visual Studio,各自模擬 Server與Client
=================================
02:58:58 === WebAPI ===(Server端)
又遇見Post與Get
=================================
03:42:27 === 為什麼要先學 jQuery呢? ===
先看看別人的產品,瞭解 jQuery (Client端)與網頁服務 (Server端)的互動。
=================================
04:10:46 === Client端,透過 jQuery呼叫網頁服務 ===
透過 jQuery連結遠端、別人的網頁服務(Web Service與WCF)
=================================
05:13:57 === 錯誤範例(MVC版)Client端呼叫網頁服務 ===
Web Form不會出現的錯誤,卻在MVC裡面現形。注意 ViewModel的細節。
=================================
05:34:07 === JSON,資料傳遞的簡易格式 ===
從XML到JSON,改善了什麼?
解析JSON並獲取裡面的資料。
=================================
=== WebAPI與 jQuery整合範例 ===