2014/04/03

【ASP.NET MVC】MVC 5 網購平台 Part.1 建立新專案

由於最近才開始研究 VS 2013 與 MVC 5 剛好也接到新任務,

打算紀錄步驟、重點與參考資料...等,順便推廣MVC。

開發環境:VS 2013、MS SQL 2012、Win 7

1.[檔案] > [新增專案]

由於VS 2013的特點之一是One ASP.NET的專案建立精靈,讓開發人員可以客製化MVC專案和組態認證,自由混合選擇想要的技術。所以把Web Forms、MVC、Web API統一稱做【ASP.NET Web 應用程式】

若你想用VS 2012的設定也可以從子分類去選擇
2.[選取範本]後勾選想用的[架構]與選擇[驗證模式]
  • 不驗證:不需要有任何驗證設定,請選取此選項。
  • 個別使用者帳戶:在網站上建立使用者名稱和密碼或透過Facebook、Google、Microsoft Account、Twitter等社交網站的帳戶登入。
  • 組織帳戶:透過 Active Directory、Windows Azure Active Directory或 Office 365驗證的應用程式。
  • Windows驗證:如果你是劃在自己身的區域網路執行應用程式,可以使用Windows驗證。使用者將以用己本機或網域的帳戶進行驗證。
3.[確認]建立專案後VS會開啟起始頁,上面有一些教學與程式範例的連結可以參考,也會發現已經幫你內建 Bootstrap 了,有沒有揪甘心!
4.按[Ctrl+F5]啟動但不偵錯,也可從[偵錯]選單選擇,或是工具列。
[偵錯]選單
點選右鍵可開啟工具列
5.瀏覽器就會自動跳出範本網頁

把瀏覽器寬度調整一下,發現果然是Bootstrap式的網頁
6.更改頁面後按下[Ctrl+Alt+Enter],利用[瀏覽器連結]快速重新整理頁面。

按下快捷鍵後會同步的重新整理已連結的瀏覽器頁面,可支援數個頁面。
可從工具列中點選Browser Link儀表板看有哪些瀏覽器與頁面被連結,
若遇到FireFox一直報Browser Link的錯,也可從此關閉瀏覽氣連結功能。

參考:ASP.NET MVC 自學日誌: 2-4 ASP.NET Web 應用程式

沒有留言:

張貼留言