> For the complete documentation index, see [llms.txt](https://johch3n611u.gitbook.io/c50108/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://johch3n611u.gitbook.io/c50108/ju-li-cheng-bei/201904/20190410-shang-wu-xiao.md). # 2019/0410/上午小組討論-作品集自習\&Visual studio webform+MVC範本 ## 下午 imdb 4月10號 專題可以很快地做出一個樣子 利用範本來完程某一件事情 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc55Xl5jp3cYzR5RlSj%2Fimage.png?alt=media\&token=8951e672-c069-4b8c-8f18-1e05c968358c) wenform快教完了到時候會講mvc ## visual studio 範本會幫我們建立啥呢? #### 有時候會因為自動設定而不知道運作原理 ### Webform專案範本 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc561DLagQ0n-Sdrre7%2Fimage.png?alt=media\&token=901e63c1-9a1b-4525-a904-68389f48f3fa) ### 自動跑出一堆資料夾 content 裡面為放css的 fonts 有用到的字形 script 有用到的函式庫 default 為預設首頁 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc56daVKMBdVIpqgica%2Fimage.png?alt=media\&token=472a48dc-b8e3-487d-8f1d-22da2d3f7ff8) ### 路徑管理 ( 資訊安全包裝 ( 沒有附檔名 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc56unvF9rbiVl4K-uj%2Fimage.png?alt=media\&token=53d2ff9d-22f1-423e-a013-e9e1476b1a95) ### 已經是個響應式網頁 ( 堆疊 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc57Az8uF5UE-CctiYa%2Fimage.png?alt=media\&token=201022a5-f5c3-47e6-86f8-6fe277deccea) 代表 後端與前端都有寫 才有可能是響應式 完全與一般網頁不同 連head body 都沒有 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc57adqUzHf7tYUH6ld%2Fimage.png?alt=media\&token=92fd230e-9e12-4858-b5c2-e3f56b4a6b2b) 好處 : 快速 壞處 : 不知道怎改 - > 在 site.master 裡面 site應該是一個後端網頁 且 遵守 seo ? title 藉由變數變換 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc595OS44v6PNKbAwEN%2Fimage.png?alt=media\&token=c6dc995b-8dc7-4605-a9f7-acbecbcb10c3) 頁尾用成 data掰丁explation ### MVC專案範本 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc58fptrT8V-tGQNs_v%2Fimage.png?alt=media\&token=74faae05-5791-4ad2-b0fd-195663f2fff8) #### 除了路徑與結構不一樣 範本樣式都一樣 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc59QvUl6Jo5TkMtHEY%2Fimage.png?alt=media\&token=80f195fe-e6c1-463f-b4cc-75b06c9ed0ce) #### appdata 資料庫檔案資料夾 會被保護起來 無法靠檔案總管路徑連結 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc59NyE9nrmHLwRNe-g%2Fimage.png?alt=media\&token=bb51b326-a89e-4adc-b2d1-49f8cec91743) #### 資料庫路徑 預設沒改 會在 c曹 x64 ms sql server 以檔案形式存在 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc59qd_Shg5_ci0unT8%2Fimage.png?alt=media\&token=bd44f305-cd4b-4d63-93eb-0b939258a483) #### 快速練結資料庫 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5D2RcqL_qj_QSnNP9%2Fimage.png?alt=media\&token=fbbcb8e8-2bc4-4eee-a481-aa1cbd7e3ae8) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5E7qxah5RY_Gba8GO%2Fimage.png?alt=media\&token=22cdd0e9-3a18-4e3c-b8d7-c355bdaf729b) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5EEG_HowijTxUfQHo%2Fimage.png?alt=media\&token=2dcf3fff-bc3b-4776-b01a-4ade4ff471cb) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5EZ2STxJpA6FAbnFU%2Fimage.png?alt=media\&token=83d97b58-c151-42a4-9bc0-11f537a5e271) #### 自動建立view 與串接資料庫 自動 新增修改刪除 ![建立控制器](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5EcJrzDQFUVeA2Cl7%2Fimage.png?alt=media\&token=ba8eb225-0a99-488c-91cf-7b624c7466ee) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5EleHS9S49Bpm-W1p%2Fimage.png?alt=media\&token=a45704dd-fa5d-4022-968f-7d12736f5972) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5Ex5kWftv92x1Vy4e%2Fimage.png?alt=media\&token=26ba29cb-11fe-4444-aac3-4342c4bb44ca) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5GbUYeYMFEEvJnVdF%2Fimage.png?alt=media\&token=0b853634-6bef-46b8-82ea-7bf5bd6178a3) database first 已經有資料庫了 再來 推測 model model ? mvc 所有動作都是在操作 model controllers 新增控制器 mvc5 controller with views 有 view的控制器 model product data mysystem add ### 練結完資料庫後要先建置 view 話面 控制器 邏輯 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc54SaC5g6guXrftZTq%2F-Lc5GjD040LNhd1UOs2L%2Fimage.png?alt=media\&token=f410592f-2d04-4492-b5f0-4162dc842927) 通常model名稱會取資料夾名稱可以互相對應 驗證? 程式式從 sql 的 model出來的 model有驗證 那就有 ## MVC架構簡介 Mvc架構就是只 model 有寫那 view就會有 Database first -> model 資料庫有 就有 驗證器寫在models 寫好才做 contreler 商業邏輯全部放在model裡面 編譯完後會轉為javascript 被包起來且不會 post back 在前端驗證 Model->db View 客戶regust -> Con -> M C -> V -> Resporn 客戶 關注點分離 ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-Lc5w5NazRlgj4eOat7B%2F-Lc5xYrdTVu2HIdWEW-w%2Fimage.png?alt=media\&token=00cd933c-d7f0-43cc-a314-0b30cf90010b) Webfrom 頁面設計 會與編碼 攪再一起 蝶積木 ( 大的系統容易倒 新的開方案比較不會用 webfrom 所以作品集最好各一 金融系統還在用摳bo {% embed url="" %} webform 接下來只講應用