顯示具有 WebForm 標籤的文章。 顯示所有文章
顯示具有 WebForm 標籤的文章。 顯示所有文章

2021年2月1日 星期一

[ASP.NET]OutputCache輸出快取 - Web Form + MVC適用 (.NET Framework)

OutputCache輸出快取 - ASP .NET Web Form + MVC適用 (.NET Framework)。

請參閱書籍 - ASP. NET專題實務(II) / 博碩出版。https://www.books.com.tw/products/0010838463

 

Youtube影片觀賞 - https://youtu.be/2jO4djZltfA


 

00:02:02 成果展示(demo)

00:05:30 優缺點、使用時機。

00:09:23 ** Web Form **


[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天 免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

從最早的 75小時MVC課程,目前已經延伸到 115小時,也包含了 .NET Core

.NET Core 6 MVC線上教學 - MIS2000Lab 課程大綱 與 試聽

https://dotblogs.com.tw/mis2000lab/2021/07/18/NET_MVC_Online_Free_Learning_mis2000lab 

購買完整MVC課程(一百小時),限時六折優惠並免費加贈兩萬元「.NET Core升級課程」,請直接來信洽詢

(太便宜!太划算,不能公開) mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net

 

 

2019年10月15日 星期二

ASP.NET -IIS與檔案上傳的安全設定

ASP.NET專題實務(I),博碩出版
** IIS 與 檔案上傳 (FileUPload)的安全設定 **
18–13–1 要求篩選(Request Filtering)
新版本IIS都提供了「要求篩選(Request Filtering)」的功能。但需要您手動安裝、增加這功能到IIS裡面。您的作業系統必須具備IIS才能安裝,例如Win10專業版或Windows Server。
18–13–2 限制執行
檔案上傳也可能是網站的一個大漏洞,如果有人把病毒或是木馬程式上傳並執行,那就糟了。有三個建議:
第一,除了前面說過最基本的「副檔名」檢驗以外,建議您也限制上傳目錄的權限,讓它只能讀寫卻無法執行。
第二,以下圖為例,針對「網站底下的子目錄」做設定,例如4_BigControl_Manual這個資料夾是用來存放上傳檔案的。千萬不允許它有「執行」的權限,以免有人上傳木馬程式或病毒後去執行它。當然,做了IIS任何設定以後,您最好重新測試一遍,以免影響到其他功能。
第三,Web Server也得安裝防毒軟體。如果真的被上傳病毒或是木馬程式,也能被檢查出來。大部分的防毒軟體,當對方上傳以後,通常會有即時掃描的功能。但仍建議每天在離峰時段進行全機掃描
在IIS 7.x版(Windows Server 2008)起有另一個設定「處理常式對應(Handle Mapping)」(如下圖,畫面上不太好找)。
針對「網站底下的子目錄」做設定,例如4_BigControl_Manual這個資料夾是用來存放上傳檔案的。千萬不允許它有「指令碼」\「執行」的權限,務必留白(如下圖,不打勾)。做了IIS任何設定以後,建議重新啟動網站服務並重新測試一遍,以免影響到其他功能。
以上來自 — ASP.NET 專題實務 (I) / 博碩出版

2019年8月26日 星期一

ASP.NET MVC - 編輯 (Edit) 與檔案上傳 (FileUpload)

微軟的 ASP.NET MVC範例,新增 (Create)有搭配檔案上傳


但沒有提供編輯 (Edit) 的功能
其實,以微軟提供的範例來說,這些功能都有了

"拼湊"都能做到您想要的功能。

詳見 9vs1.com線上課程 -  https://9vs1.com/go/?i=4db77e0bf891(課程優惠代碼 4BbKKha​ )

=========================================================
因為微軟改為ASP.NET Core版的MVC
https://github.com/MicrosoftLearning/20486-DevelopingASPNETMVCWebApplications

所以 原本範例 (PhotoSharing) 只能從網友留下的 "備份"去找
https://github.com/faiteo/Photo-Sharing-Application-using-Asp.Net-mvc-4-/tree/master/PhotoSharingApplication-2015/PhotoSharingApplication-2015

我手邊還有 MVC 4 與 MVC 5的版本,但內容大同小異。上面的範例就夠用了。

        public ActionResult Edit_NEW(int id = 0)
        {
            Photo photo = _db.Photos.Find(id);
            if (photo == null)
            {
                return HttpNotFound();  // 找不到
            }
            return View(photo);
        }



接下來的 Edit_NEW檢視畫面中,要將 Photo資料表裡面的二進位內容(放置圖片的欄位,資料型態為 VarBinary(MAX)),還原成「圖片檔」,

這段程式在 Details檢視畫面 就有
(上傳以後,把圖片存入資料表。
    所以,呈現圖片時,必須寫一段程式,把二進位內容,還原成圖片檔)

詳見 9vs1.com線上課程 -  https://9vs1.com/go/?i=4db77e0bf891(課程優惠代碼 4BbKKha​ )


@model PhotoSharingApplication.Models.Photo
@{
    Layout = null;
}

   
    @using (Html.BeginForm("Edit", "Photo", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        @Html.AntiForgeryToken()
        ................(後續省略)

   

Photo

   


    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @Html.HiddenFor(model => model.PhotoID)
   
    @if (Model.PhotoFile != null)
    {
       

            @Url.Action("GetImage", "Photo", new { Model.PhotoID })

" />
           
       
    }
   

   

        @Html.LabelFor(model => model.Title, htmlAttributes: new { @class = "control-label col-md-2" })
       

            @Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Title, "", new { @class = "text-danger" })
       

   


   
   

        Upload new @Html.LabelFor(model => model.PhotoFile):
       

           
           
           
       

   

   

        @Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })
       

            @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
       

   

   
   

        @Html.LabelFor(model => model.CreatedDate, htmlAttributes: new { @class = "control-label col-md-2" })
       

            @Html.EditorFor(model => model.CreatedDate, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.CreatedDate, "", new { @class = "text-danger" })
       

   

   

        @Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = "control-label col-md-2" })
       

            @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })
       

   

   
   

        @Html.LabelFor(model => model.ModifiedDate, htmlAttributes: new { @class = "control-label col-md-2" })
       

            @Html.EditorFor(model => model.ModifiedDate, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.ModifiedDate, "", new { @class = "text-danger" })
       

   

   

       

           
       

   


    }   

        @Html.ActionLink("Back to List", "Index")
   





按下 Submit按鈕以後,交給下一個動作來處理

詳見 9vs1.com線上課程 -  https://9vs1.com/go/?i=4db77e0bf891(課程優惠代碼 4BbKKha​ )

=========================================================
        //
        // POST: /Photo/Edit/5 (原本範例沒有,這是我們額外增添的功能)
        [HttpPost]
        [ValidateAntiForgeryToken]   // 避免CSRF攻擊
        public ActionResult Edit(Photo _photo, HttpPostedFileBase image)
        {   //                                                                 ****************************
            if (ModelState.IsValid)              {  
                //*** 檔案上傳 ****************************************(start) 這段程式在 Create動作裡面也有
                if (image != null)
                {
                    _photo.ImageMimeType = image.ContentType;
                    _photo.PhotoFile = new byte[image.ContentLength];
                    image.InputStream.Read(_photo.PhotoFile, 0, image.ContentLength);
                }
                //*** 檔案上傳 ****************************************(end)
                // 第一種寫法:
                _db.Entry(_photo).State = System.Data.Entity.EntityState.Modified;  //確認被修改(狀態:Modified)
                _db.SaveChanges();
                //return Content(" 更新一筆記錄,成功!");    // 更新成功後,出現訊息(字串)。
                return RedirectToAction("Index");
            }
            else    {
                return Content(" *** 更新失敗!!*** ");
            }
         
        }

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天 免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

從最早的 75小時MVC課程,目前已經延伸到 115小時,也包含了 .NET Core

.NET Core 6 MVC線上教學 - MIS2000Lab 課程大綱 與 試聽

https://dotblogs.com.tw/mis2000lab/2021/07/18/NET_MVC_Online_Free_Learning_mis2000lab 

購買完整MVC課程(一百小時),限時六折優惠並免費加贈兩萬元「.NET Core升級課程」,請直接來信洽詢

(太便宜!太划算,不能公開) mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net

ASP.NET MVC - Login 會員登入與權限控管

課程介紹    https://9vs1.com/go/?i=3580aaf8f818

ASP NET MVC Login Authorization MIS2000Lab 1

任何商業系統都需要「會員登入與權限控管」的機制,因此不少初學者,或坊間教學只會用微軟提供的現成工具或套件,如 ASP.NET Identity 去作會員登入與權限管理,但在這套工具還沒出現以前,市面上這麼多網站的「會員登入」的機制又是打哪來的呢?如果不用現成套件又要如何去做呢?

本課程將教你多種會員登入的機制,不只是 ASP.NET Web Form 與 MVC 兩者都可共用,有很多方法甚至可以沿用到 PHP 、 JSP 等其他網頁程式上,學會網頁程式共用的技巧,這樣的學習才是聰明的投資,不會被綁在某一套程式語法上面,將來在面試、應徵工作時,也越能凸顯自己的能力。

ASP NET MVC Login Authorization MIS2000Lab title2
ASP NET MVC Login Authorization MIS2000Lab 2

除了會員登入與管理,本課程也提供幾種網路攻擊與資訊安全的防範之道。例如:資料隱碼攻擊(SQL Injection)、跨網站腳本攻擊(XSS)、跨網站冒名請求(CSRF)。當你知道別人怎麼攻擊,才能尋求解法,知道如何防範,真正做到「知己知彼,百戰百勝」。

課程中還會分享DLL類別庫專案的作法,把共用的程式抽離出來。

FormsAuthentication 與MVC的 [Authorize] 互相搭配,也可做到會員登入與控管的功能,不管是WebForm或是MVC都可以使用這方法。

最後更提供兩個實用的範例:
第一,以雜湊運算「單向」的打亂機密資訊。
第二,會員註冊以後,需要透過E-Mail再次確認身份,避免幽靈帳號大量註冊。

課程網址    https://9vs1.com/go/?i=3580aaf8f818

ASP NET MVC Login Authorization MIS2000Lab title3
ASP NET MVC Login Authorization MIS2000Lab 3

本課程的教法是循序漸進、由淺入深,每一節的進度都比上一節微幅增加,讓學員學習起來不會覺得壓力太大或是跟不上,還有持續進步的感覺。

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


ASP NET MVC Login Authorization MIS2000Lab title4

1.會員登入與權限控管

    很多初學者以為 ASP.NET MVC 「只能」透過 ASP.NET Identity 這種現成的工具與套件才能作會員登入與權限控管的機制。但事實上,有很多方法都可以做到,而且更簡單易懂。

2. 設計會員登入的資料表

    任何網頁程式與Web Server都支援「狀態管理」的特性。 學會這一招,不管是PHP、JSP、傳統ASP(Classic ASP)或是ASP.NET(WebForm與MVC)都可以使用。
    本課程將會解說:會員登入與管理會用到資料表的哪些欄位。讓您自己設計資料表,再來寫程式。從頭到尾都可以一手包辦。

3. 基本練習 -- 比對帳號與密碼& 狀態管理 (所有網頁程式都有的特性)

    學會上一節的觀念後,暫時"不"連結資料庫(DB First),帳號與密碼都固定123,這只是一個簡單的練習(後續才會有資料庫的範例,請慢慢來)。
    這個範例主要講解狀態管理(Session)的用法,如何應用在會員登入與權限控管上。簡單易懂,一聽就會。

4.綜合練習—撰寫DLL類別庫,將共用程式抽離出來

    改寫上一節的範例,把共用的程式抽離出來,另外寫在DLL類別庫的專案中。

5.觀念與解說
    前面的範例,檢查會員登入的機制,要寫在哪裡比較合適? 為什麼不再寫於/App_Code目錄底下?改用DLL檔的類別庫專案來做?

6. 綜合練習 -- 連結資料庫 + 狀態管理(Session)。 每個人的帳號與密碼都要進資料庫比對。

    結合前面兩節的成果,現在您可以做出一個完整的範例,以「範例」為主的教學,加上「逐步延伸」與「經驗累積」。
    這樣的會員登入範例,不管是PHP、JSP、傳統ASP(Classic ASP)或是ASP.NET(WebForm與MVC)都可以使用 。

7.資訊安全—常見的網路攻擊與 防範之道

    完成上面的練習之後,本節將會解釋幾種網路攻擊的模式與防範的方法,包含資料隱碼攻擊(SQL Injection)、跨網站腳本攻擊(XSS)、跨網站冒名請求(CSRF)。知道別人怎麼攻擊,才能尋求防範之道。

8.綜合練習—連結資料庫 + 狀態管理(Cookie)

    改寫前面的範例,經過微調就能做到。每一節的進度都比上一節微幅增加,讓學員學習起來不會感到太大的壓力。
    這樣的會員登入範例,不管是PHP、JSP、傳統ASP(Classic ASP)或是ASP.NET(WebForm與MVC)都可以使用 。

9. 基本練習 -- FormsAuthentication與[Authorize]

    FormsAuthentication 的範例與程式碼較長,我們先做一個 入門的,簡短的 版本,學會以後,再繼續深入下去。

10.綜合練習— FormsAuthentication與 [Authorize]

    本範例可以同時用在ASP.NET(WebForm與MVC)上面 ,學會一次終身受用!需要搭配Global.asax與Web.Config設定檔,一樣可以搭配MVC控制器,在動作上方的 [Authorize] 作法。

11.綜合練習—透過雜湊運算,打亂機密資料

    以單向的方式行雜湊運算(如MD5或SHA1)將會員的機密資料打亂,搭配會員登入的密碼檢驗。本課程以「務實」與「範例解說」兩大目標為主,提供您常見的範例與論壇上經常被人問到的功能,為您親自示範,本範例ASP.NET(WebForm與MVC)皆可使用。

12.綜合練習—註冊成功後,透過E-Mail再次確認身份

    會員第一次註冊以後,通常會透過E-Mail再次確認此人身份,避免幽靈帳號的入侵。該怎麼做到呢?本課程以「務實」與「範例解說」兩大目標為主,提供您常見的範例與論壇上經常被人問到的功能,為您親自示範,本範例ASP.NET(WebForm與MVC)皆可使用。

ASP NET MVC Login Authorization MIS2000Lab title5
  • 以實作優先:減少理論說明,大量練習範例,講求從做中學。
  • 錯誤學習法:透過錯誤的範例從中學習,並找出自己的盲點。

ASP NET MVC Login Authorization MIS2000Lab title6
ASP NET MVC Login Authorization MIS2000Lab 4
ASP NET MVC Login Authorization MIS2000Lab title7
  1. 會員登入與權限控管
  2. 設計會員登入的資料表 & 狀態管理
  3. 連結資料庫
  4. 綜合練習—撰寫DLL類別庫,將共用程式抽離出來
  5. 觀念與解說
  6. 綜合練習—連結資料庫 + 狀態管理(Session)
  7. 資訊安全—常見的網路攻擊與防範之道
  8. 綜合練習—連結資料庫 + 狀態管理(Cookie)
  9. 綜合練習— FormsAuthentication與 [Authorize](簡易版 + 進階版)
  10. 綜合練習—透過雜湊運算,打亂機密資料
  11. 綜合練習—註冊成功後,透過E-Mail再次確認身份

    完整課程介紹   https://9vs1.com/go/?i=3580aaf8f818

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

  • 透過網頁程式都有的「狀態管理」的Session與Cookie做出「會員登入與權限控管」的機制。
  • 學會DLL類別庫專案的作法,把共用的程式抽離出來。
  • 幾種網路攻擊與防範之道,例如:資料隱碼攻擊(SQL Injection)、跨網站腳本攻擊(XSS)、跨網站冒名請求(CSRF)。
  • 透過雜湊運算將機密資訊打亂。
  • 會員註冊以後,透過E-Mail在測確認身份,避免由幽靈帳號大量註冊。

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

  • 基礎的 OOP(物件導向)程式設計能力,如:類別(class)。建議已完成「ASP.NET MVC 教學 - 由零開始的入門課」的學習。
  • 知道資料庫(DataBase)與簡單的 T-SQL 指令,如:CRUD。 課程所需軟體皆可免費下載。
  • Visual Studio 2015~2019或後續新版,請下載社群版(Community版)。
  • 建議使用 Windows 作業系統。因為 Visual Studio Code 與 Visual Studio for Mac 與教學畫面仍有差異。
  • SQL Server Express 版(免費)。建議使用 SQL Server 2012(Express版)或後續新版。

課程適合對象  

  • 本課程屬於進階課程,建議完成「ASP.NET MVC 教學 - 由零開始的入門課」課程後再來學習。
  • 需要撰寫網頁系統、或對於網頁與資料庫的開發有興趣的朋友。
  • 未來的程式設計師 -- 希望將來進入業界寫程式,開發網頁系統。
  • 曾寫過 ASP、ASP.NET(Web Form)、PHP、JSP 的朋友,現在想學習 ASP.NET MVC 5。

課程介紹    https://9vs1.com/go/?i=3580aaf8f818


2019年8月13日 星期二

ASP.NET 教學 - 前端特效輕鬆學 - 只要「複製+貼上」就能學 (9.9小時)


課程介紹   (RWD Bootstrap + jQueryUI + fancyBox + CKeditor + Google Chart)


零基礎輕鬆上手

Unity 2D Tang course
不需任何基礎就能輕鬆學會網頁特效,你也做得到!就算您沒有學過 JavaScript、jQuery、CSS,只要會「複製、貼上」就能套用各種網頁特效,讓初學者從零開始無痛入門。
課程中老師也會分享他的「自學」密技,教您知道如何閱讀原廠網站的說明,就能套用這些網頁特效。只要學會這個方法,往後自學也能直接上手!

同時學習後端程式

本課程的所有特效,均提供 ASP.NET 兩種後端程式(Web Form 與 MVC)搭配解說。讓您在學習「前端網頁特效」的同時,也順便學會了 ASP.NET 兩種後端程式!


課程內容    

Bootstrap
Unity 2D Tang course
最熱門的 RWD 網頁特效,可以讓網頁瞬間偵測觀賞者的螢幕大小,自動排版並提供最佳解析度與瀏覽體驗。包含:Carousel、旋轉木馬、輪播(動態投影片)、三段式圖文呈現的樣版等等。

jQueryUI
Unity 2D Tang course
針對撰寫 HTML 表單(Form)的前端網頁提供各種變化,例如:日曆(datepick)以挑選日期取代文字輸入,避免日期格式錯誤。手風琴特效(Accordion)最適合手機螢幕的觀賞與點選。頁籤(Tabs)在各大網站的首頁。這些皆是必備特效,不得不學!


fancyBox
Unity 2D Tang course
Unity 2D Tang course
以圖層(Layout)、燈箱的特效來展示多媒體圖片、影片。是如今每個網站必備且不可缺少的效果。


CKeditor
Unity 2D Tang course
讓您的網頁在輸入長篇文章時,就能直接套用 HTML 效果,如同在網頁上安裝了 DreamWeaver 網頁編輯器一樣,而且是直接在瀏覽器上面執行。


Google Chart
Unity 2D Tang course
Unity 2D Tang course

無所不能的網頁圖表產生器,除了基本的長條圖、圓餅圖、折線圖之外,Google Map 的地圖呈現更是一絕,使用 Google Chart 來繪製網頁圖表,不僅能提升自己網站的效能,繁多的圖表種類更是可以讓人挑到手軟!


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

  • 了解「直接套用」特效以後,跟原本的網頁有何不同。
  • 後續可以銜接前端技術或是CSS課程。
  • UI畫面走「後端」技術搭配資料庫。
  • 有別於其他課程,需要學會CSS與前端技術,才能寫出作品。
  • 「無須基礎、直接套用」也能做出各種網頁效果。

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

  • 會使用瀏覽器觀看網頁、會複製程式碼並貼上。直接「套用」就能學起,立即看見成果。
  • 基礎的 HTML網頁能力。
  • Visual Studio 2015、2017 或後續新版,請下載社群版(Community版)。
  • 建議使用 Windows 作業系統。因為 Visual Studio Code 與 Visual Studio for Mac 與教學畫面仍有許多差異。

課程適合對象

  • 需要撰寫網頁系統(網頁的前端設計師)、或對於網頁開發有興趣者。
  • 對網頁前端有興趣,卻無任何基礎者。


Unity 2D Tang course

最後也提供範例,讓您把 ASP.NET 後端程式(Web Form 與 MVC)與前端網頁特效結合在一起。讓您在本課程中一併學會前、後端整合的基礎能力!

課程特色

  • 以實作優先:減少理論說明,大量練習範例,講求從做中學。
  • 錯誤學習法:透過錯誤的範例從中學習,並找出自己的盲點。

學員見證

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天 免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

從最早的 75小時MVC課程,目前已經延伸到 115小時,也包含了 .NET Core

.NET Core 6 MVC線上教學 - MIS2000Lab 課程大綱 與 試聽

https://dotblogs.com.tw/mis2000lab/2021/07/18/NET_MVC_Online_Free_Learning_mis2000lab 

購買完整MVC課程(一百小時),限時六折優惠並免費加贈兩萬元「.NET Core升級課程」,請直接來信洽詢

(太便宜!太划算,不能公開) mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net


課程綱要


前端特效 與 ASP.NET (MVC & Web Form) [上集]
1-1 jQuery UI
  • jQuery UI介紹與成果展示
  • ASP.NET MVC入門,產生一個新增的(輸入)表單
  • MVC搭配 jQuery UI ( 1. DatePicker 日曆)。引用jQuery的錯誤與排除。
  • jQuery UI搭配CSS自訂樣式(Themes、配色與外觀)
  • 搭配 jQuery UI ( 2. Accordion 手風琴)
  • 搭配 jQuery UI ( 3. Tabs 頁籤)
  • Web Form快速入門,前端與後端的區別。
  • 搭配 jQuery UI ( 1. DatePicker 日曆)
  • 搭配 jQuery UI ( 2. Accordion 手風琴)
  • 搭配 jQuery UI ( 3. Tabs 頁籤)
1-2 RWD & Bootstrap
  • 下載與安裝Bootstrap
  • 從官方網站的「Example」學起
  • Start-Template,初學者樣版(Index_RWD_Template動作與檢視)
  • Zero-Template,基本款,Bootstrap共用樣版(Index_RWD_ZeroTemplate動作與檢視)
  • 使用ASP.NET MVC內建的範本,做成RWD效果。
  • 簡介MVC內建的Layout Page -共用 _Layout.cshtml。(Index_RWD_MvcDefault動作與檢視)
  • Carousel,旋轉木馬,輪播(動態投影片)#1(Index_RWD_Carousel動作與檢視)
  • 原廠提供的Carousel效果,不太滿意。如何修正?(Index_RWD_Carousel2動作與檢視)
  • 三段式圖文相框(圖片的圓形外框)(Index_RWD_Carousel3動作與檢視)
  • 50-50%圖文排版(Index_RWD_Carousel3動作與檢視)
  • RWD(自適應、響應式網頁設計)說明與示範
  • 下載與安裝Bootstrap (4.1.2版)
  • Start-Template,初學者樣版
  • Zero-Template,基本款,Bootstrap共用樣版
  • Carousel,旋轉木馬,輪播(動態投影片)#1(檔名WebForm_RWD_Carousel)
  • 原廠提供的Carousel效果,不太滿意。如何修正?(檔名WebForm_RWD_Carousel2)
  • 三段式圖文相框(圖片的圓形外框)(檔名WebForm_RWD_Carousel3)
  • 50-50%圖文排版(檔名WebForm_RWD_Carousel3)

 

前端特效 與 ASP.NET (MVC & Web Form) [下集]


1-3 CKeditor(線上的網頁編輯器)
  • 介紹 CKeditor。安裝與設定。
  • 以ASP.NET MVC為例。
  • 以 ASP.NET (Web Form)為例。
  • 「HTML輸入」可能的危害,如何驗證? 介紹XSS攻擊與防範
  • 「以ASP.NET MVC為例。
  • 「以ASP.NET (Web Form)為例。
1-4 fancyBox,燈箱、圖層效果
  • 介紹 fancyBox(v2.1.7版、v3.x版)
  • 以ASP.NET MVC為例。
  • 以ASP.NET (Web Form)為例。
1-5 Google Chart,網頁圖表之王
  • 介紹 Google Chart(v2.1.7版、v3.x版)
  • 以ASP.NET MVC為例。
  • 以ASP.NET (Web Form)為例。
1-6 ASP.NET(後端)如何與前端(JavaScript)結合?
  • 介紹 Google Chart(v2.1.7版、v3.x版)
  • 以ASP.NET MVC為例,介紹四種寫法與JavaScriptResult。
  • 以ASP.NET (Web Form)為例。

ASP.NET 教學 - 前端特效輕鬆學 (9.9小時) 

優惠連結 https://9vs1.com/go/?i=323a87a3f716


2019年5月30日 星期四

ASP.NET網站(WebSite)或專案(Project)部屬到Win10 IIS裡面

[ASP.NET 1080p] 將網站(WebSite)或專案(Project)部屬到IIS裡面



IIS 10 (Win10) 步驟非常簡單,預設值就能執行。

ASP.NET初學者在學習ASP.NET &程式「之前」......不必為此傷腦筋,先學好程式、做出程式成果以後,再來煩惱這件事。



影片內容在我的書籍「ASP.NET專題實務(I) 」有一章專文解說。


影片網址  https://youtu.be/xmmMJtShXto




影片網址  https://youtu.be/xmmMJtShXto

2019年4月17日 星期三

安裝VS2019 / 我該學習ASP.NET (Web Form或MVC)?



00:01:11  (1) 下載 Visual Studio

00:01:25  (2)  Visual Studio各版本的差異與簡單說明

   

00:03:18  (3) 安裝 VS 2019



00:10:00  (4) 新建一個專案,測試VS 2019環境是否安裝成功?

00:11:27  建立一個新的ASP.NET Web專案 (.NET完整版)

00:18:18  初學者心態的調整



(5) 我該學習ASP.NET (Web Form或MVC)?

00:20:00  介紹Web Form(簡單、快速開發)

00:21:57  介紹MVC(需要一點基礎、設計模式)

00:24:04  我該學習ASP.NET (Web Form或MVC)?

2019年3月19日 星期二

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



建議您先看完這篇文章:

不寫畫面的網頁程式設計,Web API、Web Service、WCF Service


 

課程介紹

沒有 UI 畫面的網頁程式,讓程式可以被其他應用程式上網呼叫。
本課程適合「後端」網頁程式設計師學習,學員只要專心撰寫後端程式,完全不需擔心前端畫面(UI)的呈現,讓「後端」與「前端」兩者可以安心各司其職。
前端的工程師則可以透過 JavaScript 或 jQuery 來存取所寫的網頁服務。各種先進的程式,只要能上網都能透過 HTTP 也都支援這些網頁服務。

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/mis2000lab_MVC_onlineLearning2023

[ASP.NET Core MVC]第一天 免費課程 3小時完整試聽

https://www.dotblogs.com.tw/mis2000lab/2023/01/30/AspNetCore_MVC_First_Day_Free_20230130

從最早的 75小時MVC課程,目前已經延伸到 115小時,也包含了 .NET Core

.NET Core 6 MVC線上教學 - MIS2000Lab 課程大綱 與 試聽

https://dotblogs.com.tw/mis2000lab/2021/07/18/NET_MVC_Online_Free_Learning_mis2000lab 

購買完整MVC課程(一百小時),限時六折優惠並免費加贈兩萬元「.NET Core升級課程」,請直接來信洽詢

(太便宜!太划算,不能公開) mis2000lab (at) yahoo.com.tw ; school (at) mis2000lab.net


同時學習後端程式

本課程的範例均提供 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
ASP-NET-webservice-MIS2000Lab
Web Service 透過 SOAP 與 XML 交換資料,現在也能透過 JSON 格式傳遞數據。

WCF(Windows Communication Fundation)
ASP-NET-webservice-MIS2000Lab
微軟公司推出,專門用於網頁通訊的服務,現在也是 W3C 國際標準。WCF 服務的介面(interface)與服務契約、操作契約...這些惱人的術語,在輕鬆簡單的實作中親自接觸,只要動手做就能立即學會。

WebAPI
ASP-NET-webservice-MIS2000Lab
現在熱門的技術,有在學習 ASP.NET MVC 者千萬不能錯過。

JSON (提供試聽)影片網址
    https://www.youtube.com/watch?v=8-1Fu9gWpfY
    https://youtu.be/8-1Fu9gWpfY
ASP-NET-webservice-MIS2000Lab
本章節將教您 JSON 的由來與應用,以及如何組成 JSON 文件或是讀取它。

範例
最後的「前端」範例並提供了 jQuery & JavaScript 的範例,學員可以立即存取這些「後端」的網頁服務,並且直接修改即能使用。

課程特色

  • 以實作優先:減少理論說明,大量練習範例,講求從做中學。
  • 錯誤學習法:透過錯誤的範例從中學習,並找出自己的盲點。

課程購買與試聽   https://9vs1.com/go/?i=83d6700ef666
課程購買與試聽   https://9vs1.com/go/?i=83d6700ef666

學員見證

ASP NET MVC basic MIS2000Lab

課程綱要

  • 入門與解說
  • 沒有 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