昨天我們介紹了如何透過Entity來讀取目前Product表中所有商品資料,今天的目標是做出一個可以新增Product資料的頁面喔。
今日目標 : 做出可以新增一筆Product資料的頁面功能。()
1. 首先在ProductController新增兩段Create()方法:
2. 在View()上點選滑鼠右鍵->選擇[新增檢視]
3. 在範本選擇【Create】、模型類別選擇【Product(Carts.Models)】後,點選[加入]鈕
4. 此時Visual Studio會幫我們產生好Create.cshtml,並且已經產生好相對應的語法
5. 運行網站後,瀏覽[http://localhost:51352/Product/Create]網址,可以看到新增頁面。將每個欄位依序填入值,並按下Create鈕。
6. 瀏覽網址[http://localhost:51352/Product],可以看到剛剛新增的產品列於最下方
哇,做出一個新增頁面很簡單呢!不過這個新增頁面還是有點小缺陷的喔,例如並沒有檢查欄位的狀態,如果缺了一個欄位沒設定,網站就會報錯。而建立成功之後並沒有任何提示訊息,使用者體驗是會降低的。另外例如建立日期是否不應該讓使用者設定,而是由系統產生呢?明天我們將繼續加強這些設定。
*今天的原始碼請參考這裡