SlideShare a Scribd company logo
ASP.NET MVC - Code Templates實戰開發
Jerry
http://www.dotblogs.com.tw/lastsecret
 快速開發範例實作
 何謂ASP.NET MVC Templates?
 範例實作:CLEditor & Uploadify
 進階範例實作: UIHint 傳遞參數實作 DropDownList
2
大綱
3
何謂ASP.NET MVC Templates
Type
DataType
UIHint
4
Templates Model設定
 Html.Display(“PropertyName”)
 Html.DisplayFor(model => model.PropertyName)
 Html.DisplayForModel()
 Html.Editor(“PropertyName”)
 Html.EditorFor(model => model.PropertyName)
 Html.EditorForModel()
5
Templates 呼叫方式
 ~/Views/ControllerName/DisplayTemplates
 ~/Views/Shared/DisplayTemplates
 ~/Views/ControllerName/EditorTemplates
 ~/Views/Shared/EditorTemplates
6
Templates 資料夾位置
 Url
 Email
 Boolean
 Html
 Password
 Time
 Currency
 More…
7
內建的Templates
 ASP.NET MVC 3 RTM Source Code
 mvc3/src/MvcFuturesFiles/DefaultTemplates/DisplayT
emplates/
 mvc3/src/MvcFuturesFiles/DefaultTemplates/EditorTe
mplates/
8
內建的Templates
 Html
1. 使用 CLEditor
2. 擴充 Html 的 EditorTemplate
 檔案上傳
1. 使用 Uploadify
2. 使用 UIHint 呼叫 Uploadify Template
9
擴充Templates
 擴充UIHint,使其可傳遞參數
1. Override DataAnnotationsModelMetadataProvider
2. Globol.asax 註冊 Providers
3. 自訂Helper
4. 使用UIHint
10
進階 – 擴充UIHint
 利用Entity Framework的edmx內的Model資訊產生
Controller、View、Service
 Code Plex
 T4 Metadata and Data Annotations Template
11
T4 + Templates 快速建構網站
12
Q & A
 官網:http://mvc.tw
 臉書:http://fb.me/twmvc
 G+ :http://mvc.tw/+
13
twMVC

More Related Content

What's hot (6)

PDF
Asp.net mvc網站的從無到有
Wade Huang
 
PDF
twMVC#05 |開發與移轉 ASP.NET MVC 4.0 應用程式到 Windows Azure Platform
twMVC
 
PPTX
ASP.NET MVC (Gi Days)
leeju lee
 
PDF
使用 ASP.NET MVC 開發SPA網站-微軟實戰課程日
twMVC
 
PPTX
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC
 
PDF
ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3
twMVC
 
Asp.net mvc網站的從無到有
Wade Huang
 
twMVC#05 |開發與移轉 ASP.NET MVC 4.0 應用程式到 Windows Azure Platform
twMVC
 
ASP.NET MVC (Gi Days)
leeju lee
 
使用 ASP.NET MVC 開發SPA網站-微軟實戰課程日
twMVC
 
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC
 
ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3
twMVC
 

More from twMVC (20)

PDF
雲端上的資訊安全-Global Azure Bootcamp 2015 臺北場
twMVC
 
PDF
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
twMVC
 
PDF
讓應用程式雲端化 由 Iaa s 邁向 paas 之路-Global Azure Bootcamp 2015 臺北場
twMVC
 
PDF
線上遊戲利用 Dev ops 開源工具 chef, docker, vagrant 在microsoft azure 的佈署實踐-Global Azure...
twMVC
 
PDF
Azure mobileservice
twMVC
 
PDF
一小時可以打造什麼服務Plus twMVC#18
twMVC
 
PDF
專案分層架構 twMVC#18
twMVC
 
PDF
SignalR實戰技巧 twmvc#17
twMVC
 
PDF
Angular js twmvc#17
twMVC
 
PDF
TypeScript-twmvc#16
twMVC
 
PDF
前端工程師與室內裝修師傅的相似之處-twMVC#16
twMVC
 
PDF
開發的效能與效率-twMVC#15
twMVC
 
PDF
動手打造 application framework-twMVC#15
twMVC
 
PDF
樞紐分析表之數據分析與統計-twMV#C14
twMVC
 
PDF
輕鬆上手Asp.net web api 2.1-twMVC#14
twMVC
 
PPTX
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
twMVC
 
PPTX
RWD不是你想的那樣 tw mvc#13
twMVC
 
PPTX
ASP.NET MVC 善用網路資源快速完打造網站
twMVC
 
PDF
如何在實務上使用TDD來開發 twmvc#12
twMVC
 
PDF
Vs2013新功能介紹 twMVC#11
twMVC
 
雲端上的資訊安全-Global Azure Bootcamp 2015 臺北場
twMVC
 
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
twMVC
 
讓應用程式雲端化 由 Iaa s 邁向 paas 之路-Global Azure Bootcamp 2015 臺北場
twMVC
 
線上遊戲利用 Dev ops 開源工具 chef, docker, vagrant 在microsoft azure 的佈署實踐-Global Azure...
twMVC
 
Azure mobileservice
twMVC
 
一小時可以打造什麼服務Plus twMVC#18
twMVC
 
專案分層架構 twMVC#18
twMVC
 
SignalR實戰技巧 twmvc#17
twMVC
 
Angular js twmvc#17
twMVC
 
TypeScript-twmvc#16
twMVC
 
前端工程師與室內裝修師傅的相似之處-twMVC#16
twMVC
 
開發的效能與效率-twMVC#15
twMVC
 
動手打造 application framework-twMVC#15
twMVC
 
樞紐分析表之數據分析與統計-twMV#C14
twMVC
 
輕鬆上手Asp.net web api 2.1-twMVC#14
twMVC
 
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
twMVC
 
RWD不是你想的那樣 tw mvc#13
twMVC
 
ASP.NET MVC 善用網路資源快速完打造網站
twMVC
 
如何在實務上使用TDD來開發 twmvc#12
twMVC
 
Vs2013新功能介紹 twMVC#11
twMVC
 
Ad

ASP.NET MVC Code Templates實戰開發 -twMVC#4