# ASP.net CORE MVC網站開發
## 下載連結
https://onedrive.live.com/?authkey=%21APb%2D%2D%2DJneosbpa0&id=26903E7B74BAB5C5%213724&cid=26903E7B74BAB5C5
## 網站概論

若有一天客戶要在家裡看到公司的word檔...
### webform淘汰原因
webform會讓你的流量變很大，因為用事件的關係。
ex:php(0.8k), jsp(1k), asp(2M)
又手機上網時間變多，網路流量計費!所以網頁不能吃太多流量。

網址上的虛擬目錄與電腦實體目錄，用web server上的router去導覽。
### 範例下載
http://books.gotop.com.tw/default.aspx/download/AEL022900

## 1. 從空白專案開始
### 1.1 開專案(asp.net)

#### (下圖)環境資料夾代表的意義

### 1.2 網址連結say hello功能
#### (下圖)Controller新增控制器

#### (下圖)class字尾要帶Controller

#### Controller中的類別名稱和方法可以當作是(網址的)虛擬路徑

### 0322早上
### 新增物件作為vm
製作一個替身，當Tproduct重長不會影響到product。
順便做一個資料的隔絕功能

#### 網址解析

https://www.kcg.gov.tw/News_Content.aspx?n=F29A02A9D36C47F0&sms=19902EF36D6B551D&s=7854A906DE1F67A5


其中 n=F29A02A9D36C47F0  是key-value關係
符號& 是and連接多個條件:
&sms=19902EF36D6B551D
&s=7854A906DE1F67A5


#### 網址帶參數

        public string addToCart()
        {
            // Demo Request
            // http://localhost:61327/Greeting/addToCart/?pid=1
            string id = Request.QueryString["pid"];
            if (id == "0")
                return "XBox 加入購物車成功";
            if (id == "1")
                return "PS5 加入購物車成功";
            if (id == "2")
                return "Switch 加入購物車成功";
            return "找不到該產品資料";
        }
        public string demoResponse()
        {
            Response.Clear();
            Response.ContentType = "application/octet-stream";
            Response.Filter.Close();
            Response.WriteFile(@"C:\note\01.jpg");
            Response.End();
            return "";
        }

執行結果

#### 網址帶參數

        public string demoParameters(int? pid)
        {
            // int? 才不會因為沒參數當掉
            // Demo Request
            // http://localhost:61327/Greeting/demoParameters/?pid=0
            if (pid == 0)
                return "XBox 加入購物車成功";
            if (pid == 1)
                return "PS5 加入購物車成功";
            if (pid == 2)
                return "Switch 加入購物車成功";
            return "找不到該產品資料";
        }

1.parameter會自動轉型
2.網址是你帶的參數

#### 取名剛好叫做id，就可以不用加上參數

        public string demoParameterId(int? id)
        {
            // int? 才不會因為沒參數當掉
            // Demo Request
            // http://localhost:61327/Greeting/demoParameterId/1
            if (id == 0)
                return "XBox 加入購物車成功";
            if (id == 1)
                return "PS5 加入購物車成功";
            if (id == 2)
                return "Switch 加入購物車成功";
            return "找不到該產品資料";
        }

#### connection string
(下圖)檢視-伺服器總管-加入連結

## controller對應view
### 一個控制器對應頁面資料夾，方法對應一個cshtml

// 控制器新增方法(action)
        public ActionResult showView()
        {
            return View();
        
        }

(下圖)新增檢視view

### controller-view架構圖
1. router只負責轉資料
2. 共用的(ADO.NET)或者商業邏輯都交由MODEL層
3. 由Controller接client資料，傳給對應的model，接收response，再傳給view刷新頁面。
(下圖)controller傳資料到view

### Razor不是完全版的c#，作用在html的c#
(下圖)view接收controller資料

### 範例

## Razor如何收資料
傳資料:直接丟進view()

收資料
1. 如何取得物件參考
2. 如何取得物件型別

### h3

### html傳資料到後端c#
1. input按鈕的type屬性打submit
2. form上面要給一個submit的範圍，method要給post
3. 可能有多個來自前端的submit，後端是認Name作為變數名稱
4. 後端抓資料用`Request.Form["<Name>"]`

### 範例；前端畫面相加傳到後端運算，再回傳答案

### Html的action Link
為了讓不會html的人也能寫mvc微軟開發了此技術在cshtml。
第一個參數:文字
第二個參數:Action
第三個參數:Controller
第四個參數:Parameters
第五個參數:JS code

                count++;
                <tr>
                    <td>@count</td>
                    <td>@item.fName</td>
                    <td>@item.fPhone</td>
                    <td>@item.fEmail</td>
                    <td>@item.fAddress</td>
                    <td>@item.fPassword</td>
                    <td><a href="~/Customer/Delete/@item.fId">刪除</a></td>
                    <td>@Html.ActionLink("刪除", "Delete", "Customer", new { id=item.fId }, new { onclick = "return confirm('確定要刪除嗎?')"})</td>
                </tr>

### update不用一直傳參數
1. html的name屬性跟後端物件的屬性名子一樣
2. 物件名稱直接傳進來
3. 

(好藏喔= =|||)

### Day4 Boosttrap

### Boostrap template free

### 開始寫產品 但產生的View要用現成的entity framework

### 強行別

### 刪除的cshtml
### 編輯


### 編輯的cshtml

### 加入購物車

## Day 0320
## 實際整合到頁面
### create前端畫面
#### 先準備好api打到哪個function
#### 再來新增欄位

#### 更新寫資料的物件
#### 後端api寫入資料庫和在Server存檔

#### List前端畫面讀取時從server拿檔案

## 物件模型驗證
1. http的 <input required />
2. js
3. c#物件驗證模型
### 顯示名稱修改
這個是前端驗證喔

### 為何程式碼會只執行一次

## Day 0320-2
## 變數暫存
1. static:網頁有異地同步的功能
2. database
3. session
4. cookie

session的方式，能依照不同的使用者暫存變數20分鐘

### 原本方法

### session方法


### cookie方法

### 實作cookie


### 統整比較

### session寫程式

### 好煩喔，一堆bug

### 檢視購物車的功能

### 登入系統

## Day 0321

### 比較ASP.NET和ASP.NET CORE系統差異

### 安裝entity framework在neget，版本6.0.15

Install-Package Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore
Install-Package Microsoft.EntityFrameworkCore.SqlServer
Install-Package Microsoft.EntityFrameworkCore.Tools

### 指令產生entity framework
參數有1. connection string, 2.entity framework套件 3. 輸出資料夾

到工具>Nuget>套件管理器主控台

Scaffold-DbContext "Data Source=.;Initial Catalog=dbDemo;Integrated Security=True" Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models



### Dependency Injection

### 上傳圖片

asp.net的上傳圖片
1. httpPostFilebase
2. 與參數名稱一致
3. server實體路徑
4. 編碼型別 enctype="multipart/from-data"

### 程式進入點

## 業配粉專
Dtc book
https://www.facebook.com/DTCbook
DTC Tech
https://www.youtube.com/channel/UCF8_vxMrqMyOBF6uweQbHTA
不錯的連結

https://www.youtube.com/watch?v=Trv9zED36Ao&list=PLDYKbP0m4U_V5E11IdqcobJVeeYrJhWTb

## 記錄亂搞

即時聊天室signalR

微軟的Identity

Oauth實作登入

## 隨機提問


Q.使用者介面首頁要怎麼設計?
自己設計?使用者設計? 照操龍頭軟體的

### 小故事
讓系統具有安全感(刪除前要先詢問 要不然橘子壓到左鍵就gg了) ~= 情侶問愛不愛我