SlideShare a Scribd company logo
新增、查詢、修改、刪除基本功實戰
學會了紮馬步,絕世武功就離你不遠了...
Bibby Chung
http://bibby.be
三屆微軟最有價值專家經歷(ASP.NET)
藍色小舖 高級專家
twMVC 聯合創辦人之一
目前於金融業及手機 APP 領域發展
講者簡介
Bibby Chung
http://bibby.be
2
ASP.NET MVC 相關技術/知識
ASP.NET MVC 程式流程
範例的程式架構/分類
動手寫就對了之程式實作
Q & A
Agenda
3
開始啦~~
4
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
Model Binding
Action Result
View, RedirectToAction, Content
Action Filter
常用的 HTML Verbs
[HttpPost], [HttpGet]
ASP.NET MVC Controller
6
Metadata
Validation, Template
ORM 技術 Object-Relational Mapping
Entity Framework
ViewModel
ASP.NET MVC Model
7
RouteTable
RouteData.Values
ASP.NET MVC Routing
8
相關技術/知識..沒問題啦!
9
ASP.NET MVC Request Flow 1
10
ASP.NET MVC Request Flow 2
11
流程很重要,真的~
12
Views
Controllers
Models(ViewModel, Entity Framework)
Services(商業邏輯)
Misc(Utility, Helper, 其它..)
範例的程式架構/分類
13
範例的程式架構/分類 – 圖
14
架構是要用生命來捍衛的!
15
新增專案
加入資料庫
Northwind.mdf 加入 App_Data
加入 ADO.NET Entity Data Model 檔案
實作開始 - 第一步
16
新增 ProductsController
用內建的 template 來產出來
看一下產出來的內容還有功能是否正確
簡化產出來的內容
把 Delete 功能合併到 Edit 裡面
把 Index 的 Detail, Delete 連結拿掉
實作開始 - 第二步
17
想一想這樣就夠了嗎?
切架構
建 Services(把商業邏輯搬到這裡)
建 Misc(把共用的內容放在這)
編譯再測試功能確認沒問題
實作開始 - 第三步
18
想一想這樣就夠了嗎?還缺啥?
分頁
沒有分頁,資料一多 客戶會說:您是來亂的嗎?
搜尋
沒有搜尋,資料一多 客戶會說:您新來的嗎?
實作開始 - 第四步
19
使用 MVCPaging 來製作分頁
用 NuGet 下載
建立 PagerModel
修改 Service
修改 Controller
修改 View
驗證分頁功能是否有問題
實作開始 - 第四步(分頁)
20
如何記住頁面上分頁的參數
RouteData.Values
修改程式
新增 Action Filter
修改 View, Controller
實作開始 - 第四步(分頁2)
21
建立 SearchModel
建立 Search Partial View
修改程式
Service
Controller
View
實作開始 - 第四步(搜尋)
22
還缺哪些東西
 排序
 Light Bar
 AJAX
 其它
實作開始 - 完成
23
Q & A 誰有問題..
24
 Blog  http://bibby.be
 Facebook  https://www.facebook.com/bibbynet
 Plurk  http://www.plurk.com/bibbynet
25
聯絡我
Bibby Chung
http://bibby.be
http://mvc.tw
台灣 ASP.NET MVC 專業推廣團隊

More Related Content

What's hot (20)

PDF
ASP.NET MVC 內建驗證擴充與活用技巧 -twMVC#3
twMVC
 
PDF
ASP.NET MVC Code Templates實戰開發 -twMVC#4
twMVC
 
PPTX
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC
 
PDF
twMVC#05 |開發與移轉 ASP.NET MVC 4.0 應用程式到 Windows Azure Platform
twMVC
 
PDF
Asp.net mvc 從無到有 -twMVC#2
twMVC
 
PPTX
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
twMVC
 
PDF
開發的效能與效率-twMVC#15
twMVC
 
PDF
架構設計入門 twMVC#11
twMVC
 
PPTX
輕鬆上手ASP.NET Web API 2.1.2
Bruce Chen
 
PDF
twMVC#19 | 微信公眾平台申請與wechat api 開發血淚史
twMVC
 
PDF
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC
 
PDF
Vs2013新功能介紹 twMVC#11
twMVC
 
PPTX
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
Bruce Chen
 
PDF
一小時可以打造什麼服務Plus twMVC#18
twMVC
 
PPTX
Angular.js & ASP.NET in Study4
Kyle Shen
 
PPTX
Study4 love.2016.2.20.ionic
Kyle Shen
 
PDF
輕鬆上手Asp.net web api 2.1-twMVC#14
twMVC
 
PDF
如何在實務上使用TDD來開發 twmvc#12
twMVC
 
PDF
前端工程師與室內裝修師傅的相似之處-twMVC#16
twMVC
 
PPTX
前端Mvc探讨及实践
enmaai
 
ASP.NET MVC 內建驗證擴充與活用技巧 -twMVC#3
twMVC
 
ASP.NET MVC Code Templates實戰開發 -twMVC#4
twMVC
 
twMVC#01 | ASP.NET MVC 的第一次親密接觸
twMVC
 
twMVC#05 |開發與移轉 ASP.NET MVC 4.0 應用程式到 Windows Azure Platform
twMVC
 
Asp.net mvc 從無到有 -twMVC#2
twMVC
 
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
twMVC
 
開發的效能與效率-twMVC#15
twMVC
 
架構設計入門 twMVC#11
twMVC
 
輕鬆上手ASP.NET Web API 2.1.2
Bruce Chen
 
twMVC#19 | 微信公眾平台申請與wechat api 開發血淚史
twMVC
 
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC
 
Vs2013新功能介紹 twMVC#11
twMVC
 
KSDG-ASP.NET MVC 5 Overview (偽三國誌)
Bruce Chen
 
一小時可以打造什麼服務Plus twMVC#18
twMVC
 
Angular.js & ASP.NET in Study4
Kyle Shen
 
Study4 love.2016.2.20.ionic
Kyle Shen
 
輕鬆上手Asp.net web api 2.1-twMVC#14
twMVC
 
如何在實務上使用TDD來開發 twmvc#12
twMVC
 
前端工程師與室內裝修師傅的相似之處-twMVC#16
twMVC
 
前端Mvc探讨及实践
enmaai
 

Similar to ASP.NET MVC 新增、查詢、修改、刪除 基本功實戰 -twMVC#3 (20)

PDF
Asp.net mvc網站的從無到有
Wade Huang
 
PDF
與 Asp.net mvc 的第一次親密接觸 - twMVC#1
twMVC
 
PDF
twMVC#02 | ASP.NET MVC 從無到有
twMVC
 
PPSX
利用 ASP.NET MVC 提升您的 Web 應用程式
Chui-Wen Chiu
 
PPTX
ASP.NET MVC 5線上課程(入門前三天)
MIS2000 Lab.
 
PPTX
Asp.net mvc 基礎
Gelis Wu
 
PPTX
Asp.Net MVC 4概念與新功能探討
Study4TW
 
PDF
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
twMVC
 
PPTX
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
 
PDF
twMVC#13 | ASP.NET MVC 分頁與排序相關技巧
twMVC
 
PPTX
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
Duran Hsieh
 
PPTX
How to ASP.NET MVC4
Daniel Chou
 
PDF
Asp.Net Mvc 1.0
Chui-Wen Chiu
 
PDF
ASP.NET MVC 開發分享
Eric Ping
 
PPTX
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Duran Hsieh
 
PPTX
Asp.net mvc 概觀介紹
Alan Tsai
 
PDF
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC
 
PDF
20130823微軟雲端平台開發者日
twMVC
 
PPTX
ASP.Net MVC Framework
國昭 張
 
PDF
twMVC#21 | 你所不知道的 Visual Studio
twMVC
 
Asp.net mvc網站的從無到有
Wade Huang
 
與 Asp.net mvc 的第一次親密接觸 - twMVC#1
twMVC
 
twMVC#02 | ASP.NET MVC 從無到有
twMVC
 
利用 ASP.NET MVC 提升您的 Web 應用程式
Chui-Wen Chiu
 
ASP.NET MVC 5線上課程(入門前三天)
MIS2000 Lab.
 
Asp.net mvc 基礎
Gelis Wu
 
Asp.Net MVC 4概念與新功能探討
Study4TW
 
twMVC#21 | 以實例說明ASP.NET Web API 服務的開發與測試過程
twMVC
 
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
 
twMVC#13 | ASP.NET MVC 分頁與排序相關技巧
twMVC
 
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練4
Duran Hsieh
 
How to ASP.NET MVC4
Daniel Chou
 
Asp.Net Mvc 1.0
Chui-Wen Chiu
 
ASP.NET MVC 開發分享
Eric Ping
 
2015 年逢甲大學資訊系:ASP.NET MVC 4 教育訓練5
Duran Hsieh
 
Asp.net mvc 概觀介紹
Alan Tsai
 
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC
 
20130823微軟雲端平台開發者日
twMVC
 
ASP.Net MVC Framework
國昭 張
 
twMVC#21 | 你所不知道的 Visual Studio
twMVC
 
Ad

More from twMVC (17)

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
專案分層架構 twMVC#18
twMVC
 
PDF
SignalR實戰技巧 twmvc#17
twMVC
 
PDF
Angular js twmvc#17
twMVC
 
PDF
TypeScript-twmvc#16
twMVC
 
PDF
動手打造 application framework-twMVC#15
twMVC
 
PDF
樞紐分析表之數據分析與統計-twMV#C14
twMVC
 
PPTX
RWD不是你想的那樣 tw mvc#13
twMVC
 
PDF
Knockout 從零開始,實戰教學 twMVC#10
twMVC
 
PDF
NFC近場通訊-twMVC#9
twMVC
 
PDF
ASP.NET MVC Web API -twMVC#8
twMVC
 
PDF
超。光速 網站最佳化實戰 -twMVC#8
twMVC
 
PDF
透過測試提升軟體品質 - twMVC#7
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
 
專案分層架構 twMVC#18
twMVC
 
SignalR實戰技巧 twmvc#17
twMVC
 
Angular js twmvc#17
twMVC
 
TypeScript-twmvc#16
twMVC
 
動手打造 application framework-twMVC#15
twMVC
 
樞紐分析表之數據分析與統計-twMV#C14
twMVC
 
RWD不是你想的那樣 tw mvc#13
twMVC
 
Knockout 從零開始,實戰教學 twMVC#10
twMVC
 
NFC近場通訊-twMVC#9
twMVC
 
ASP.NET MVC Web API -twMVC#8
twMVC
 
超。光速 網站最佳化實戰 -twMVC#8
twMVC
 
透過測試提升軟體品質 - twMVC#7
twMVC
 
Ad

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