Enviar búsqueda
Cargar
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練6
•
Descargar como PPTX, PDF
•
1 recomendación
•
411 vistas
Duran Hsieh
Seguir
2016逢甲大學資訊工程系 .Net C# MVC 教學 with ina lai
Leer menos
Leer más
Software
Denunciar
Compartir
Denunciar
Compartir
1 de 35
Descargar ahora
Recomendados
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Duran Hsieh
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
ASP.NET MVC Code Templates實戰開發 -twMVC#4
ASP.NET MVC Code Templates實戰開發 -twMVC#4
twMVC
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
Bruce Chen
輕鬆上手ASP.NET Web API 2.1.2
輕鬆上手ASP.NET Web API 2.1.2
Bruce Chen
架構行動式網站(使用 ASP.NET MVC 4.0 -twMVC#6
架構行動式網站(使用 ASP.NET MVC 4.0 -twMVC#6
twMVC
ASP.NET MVC Model 的設計與使用 twMVC#10
ASP.NET MVC Model 的設計與使用 twMVC#10
twMVC
Recomendados
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Duran Hsieh
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
ASP.NET MVC Code Templates實戰開發 -twMVC#4
ASP.NET MVC Code Templates實戰開發 -twMVC#4
twMVC
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
Bruce Chen
輕鬆上手ASP.NET Web API 2.1.2
輕鬆上手ASP.NET Web API 2.1.2
Bruce Chen
架構行動式網站(使用 ASP.NET MVC 4.0 -twMVC#6
架構行動式網站(使用 ASP.NET MVC 4.0 -twMVC#6
twMVC
ASP.NET MVC Model 的設計與使用 twMVC#10
ASP.NET MVC Model 的設計與使用 twMVC#10
twMVC
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
Duran Hsieh
ASP.Net MVC Framework
ASP.Net MVC Framework
國昭 張
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
Duran Hsieh
[Study4TW Visual Studio Everywhere] asp.net core 實務開發經驗分享
[Study4TW Visual Studio Everywhere] asp.net core 實務開發經驗分享
Duran Hsieh
Entity Framework實戰
Entity Framework實戰
國昭 張
Linq實戰
Linq實戰
國昭 張
Linq初階
Linq初階
國昭 張
Entity framework 與 LINQ
Entity framework 與 LINQ
Sean Lu
Entity framework 入門第一課
Entity framework 入門第一課
Sean Lu
20150203 第三次iPad分享課程
20150203 第三次iPad分享課程
home
20150711
20150711
home
20140111
20140111
home
20160702 ocac
20160702 ocac
home
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
20140831 僑校 行動教學 + 雲端教室 的設置與分享
20140831 僑校 行動教學 + 雲端教室 的設置與分享
home
20150210 第四次iPad分享課程
20150210 第四次iPad分享課程
home
20150120 第一次iPad分享課程
20150120 第一次iPad分享課程
home
Moodle 项目帮助手册:程序编写准则
Moodle 项目帮助手册:程序编写准则
YUCHENG HU
Django Firstofhexu
Django Firstofhexu
hexuotzo
Más contenido relacionado
Destacado
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
Duran Hsieh
ASP.Net MVC Framework
ASP.Net MVC Framework
國昭 張
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1
Duran Hsieh
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
Duran Hsieh
[Study4TW Visual Studio Everywhere] asp.net core 實務開發經驗分享
[Study4TW Visual Studio Everywhere] asp.net core 實務開發經驗分享
Duran Hsieh
Entity Framework實戰
Entity Framework實戰
國昭 張
Linq實戰
Linq實戰
國昭 張
Linq初階
Linq初階
國昭 張
Entity framework 與 LINQ
Entity framework 與 LINQ
Sean Lu
Entity framework 入門第一課
Entity framework 入門第一課
Sean Lu
20150203 第三次iPad分享課程
20150203 第三次iPad分享課程
home
20150711
20150711
home
20140111
20140111
home
20160702 ocac
20160702 ocac
home
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
20140831 僑校 行動教學 + 雲端教室 的設置與分享
20140831 僑校 行動教學 + 雲端教室 的設置與分享
home
20150210 第四次iPad分享課程
20150210 第四次iPad分享課程
home
20150120 第一次iPad分享課程
20150120 第一次iPad分享課程
home
Destacado
(20)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1(20160222)
ASP.Net MVC Framework
ASP.Net MVC Framework
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練2
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練1
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
[Study4TW Visual Studio Everywhere] asp.net core 實務開發經驗分享
[Study4TW Visual Studio Everywhere] asp.net core 實務開發經驗分享
Entity Framework實戰
Entity Framework實戰
Linq實戰
Linq實戰
Linq初階
Linq初階
Entity framework 與 LINQ
Entity framework 與 LINQ
Entity framework 入門第一課
Entity framework 入門第一課
20150203 第三次iPad分享課程
20150203 第三次iPad分享課程
20150711
20150711
20140111
20140111
20160702 ocac
20160702 ocac
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
20140831 僑校 行動教學 + 雲端教室 的設置與分享
20140831 僑校 行動教學 + 雲端教室 的設置與分享
20150210 第四次iPad分享課程
20150210 第四次iPad分享課程
20150120 第一次iPad分享課程
20150120 第一次iPad分享課程
Similar a 2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練6
Moodle 项目帮助手册:程序编写准则
Moodle 项目帮助手册:程序编写准则
YUCHENG HU
Django Firstofhexu
Django Firstofhexu
hexuotzo
旺铺前端设计和实现
旺铺前端设计和实现
hua qiu
Asp.net mvc 培训
Asp.net mvc 培训
lotusprince
HTML5 介绍
HTML5 介绍
S S
Free Marker中文文档
Free Marker中文文档
yiditushe
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
Shengyou Fan
J2ee经典学习笔记
J2ee经典学习笔记
yiditushe
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
Shengyou Fan
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
Shengyou Fan
01 orm概述及持久化介绍
01 orm概述及持久化介绍
Zelin Wang
Web base 吴志华
Web base 吴志华
FLASH开发者交流会
【 I Love Joomla 】- Joomla!佈景製作教學
【 I Love Joomla 】- Joomla!佈景製作教學
ilovejoomla
Model 設定與 Seeding
Model 設定與 Seeding
Shengyou Fan
Struts Mitac(1)
Struts Mitac(1)
wangjiaz
I Love Joomla! 佈景製作教學 0212
I Love Joomla! 佈景製作教學 0212
Asika Simon
CRUD 綜合運用
CRUD 綜合運用
Shengyou Fan
Jsp讲义
Jsp讲义
yiditushe
四天学会Ajax
四天学会Ajax
Kelvin Zhong
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC
Similar a 2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練6
(20)
Moodle 项目帮助手册:程序编写准则
Moodle 项目帮助手册:程序编写准则
Django Firstofhexu
Django Firstofhexu
旺铺前端设计和实现
旺铺前端设计和实现
Asp.net mvc 培训
Asp.net mvc 培训
HTML5 介绍
HTML5 介绍
Free Marker中文文档
Free Marker中文文档
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
J2ee经典学习笔记
J2ee经典学习笔记
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
View 與 Blade 樣板引擎
01 orm概述及持久化介绍
01 orm概述及持久化介绍
Web base 吴志华
Web base 吴志华
【 I Love Joomla 】- Joomla!佈景製作教學
【 I Love Joomla 】- Joomla!佈景製作教學
Model 設定與 Seeding
Model 設定與 Seeding
Struts Mitac(1)
Struts Mitac(1)
I Love Joomla! 佈景製作教學 0212
I Love Joomla! 佈景製作教學 0212
CRUD 綜合運用
CRUD 綜合運用
Jsp讲义
Jsp讲义
四天学会Ajax
四天学会Ajax
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
Más de Duran Hsieh
聽微軟專家說為何.NET開發非學不可?
聽微軟專家說為何.NET開發非學不可?
Duran Hsieh
DevSecOps 實踐與 GitHub 進階安全: 建立安全的開發流程
DevSecOps 實踐與 GitHub 進階安全: 建立安全的開發流程
Duran Hsieh
Visual Studio Dev Tunnel.pdf
Visual Studio Dev Tunnel.pdf
Duran Hsieh
GDG Taichung: What is new in Firebase
GDG Taichung: What is new in Firebase
Duran Hsieh
GDG Taichung - Flutter and Firebase.pdf
GDG Taichung - Flutter and Firebase.pdf
Duran Hsieh
GitHub Action Introduction
GitHub Action Introduction
Duran Hsieh
Cloud Study Jam - ML API 4
Cloud Study Jam - ML API 4
Duran Hsieh
Cloud Study Jam ML API 3
Cloud Study Jam ML API 3
Duran Hsieh
GDG Taichung: Cloud Study Jam ML API
GDG Taichung: Cloud Study Jam ML API
Duran Hsieh
GDG Taichung - Firebase Introduction 01
GDG Taichung - Firebase Introduction 01
Duran Hsieh
Study4TW .NET Conf Local Event Taichung 2018 slideshow
Study4TW .NET Conf Local Event Taichung 2018 slideshow
Duran Hsieh
What is .NET Chinese ver
What is .NET Chinese ver
Duran Hsieh
Microsoft recommendation solution on azure
Microsoft recommendation solution on azure
Duran Hsieh
Microsoft professional program introduction
Microsoft professional program introduction
Duran Hsieh
聰明的投資者
聰明的投資者
Duran Hsieh
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices
Duran Hsieh
Android 基礎課程補充資料
Android 基礎課程補充資料
Duran Hsieh
Android基礎課程3 - APP上架、廣告與 Facebook 登入
Android基礎課程3 - APP上架、廣告與 Facebook 登入
Duran Hsieh
Android基礎課程2 - google map android API
Android基礎課程2 - google map android API
Duran Hsieh
Android 基礎開發課程
Android 基礎開發課程
Duran Hsieh
Más de Duran Hsieh
(20)
聽微軟專家說為何.NET開發非學不可?
聽微軟專家說為何.NET開發非學不可?
DevSecOps 實踐與 GitHub 進階安全: 建立安全的開發流程
DevSecOps 實踐與 GitHub 進階安全: 建立安全的開發流程
Visual Studio Dev Tunnel.pdf
Visual Studio Dev Tunnel.pdf
GDG Taichung: What is new in Firebase
GDG Taichung: What is new in Firebase
GDG Taichung - Flutter and Firebase.pdf
GDG Taichung - Flutter and Firebase.pdf
GitHub Action Introduction
GitHub Action Introduction
Cloud Study Jam - ML API 4
Cloud Study Jam - ML API 4
Cloud Study Jam ML API 3
Cloud Study Jam ML API 3
GDG Taichung: Cloud Study Jam ML API
GDG Taichung: Cloud Study Jam ML API
GDG Taichung - Firebase Introduction 01
GDG Taichung - Firebase Introduction 01
Study4TW .NET Conf Local Event Taichung 2018 slideshow
Study4TW .NET Conf Local Event Taichung 2018 slideshow
What is .NET Chinese ver
What is .NET Chinese ver
Microsoft recommendation solution on azure
Microsoft recommendation solution on azure
Microsoft professional program introduction
Microsoft professional program introduction
聰明的投資者
聰明的投資者
聊天機器人概論 Introduce to chat bot sevices
聊天機器人概論 Introduce to chat bot sevices
Android 基礎課程補充資料
Android 基礎課程補充資料
Android基礎課程3 - APP上架、廣告與 Facebook 登入
Android基礎課程3 - APP上架、廣告與 Facebook 登入
Android基礎課程2 - google map android API
Android基礎課程2 - google map android API
Android 基礎開發課程
Android 基礎開發課程
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練6
1.
ASP.NET MVC 4
WEB課程 時間:2016/3/23 報告者:賴怡君
2.
大綱 • Razor – 基本介紹 –
helper • Model 2
3.
Razor (1/2) • Razor –
更輕量化且直覺的語法,減少在 View 中輸出資料時使用的語法, 讓 View 的指令更加簡潔, – 例如使用 "@" + 變數名稱 的方式,就可以輸出程式中的變數,不 必再用 <% %> 來設定。如果程式有多行,可以使用 @{ } 的方式 來設定。 – 容易學習。 – 可相容於現在的程式語言 (ex: C#)。 – 透過 Visual Studio,可享有 Intellisense 能力。 – 可混用 HTML 與程式語言指令。 • Razor基本語法 – 註解方法 @* *@ – 程式區塊 @{ }@ – 取得變數與內容 @ViewBag.Title 3
4.
Razor(2/2) • 程式碼 @{ int i=0; } •
Html Encoded @Model.ID • 混合程式碼 @foreach (var item in collection) { <tr> <td> @item.ID </td> </tr> } 4
5.
Helper - 表單(1) •
表單(form) 5
6.
Helper - 表單(2) •
表單(form) 6
7.
Helper - 表單(3) •
@using (Html.BeginForm("Index", “Student", FormMethod.Post, new { enctype = "multipart/form-data" , id="CityId" })){ } • 四個參數:Action , Controller , Form Method , 其他屬性 7 Action Controller Method(Get or Post) Other Attribute
8.
Helper - 表單(4) •
@using (Html.BeginForm(“Create", “Student", FormMethod.Post, new { enctype = "multipart/form-data" , id="CityId" })) { } • <form action="/Student/Create" enctype="multipart/form- data" id="CityId" method="post"> 8
9.
Helper - 表單(5) •
加入送出按鈕 – <input type="submit" value="Create" /> 9 Controller裡的Create Action
10.
Helper - 表單(6) •
@using (Html.BeginForm(“Create", “Student", FormMethod.Post, new { enctype = "multipart/form-data" , id="CityId" })) { } 10
11.
Helper - 表單(7) •
一般使用方法 – @Html.TextBox("name","1") – <input id="name" name="name" type="text" value="1"> 11
12.
Helper - 表單(8) •
一般使用方法 – @Html.TextBox("name", "1", new { Style="color:red;" }) – <input id="name" name="name" type="text" value="1" style="color:red;"> 12 NAME VALUE Other attribute
13.
Helper - 表單(9) •
一般使用方法 – @Html.TextBox("name", "1", new { Style="color:red;" }) 13
14.
Helper - 表單(10) •
一般使用方法 – <input id="name" name="name" type="text" value="1"> 14
15.
Helper - 表單(11) •
ViewModel綁定 – @model WebApplication2.Models.Student – @Html.TextAreaFor(model => model.ID) – <input class="text-box single-line" id="ID" name="ID" type="text" value=""> 15
16.
Helper - 表單(12) •
ViewModel綁定 @model WebApplication2.Models.Student @Html.TextBoxFor(model => model.ID) 16
17.
Helper – 表單欄位製作(1) 17 •
TextBox & TextArea – Html.TextBox("Textbox") – Html.TextAreaFor(model => model.textbox) – Html.TextArea("TextArea") – Html.TextAreaFor(model => model.textArea)
18.
Helper – 其他表單欄位製作(2) 18 •
Hidden – Html.Hidden(“Hidden") – Html.HiddenFor(model => model. Hidden)
19.
Helper – 其他表單欄位製作(3) •
Password – Html.Password(" Html.Password ") – Html.PasswordFor(model => model.Password) 19
20.
Helper – 其他表單欄位製作(4) 20 •
RadioButton – Html.RadioButton("RadioButton", 3) – Html.RadioButton(model => model.RadioButton, 3)
21.
Helper – 其他表單欄位製作(5) 21 •
CheckBox – Html.CheckBox("CheckBox1") – Html.CheckBoxFor(“model => model.CheckBox1")
22.
Helper – 其他表單欄位製作(6) •
Dropdownlist 22
23.
Helper – 其他表單欄位製作(7) •
Dropdownlist 23
24.
Helper – 其他 •
超連結 – @Html.ActionLink • 嵌入部分檢視 – @Html.Partial • DisplayTemplates • EditorTemplates 24
25.
實作 • 使用Html BeginForm建立簡單表單 •
練習使用html helper,配合ViewModel建立 強型別表單 25
26.
Model介紹 26
27.
Model介紹 • 何謂Model – (廣義)Controller與View以外的就是Model 27 資料呈現 (ViewModel) 邏輯運算 (Logic) 資料庫操作 (ORM)
28.
Model與View 28 @model WebApplication2.Models.Student <dl class="dl-horizontal"> <dt> @Html.DisplayNameFor(model
=> model.NAME) </dt> <dd> @Html.DisplayFor(model => model.NAME) </dd> </dl> Razor
29.
Controller、View與Model 29 Controller _ViewStart.cshtml _Layout.cshtml Index.cshtml 邏輯運算 (Logic) Model Request (Service or method)
30.
Controller、View與Model 30 Controller _ViewStart.cshtml _Layout.cshtml Index.cshtml 資料庫操作 (ORM) Model Request Database 將資料庫結構(Schema) 轉換成 Model直接進行操作
31.
What is Model
? 31 Model View Controller 重 笨 輕
32.
表單應用 表單 輸入邏輯程式 資料庫 送出 儲存資料 輸出邏輯程式 應用程式 網頁 讀取資料 顯示 Controller
33.
表單應用 表單 輸入邏輯程式 資料庫 送出 儲存資料 輸出邏輯程式 應用程式 網頁 讀取資料 顯示 Controller
34.
ViewModel • Available Attributes –
DataTypeAttribute – DisplayAttribute – Validation • RequiredAttribute • StringLengthAttribute • RegularExpressionAttribute • CompareAttribute 34
Notas del editor
參考wiki說明 http://zh.wikipedia.org/wiki/ASP.NET_MVC_Framework#ASP.NET_MVC_Razor_Engine
事後補充
1. 表示一種軟體架構模式,把系統分成三個部份: Model、View、Controller 2. 目的為實作動態程式設計,對於日後程式的修改及擴充更加便利,並讓某部分的程式可以重複利用。 3. 優點在於複雜度簡化,使程式結構更加直覺。 4. View 美工、UI與顯示控制 5. Controller 流程控制、處理與使用者的互動 6. Model 資料庫物件與商業邏輯
Descargar ahora