32
ASP.NET MVC 禮禮 leoli

ASP.NET MVC (Gi Days)

Embed Size (px)

DESCRIPTION

帶領你一起初探ASP.NET MVC專案與美工人員合作過程

Citation preview

Page 1: ASP.NET MVC (Gi Days)

ASP.NET MVC

禮助 leoli

Page 2: ASP.NET MVC (Gi Days)

HTML 基本架構

版面調整

ASP .NET MVC Overview

Page 3: ASP.NET MVC (Gi Days)

HTML 基本架構

Page 4: ASP.NET MVC (Gi Days)

HTML 基本架構

Page 5: ASP.NET MVC (Gi Days)

主要共用樣版 (1)

Page 6: ASP.NET MVC (Gi Days)

主要共用樣版 (2)

Page 7: ASP.NET MVC (Gi Days)

主要共用樣版 (3)

Page 8: ASP.NET MVC (Gi Days)

ASP.NET WebForm Project

Page 9: ASP.NET MVC (Gi Days)

ASP.NET MVC Project

Page 10: ASP.NET MVC (Gi Days)

名詞對照

ASP.NET WebForm ASP.NET MVC

Page 11: ASP.NET MVC (Gi Days)

版面調整

Page 12: ASP.NET MVC (Gi Days)

ASP.NET WebForm

Page 13: ASP.NET MVC (Gi Days)

ASP.NET WebForm MasterPage

Page 14: ASP.NET MVC (Gi Days)

ASP.NET WebForm Page (.ASPX)

Page 15: ASP.NET MVC (Gi Days)

美術設計人員 會說的話是 ?

Page 16: ASP.NET MVC (Gi Days)

ASP.NET MVC

Page 17: ASP.NET MVC (Gi Days)

ASP.NET MVC Razor Layout(MasterPage)

Page 18: ASP.NET MVC (Gi Days)

ASP.NET MVC Razor View(Page)

Page 19: ASP.NET MVC (Gi Days)

Razor Layouts (1)

Page 20: ASP.NET MVC (Gi Days)

Razor Layouts (2)

Page 21: ASP.NET MVC (Gi Days)

ASP.NET MVC 版面位置

Content (image 、 css)

Views

Page 22: ASP.NET MVC (Gi Days)

美術設計人員 會說的話是 ?

Page 23: ASP.NET MVC (Gi Days)

ASP .NET MVC Overview

Page 24: ASP.NET MVC (Gi Days)

MVC 是什麼 ?

Model 模型

( 處理商業流程、驗證邏輯、資料存取 )

View 檢視

( 使用者瀏覽的資訊 )

Controller 控制器

( 處理使用者的要求及回應、 Model 與 View 整合 )

Page 25: ASP.NET MVC (Gi Days)

運作流程

Page 26: ASP.NET MVC (Gi Days)

主要 View Engine

ASPX Engine Razor Engine

Page 27: ASP.NET MVC (Gi Days)

Routing

Page 28: ASP.NET MVC (Gi Days)

Routing - URL Patterns

Page 29: ASP.NET MVC (Gi Days)

工具箱?

Page 30: ASP.NET MVC (Gi Days)

ASP.NET MVC 優缺點 ?

優點 缺點

有助於團隊協同開發

較容易維護

易於建置測試單元

沒有控制項限制

易於客製化網頁

無工具箱協助開發

需更了解HTML 、 CSS 、 JAVAS

CRIPT 運用

初學者較難入門

Page 32: ASP.NET MVC (Gi Days)

End