Short-term Training Course For Beginners in Feng Chia University Including: Web Applicatiion, ASP .Net C# MVC 4 ,Database , IIS

1. ASP.NET MVC 4 WEB課程
時間:2015/3/26
報告者:賴怡君

2. 講師資料(I)
2
姓 名 謝政廷(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
3

4. 專案經歷
4
• 台灣自來水股份有限公司---台灣自來水103年用戶
新改裝工程管理系統委外建置案
• 行政院勞工委員會中部辦公室---技能職類測驗能力
認證資訊系統建置及維護
• 台灣自來水股份有限公司---台灣自來水102年用戶
新改裝工程管理系統委外建置案
• 國家實驗研究院國家災害防救科技中心---災害事件
簿查詢展示系統
• 宜誠資訊---國防部史政編譯室史料與軍書影像委外
建置
• 國立政治大學---政大數典101年擴充案
• 國家圖書館---國家圖書館「臺灣學術網路資源選介
主題資料庫」建置案
• 入出國與移民署---行動查緝服務建置案

5. 5

6. 專案成員介紹
專案主持人
專案經理
(PM)
系統需求分
析
(SA)
系統架構設
計
(SD)
開發工程師
(PG)
測試工程師
(QA)
客服窗口
6
建構管理業務協調
設計師
(UI)
企劃

7. 競標流程
發現標案
業務洽談
• 業務評估選擇開發團隊
• 專案經理需求評估與可行性分析
• 企劃 美工進場備標
• 評選資格投標
• 專案經理報告 成功評選簡報
7
議價
簽約
失敗
服務
建議書
服務
說明書

8. 專案執行流程
啟動會議 需求訪談 程式開發
整合測試教育訓練系統上線
8
工作計畫
書
系統分析
文件
系統設計
文件
測試計畫
書
測試報告
書
教育訓練
計畫書
教材

9. 推薦書籍與網站
•ASP.net MVC 5 網站開發美學
•MSDN
–http://www.microsoft.com/taiwan/msdn/asp
dotnet/mvc/learn/
•MVA
–http://www.microsoftvirtualacademy.com/
9

10. 課程大綱
• MVC架構介紹(3/26)
• Controller, Model(4/9)
• View, CSS, JavaScript(4/23)
• Database, Linq, Entity Framework(4/30)
• 其他(IIS設定, 工具使用)(5/7)
10

11. 大綱
•MVC架構介紹
•快速建立MVC專案
•Visual Studio環境認識與操作
•版本控管軟體使用
•C#語言簡介
11

12. MVC架構介紹(1)
• 表示一種軟體架構模式，把系統分成三個種核
心:
– Model
– View
– Controller
• 目的：
– 各種元件處理不同的工作。
– 對程式的修改和擴充功能簡化。
– 增加程式可用性
12

13. MVC架構介紹(2)
• 優點：
– 使程式結構更加直覺
– 增加程式可用性
– 程式方便管理
– 程式擴充性高
– 有例於團隊開發
• 缺點：
– 不適用於小型專案
– 管理文件增加
– 嚴謹的系統架構與規劃
– 需要重覆的測試
13

14. MVC架構介紹(3)
•MVC(Model View Controller)
14
Model
View Controller
重
笨
輕

15. MVC架構介紹(5)
15
Request Controller
View
Model
Response

16. MVC架構介紹(6)
•View
–視圖，包含畫面、顯示的邏輯
16

17. MVC架構介紹(7)
•Controller
–處理和回應使用者輸入和互動
–控制程式流程
17

18. MVC架構介紹(8)
•Model
–資料傳輸物件
–實作商業邏輯
–資料庫進行操作
18

19. MVC架構介紹(8)
•為什麼要MVC ?
– MVC 開發配置
–避免程式碼混亂
–程式碼位置管理
–命名規則
–以習慣代替配置
19

20. MVC架構介紹(9)
– MVC工作分配
–讓不同工作的人員專注於自己的工作
–Controller：專注於使用者互動、流程控制
–View：專注於資料顯示、UI設計與美工
–Model：專注於資料庫管理、商業邏輯撰寫
20

21. MVC架構介紹(10)
– 分層架構
–專案維護性提高
–簡化程式碼
–提高程式碼可用性
–路由資源豐富
21

22. Visual studio
• 下載位置
– https://www.visualstudio.com/en-
us/products/visual-studio-express-vs.aspx
– https://www.dreamspark.com/ (Dreamspark)
22

23. 快速建立MVC專案(1)
23
Step 1 ：
點選Visual Studio 2013

24. 快速建立MVC專案(2)
24
Step 1 ：檔案 / 新增專案

25. 快速建立MVC專案(3)
25
Step 2：已安裝的 / 範本 / Visual C#
/ Web / ASP.NET MVC 4 WEB 應用程式

26. 快速建立MVC專案(4)
26
Step 3 ：選取網際網路應用程式

27. 快速建立MVC專案(5)
27
Step 4. 檔案結構
App_Data: 自定設定檔
App_Start: MVC設定檔
Content : css
Controllers
Models
Scripts: JavaScript
Views

28. 版本控管軟體
•系統版本更改工作
–誰改了程式碼 ?
–改了哪些程式碼 ?
–程式碼整合 ?
–系統運作測試 ?
–版本管理 ?
•測試開發
•版本整合
28

29. 版本控管軟體
•版本控管軟體:
–Subversion,SVN
–Mercurial
–GIT
29

30. 版本控管軟體
•Subversion Server:
–http://www.visualsvn.com/server/
•Subversion Client
–http://tortoisesvn.net/downloads.html
30