asp.net mvc 新增、查詢、修改、刪除 基本功實戰 -twmvc#3

26
新增、查詢、修改、刪除基本功實戰 學會了紮馬步,絕世武功就離你不遠了... Bibby Chung http://bibby.be

Upload: twmvc

Post on 15-Jan-2015

2.045 views

Category:

Technology


1 download

DESCRIPTION

俗話說,欲練神功必先自宮,這堂課不是教你如何去自宮,是教你如何把內功修好。 當一個程式設計師,每天有許許多多的問題需要去解決,基本功扎實,是一個成功的程式設計師必然條件,ASP.NET MVC 第一個應該學會的基本功是啥?當然就是對 Table 的新增、查詢、修改、刪除,如果你不熟或是不會對 Table 做新增、查詢、修改、刪除,那你說你會寫 ASP.NET MVC 一定是喇叭!7/14日這一天不喇叭, 讓 twMVC 帶您感覺一下 ASP.NET MVC 怎麼寫好 Table 的新增、查詢、修改、刪除吧! http://mvc.tw

TRANSCRIPT

Page 1: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

新增、查詢、修改、刪除基本功實戰

學會了紮馬步,絕世武功就離你不遠了...

Bibby Chung http://bibby.be

Page 2: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

三屆微軟最有價值專家經歷(ASP.NET)

藍色小舖 高級專家

twMVC 聯合創辦人之一

目前於金融業及手機 APP 領域發展

講者簡介

Bibby Chung http://bibby.be

2

Page 3: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

ASP.NET MVC 相關技術/知識

ASP.NET MVC 程式流程

範例的程式架構/分類

動手寫就對了之程式實作

Q & A

Agenda

3

Page 4: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

開始啦~~

4

Page 5: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

HTML Helper

Html.DisplayFor, Html.LabelFor, Html.TextBoxFor

Html.ActionLink , Html.BeginForm

Razor

ASP.NET MVC3 Razor 初心者容易遇到的問題

MvcPaging

https://github.com/martijnboland/MvcPaging

ASP.NET MVC View

5

Page 6: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

Model Binding

Action Result

View, RedirectToAction, Content

Action Filter

常用的 HTML Verbs

[HttpPost], [HttpGet]

ASP.NET MVC Controller

6

Page 7: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

Metadata

Validation, Template

ORM 技術 Object-Relational Mapping

Entity Framework

ViewModel

ASP.NET MVC Model

7

Page 8: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

RouteTable

RouteData.Values

ASP.NET MVC Routing

8

Page 9: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

相關技術/知識..沒問題啦!

9

Page 10: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

ASP.NET MVC Request Flow 1

10

Page 11: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

ASP.NET MVC Request Flow 2

11

Page 12: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

流程很重要,真的~

12

Page 13: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

Views

Controllers

Models(ViewModel, Entity Framework)

Services(商業邏輯)

Misc(Utility, Helper, 其它..)

範例的程式架構/分類

13

Page 14: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

範例的程式架構/分類 – 圖

14

Page 15: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

架構是要用生命來捍衛的!

15

Page 16: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

新增專案

加入資料庫

Northwind.mdf 加入 App_Data

加入 ADO.NET Entity Data Model 檔案

實作開始 - 第一步

16

Page 17: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

新增 ProductsController

用內建的 template 來產出來

看一下產出來的內容還有功能是否正確

簡化產出來的內容

把 Delete 功能合併到 Edit 裡面

把 Index 的 Detail, Delete 連結拿掉

實作開始 - 第二步

17

Page 18: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

想一想這樣就夠了嗎?

切架構

建 Services(把商業邏輯搬到這裡)

建 Misc(把共用的內容放在這)

編譯再測試功能確認沒問題

實作開始 - 第三步

18

Page 19: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

想一想這樣就夠了嗎?還缺啥?

分頁

沒有分頁,資料一多 客戶會說:您是來亂的嗎?

搜尋

沒有搜尋,資料一多 客戶會說:您新來的嗎?

實作開始 - 第四步

19

Page 20: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

使用 MVCPaging 來製作分頁

用 NuGet 下載

建立 PagerModel

修改 Service

修改 Controller

修改 View

驗證分頁功能是否有問題

實作開始 - 第四步(分頁)

20

Page 21: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

如何記住頁面上分頁的參數

RouteData.Values

修改程式

新增 Action Filter

修改 View, Controller

實作開始 - 第四步(分頁2)

21

Page 22: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

建立 SearchModel

建立 Search Partial View

修改程式

Service

Controller

View

實作開始 - 第四步(搜尋)

22

Page 23: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

還缺哪些東西

排序

Light Bar

AJAX

其它

實作開始 - 完成

23

Page 24: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

Q & A 誰有問題..

24

Page 25: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

Blog http://bibby.be

Facebook https://www.facebook.com/bibbynet

Plurk http://www.plurk.com/bibbynet

25

聯絡我

Bibby Chung http://bibby.be

Page 26: ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3

http://mvc.tw

台灣 ASP.NET MVC 專業推廣團隊