ASP.NET 會員登入2 - 圖形驗證碼與 .NET Standard 跨平台類別庫

課程創作: MIS2000 Lab.

課程適合地區:全球

課程影片總長度: 2.6小時

最後更新日期:2020-09-07

分享課程:
方案一
單購本課程
NT1,800
方案二
NT3,500

課程介紹

ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab title
ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab 1

針對「會員登入與權限控管」的機制,老師在「ASP.NET MVC - Login 會員登入與權限控管」課程中已分享多種簡單易學的作法。但登入畫面除了輸入帳號、密碼以外,也要比對「圖形驗證碼」藉此多一層保護。因此本課程的重點就是針對 ASP.NET 三種網頁技術 - ASP.NET(Web Form 與 MVC5)、ASP.NET Core(跨平台、開源版)的會員登入畫面,加入下列功能:

圖形驗證功能:透過亂數產生文字、數字並繪製成圖片,讓會員登入多了一分保障。您可以把這個常見的功能改成泛型處理常式(.ashx 檔)或是自行改寫成 Web Service、WebAPI 的版本。
將常用的程式碼抽離出來,寫成 .NET Standard 2.0 的類別庫專案,讓多種 .NET 平台(.NET Framework 完整版、.NET Core 開源版)都能共用。
提供多種前端範例(JavaScript 與 jQuery)可以重新整理、重新產生圖形驗證碼。示範不同的作法,讓您學習更有感。本課程分享的功能,不只 ASP.NET Web Form 與 MVC 5 兩者可共用,改寫成跨平台的 .NET Standard 類別庫專案,更是重點範例。學會抽離程式、共用程式碼的技巧,這樣的學習才是聰明的投資,將來不論將來在面試、還是應徵工作時,也越能凸顯自己的能力。
ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab title
ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab 2

本課程提供「一種範例、多種寫法」並且示範「三種 ASP.NET 網頁技術」的作法(Web Form + MVC 5 + ASP.NET Core), 讓您從一個簡單範例出發,將自己能力擴展到多種平台。也能瞭解不同網頁技術在開發同一種功能時,會出現哪些差異,擴展您的視野與經驗值,而且搭配 .NET Standard 類別庫專案的教學,讓您習得程式碼可以抽離出來,在 .NET 不同技術平台上共用。

教學方針則以「實務」與「範例解說」作為目標,不只可以透過大量的實作練習,直接以實戰練功,老師更會親自為學員示範常見的範例,與論壇上經常被人問到的功能。其中的範例與技巧,也都能同時用在 ASP.NET Web Form 與 MVC 以及跨平台的 ASP.NET Core 與 .NET Standard 上面,一魚多吃,絕對超值!

由於本課程是「Login 會員登入與權限控管」課程的補強範例,建議學過「ASP.NET MVC 教學 - 由零開始的入門課」「ASP.NET MVC - Login 會員登入與權限控管」這兩門課以後,參與本課程才能發揮效益。

ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab title
會員登入與圖形驗證碼(提供三種版本 - Web Form、MVC 5、ASP.NET Core 開源跨平台版本)

會員登入的畫面,除了輸入帳號、密碼以外,也需驗證「圖形碼」。多一層保護,多一份安全。您可以自動產生(亂數產生)英文、數字,也可以自己定義字串,從中以亂數抽取文字。最後將這些文數字繪製成圖片檔,讓登入者比對與填寫。

將共用程式抽離出來,寫成 .NET Standard 類別檔專案

常用的程式可以抽離出來,包裝成 .NET Standard(跨平台)共用的類別檔專案、DLL 檔。讓 ASP.NET(完整版 .NET Framework)的 Web Form、MVC 5,跨平台開源版本的 ASP.NET Core 以及開發手機 Mobile APP 的 Xamarin 共用。這是本課程的重點!

而且使用跨平台的 .NET Standard 會遇見的錯誤與解法,都是初學者必備且難得的經驗談累積。

基本練習:如何引用 .NET Standard 2.0 類別檔專案? 將共用程式抽離出來

改寫上一節的範例,把共用的程式抽離出來,另外寫在 DLL 類別庫的專案中。 讓 ASP.NET(完整版 .NET Framework)的 Web Form、MVC 5,跨平台開源版本的 ASP.NET Core 如何呼叫、引用 .NET Standard 2.0 的類別檔專案 。簡單易懂,一聽就會。

綜合練習:多種前端語法的小範例,相同結果,多種寫法可供比對

在 UI 網頁、檢視畫面中,必須透過前端語法,如 JavaScript 與 jQuery 取得圖形驗證碼的「圖片」成果,如果使用者看不清楚,也需要重新整理或是重新產生。相同的結果,改用不同的前端寫法來掩飾,讓您的技巧更多元、更精進。

ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab title
  • 以實作優先:減少理論說明,大量練習範例,講求從做中學。
  • 錯誤學習法:透過錯誤的範例從中學習,並找出自己的盲點。
ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab title
ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab 3
ASP NET WebForm MVC5 Core Login Authorization 2 MIS2000Lab title
  1. 會員登入與圖形驗證碼
  2. 亂數產生文字、數字
  3. 繪製圖片檔
  4. 撰寫 DLL 類別庫專案(.NET Standard),將共用程式抽離出來
  5. 不同的 .NET 網頁(後端)技術,如何引用 .NET Standard 的類別檔專案
  6. 前端技巧的比對與練習(JavaScript 與 jQuery)

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

  • 透過會員登入常見的「圖形驗證碼」,除了輸入帳號、密碼以外,更多了一層保護
  • 學會 DLL 類別庫專案的作法,把共用的程式抽離出來
  • 以跨平台的 .NET Standard 來撰寫類別庫專案,包裝可以共用的程式碼
  • 前端程式 (JavaScript 與 jQuery) 搭配後端(ASP.NET)互動。多種寫法產生相同結果,讓您的技巧更多元

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

  • 建議已完成「ASP.NET MVC 教學 - 由零開始的入門課」的學習
  • Visual Studio 2019 或後續新版,請下載社群版(Community 版)
  • 建議使用 Windows 作業系統。因為 Visual Studio Code 與 Visual Studio for Mac 與教學畫面仍有差異
  • 本範例以網頁「前後端整合」為主,不需要搭配資料庫也不需使用 T-SQL 指令

課程適合對象

  • 本課程屬於「會員登入」的補強課程,建議完成「ASP.NET MVC 教學 - 由零開始的入門課」課程後再來學習
  • 需要撰寫網頁系統、或對於網頁與資料庫的開發有興趣的朋友
  • 未來的程式設計師 -- 希望將來進入業界寫程式,開發網頁系統
  • 曾寫過 ASP、ASP.NET(Web Form、MVC 5)以及想學習跨平台ASP.NET Core 與 .NET Standard 的朋友

老師介紹

ASP.NET MVC instructor MIS2000Lab
MIS2000 Lab.
  • 若有問題,歡迎來信聯繫 mis2000lab (at) yahoo.com.tw 謝謝您
  • 國立大學資管碩士畢業。曾參與 微軟 MVP(2008/4/1~2017/7/1)
  • 2001 年至今,均負責網頁程式與微軟平台與技術之相關工作。
  • 資策會七年工作經歷(Web程式設計)、南區教育訓練中心專任講師。
  • 撰寫 20 本以上的電腦書籍。包含ASP.NET Web Form、HTML 與 Linux
  • 現任職某大資通訊上市公司,擔任技術經理。帶領軟體開發團隊負責全球物流與倉儲管理。
  • 2009 年起,工作之餘並在台中市電腦公會與各補習班兼任講師。
  • 2015 年起,參與線上教學 - 網路直播(遠距教學)、教學影片(事先預錄)。
  • 上台教學以來,實體課程與線上教學之學員已逾1500人次。
  • 教學影片(試聽),請參閱 影片連結

課程評語與問答