標籤

ASP.NET MVC (29) Visual C# (15) JQuery (10) Plugins (8) JQuery Plugins (6) JavaScript (6) MySQL (5) CSS (4) LinQ (4) Mac OS (4) CentOS (3) Design Pattern (3) Entity Framework (3) IIS (3) Python (3) Windows (3) php (3) Docker (2) LAMP (2) SQL Server (2) WCF (2) .NET (1) .NET Core (1) AWS (1) Browser (1) GIS (1) IE (1) Internet Security (1) Linux (1) Platform (1) React (1) SEO (1) Testing (1) VMware (1) Windows 7 (1) cookie (1) curl (1) laravel (1) phpBB (1) session (1) 中古屋 (1) 透天 (1) 閒言閒語 (1) 面試 (1) 鳥松 (1)

2014年10月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],可以看到剛剛新增的產品列於最下方


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

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











3 則留言:

  1. 大大請教一下~~在新增的頁面怎麼把英文的顯示改成中文的顯示呢?

    回覆刪除
    回覆
    1. 作法有兩種:
      1.把create.cshtml中的@Html.LabelFor(...)這行直接換成中文字
      2.從Model的DisplayName Attribute去做設定, 可以參考這
      http://stackoverflow.com/questions/5243665/displayname-attribute-vs-display-attribute
      與這裡
      https://msdn.microsoft.com/zh-tw/library/system.componentmodel.displaynameattribute(v=vs.110).aspx

      刪除