(fcu2)mvc 4 net 教育訓練1
TRANSCRIPT
ASP.NET MVC 4 WEB 課程
時間 :2015/3/26報告者 : 賴怡君
2
講師資料 (I)
姓 名 謝政廷 (Duran) 職 稱 高級工程師
部 門 凌網科技 智慧科技發展事業處
學 歷 逢甲大學資訊工程所 碩士
工作總年資 3 年
專 長 程式開發
認 證Oracle Certified Professional, Java SE 6 Programmer
Programming in HTML5 with JavaScript and CSS3 Specialist
3
講師資料 (II)
姓 名 賴怡君 (Ina) 職 稱 工程師
部 門 凌網科技 智慧科技發展事業處
學 歷 逢甲大學資訊工程所 碩士
工作總年資 5 年
專 長 程式開發
認 證The Sun Certified Java Programmer 5
Programming in HTML5 with JavaScript and CSS3 Specialist
4
專案經歷• 台灣自來水股份有限公司 ---台灣自來水 103年用戶新改裝工程管理系統委外建置案
• 行政院勞工委員會中部辦公室 ---技能職類測驗能力認證資訊系統建置及維護
• 台灣自來水股份有限公司 ---台灣自來水 102年用戶新改裝工程管理系統委外建置案
• 國家實驗研究院國家災害防救科技中心 ---災害事件簿查詢展示系統
• 宜誠資訊 ---國防部史政編譯室史料與軍書影像委外建置• 國立政治大學 ---政大數典 101年擴充案• 國家圖書館 ---國家圖書館「臺灣學術網路資源選介主題資料庫」建置案
• 入出國與移民署 ---行動查緝服務建置案
5
凌網科技介紹
專案運作介紹
6
專案成員介紹
專案主持人
專案經理(PM)
系統需求分析
(SA)
系統架構設計
(SD)
開發工程師(PG)
測試工程師(QA) 客服窗口
建構管理業務協調
設計師(UI)
企劃
7
競標流程發現標案
業務洽談
• 業務評估選擇開發團隊
• 專案經理 需求評估與可行性分析
• 企劃 美工進場備標
• 評選資格投標
• 專案經理報告 成功評選簡報議價簽約
失敗
服務建議書
服務說明書
8
專案執行流程
啟動會議 需求訪談 程式開發
整合測試教育訓練系統上線
工作計畫書
系統分析文件
系統設計文件
測試計畫書 測試報告
書
教育訓練計畫書
教材
9
推薦書籍與網站
• ASP.net MVC 5 網站開發美學
• MSDN– http://www.microsoft.com/taiwan/msdn/aspdotnet/mvc/learn/
• MVA– http://www.microsoftvirtualacademy.com/
10
課程大綱• MVC 架構介紹 (3/26)• Controller, Model(4/9)• View, CSS, JavaScript(4/23)• Database, Linq, Entity Framework(4/30)• 其他 (IIS 設定 , 工具使用 )(5/7)
11
大綱
• MVC 架構介紹• 快速建立 MVC 專案• Visual Studio 環境認識與操作• 版本控管軟體使用• C# 語言簡介
12
MVC 架構介紹 (1)• 表示一種軟體架構模式，把系統分成三個種核
心 : – Model– View– Controller
• 目的：– 各種元件處理不同的工作。– 對程式的修改和擴充功能簡化。– 增加程式可用性
13
MVC 架構介紹 (2)• 優點：
– 使程式結構更加直覺– 增加程式可用性– 程式方便管理– 程式擴充性高– 有例於團隊開發
• 缺點：– 不適用於小型專案– 管理文件增加– 嚴謹的系統架構與規劃– 需要重覆的測試
14
MVC 架構介紹 (3)
• MVC(Model View Controller)
Model
View Controller
重
笨
輕
15
MVC 架構介紹 (5)
Request Controller
View
Model
Response
16
MVC 架構介紹 (6)
• View– 視圖，包含畫面、顯示的邏輯
17
MVC 架構介紹 (7)
• Controller– 處理和回應使用者輸入和互動– 控制程式流程
18
MVC 架構介紹 (8)
• Model – 資料傳輸物件– 實作商業邏輯– 資料庫進行操作
19
MVC 架構介紹 (8)
• 為什麼要 MVC ?– MVC 開發配置 – 避免程式碼混亂– 程式碼位置管理– 命名規則– 以習慣代替配置
20
MVC 架構介紹 (9)
– MVC工作分配– 讓不同工作的人員專注於自己的工作
– Controller ：專注於使用者互動、流程控制– View ：專注於資料顯示、 UI 設計與美工– Model ：專注於資料庫管理、商業邏輯撰寫
21
MVC 架構介紹 (10)
–分層架構– 專案維護性提高– 簡化程式碼– 提高程式碼可用性– 路由資源豐富
22
Visual studio• 下載位置
– https://www.visualstudio.com/en-us/products/visual-studio-express-vs.aspx
– https://www.dreamspark.com/ (Dreamspark)
23
快速建立 MVC 專案 (1)
Step 1 ：點選 Visual Studio 2013
24
快速建立 MVC 專案 (2)
Step 1 ：檔案 / 新增專案
25
快速建立 MVC 專案 (3)Step 2 ：已安裝的 / 範本 / Visual C# / Web / ASP.NET MVC 4 WEB 應用程式
26
快速建立 MVC 專案 (4)
Step 3 ：選取網際網路應用程式
27
快速建立 MVC 專案 (5)
Step 4. 檔案結構
App_Data: 自定設定檔App_Start: MVC 設定檔Content : css
ControllersModelsScripts: JavaScript
Views
28
版本控管軟體• 系統版本更改工作
– 誰改了程式碼 ? – 改了哪些程式碼 ?– 程式碼整合 ?– 系統運作測試 ?– 版本管理 ?
• 測試開發• 版本整合
29
版本控管軟體• 版本控管軟體 :
– Subversion,SVN– Mercurial– GIT
30
版本控管軟體• Subversion Server:
– http://www.visualsvn.com/server/
• Subversion Client– http://tortoisesvn.net/downloads.html
