iT邦幫忙

DAY 9
0

使用ASP.NET MVC 實作購物網站系列 第 9

使用ASP.NET MVC 實作購物網站 (九) - 新增Product資料

昨天我們介紹了如何透過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],可以看到剛剛新增的產品列於最下方

哇,做出一個新增頁面很簡單呢!不過這個新增頁面還是有點小缺陷的喔,例如並沒有檢查欄位的狀態,如果缺了一個欄位沒設定,網站就會報錯。而建立成功之後並沒有任何提示訊息,使用者體驗是會降低的。另外例如建立日期是否不應該讓使用者設定,而是由系統產生呢?明天我們將繼續加強這些設定。

*今天的原始碼請參考這裡


上一篇
使用ASP.NET MVC 實作購物網站 (八) - LinQ to Entity
下一篇
使用ASP.NET MVC 實作購物網站 (十) - 資料驗證
系列文
使用ASP.NET MVC 實作購物網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言