Welcome My Homepage!!
test ```  BS對響應式外對UI資源也強大 ### 進入重點 網格系統  固定分為12格 表示法 Col – 斷點 – 格數 1:2分成12格則為4:8 Col – md – 4 Col – md – 8 #### Ide的bs提示  容器概念 再做網頁的時候一定會放個div當容器 讓你好排版 直接class指定 container 直接選 bs的class就會有樣式 原本還要floot clear … 3跟4版本bs同樣動作但樣式不一樣 因為動用到flatbox不同網格系統 ?? ```Col 1
Col 2
Col 3
Index
@Html.ActionLink("新增產品", "Create")
| @Html.DisplayNameFor(model => model.fName) | @Html.DisplayNameFor(model => model.fPrice) | @Html.DisplayNameFor(model => model.fImg) | 項目管理 |
|---|---|---|---|
| @Html.DisplayFor(modelItem => item.fName) | @Html.DisplayFor(modelItem => item.fPrice) | @Html.DisplayFor(modelItem => item.fImg) | @Html.ActionLink("Edit", "Edit", new { id=item.fId }) | @Html.ActionLink("Details", "Details", new { id=item.fId }) | @Html.ActionLink("Delete", "Delete", new { id=item.fId }) |
產品列表
@Html.ActionLink("新增產品", "Create")
| 產品編號 | @Html.DisplayNameFor(model => model.fName) | @Html.DisplayNameFor(model => model.fPrice) | @Html.DisplayNameFor(model => model.fImg) | 項目管理 |
|---|---|---|---|---|
| @Html.DisplayFor(modelItem => item.fId) | @Html.DisplayFor(modelItem => item.fName) | @Html.DisplayFor(modelItem => item.fPrice) |
@*//00-2-6 修改圖片顯示處,處理沒有圖片的產品*@
|
@*//00-2-7 修改功能連結處 (id=>fId) *@ @Html.ActionLink("編輯", "Edit", new { fId = item.fId }) | @*@Html.ActionLink("Details", "Details", new { id = item.fId }) |*@ @Html.ActionLink("刪除", "Delete", new { fId = item.fId }, new { OnClick = "return confirm('確定刪除？')" }) |
新增產品
@Html.ActionLink("返回產品列表", "Index")
```
#### \_layout.cshtml
```
@RenderBody()
```
#### App\_Start
```
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
namespace MVC2
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);
}
}
}
```
老師版本的有把程式碼步驟放上去 control
//00-1 利用Entity Framework建立Model(DB First)
//00-1-1 建立dbProduct.mdb資料庫Model
// 在Models上按右鍵,選擇加入,新增項目,資料,ADO.NET實體資料模型,名稱輸入"dbProductModel",按新增
// 來自資料庫的EF Designer
// 連接dbProduct.mdf資料庫,連線名稱不修改,按下一步按鈕
// 選擇Entity Framework 6.x, 按下一步按鈕
// 資料表勾選"tProuct", 按完成鈕
// 若跳出詢問方法按確定鈕
//00-1-2 在專案上按右鍵,建置
//00-1-3 在tProduct.cs裡加入欄位名稱顯示(需using System.ComponentModel)
//00-1-4 在Controllers資料夾上按右鍵,加入,控制器,選擇 MVC5Controller-Empty
//00-1-5 指定控制器名稱為HomeController,並開啟HomeController
//00-1-6 using \_MVC2.Models
//00-1-7 使用Entity建立DB物件
//00-2 製作Index頁面的顯示所有產品功能
//00-2-1 在HomeController裡撰寫Index的Action
//00-2-2 在public ActionResult Index()上按右鍵,新增檢視,建立Index View
//00-2-3 進行下列設定:
// View name:Index
// Template:List
// Model class:tProduct(MVC2.Models)
// Data context class:dbProductEntities(MVC2.Models)
// 勾選Use a layout pages
// 按下Add
//00-2-4 修改 \_Layout.cshtml
//00-2-5 修改Index View,英文文字為中文
//00-2-6 修改圖片顯示處
//00-2-7 修改功能連結處 (id=>fId)
//00-3 製作刪除功能
//00-3-1 在HomeController裡撰寫Delete的Action
//00-4 製作Create頁面及新增產品功能
//00-4-1 在HomeController裡撰寫GET及POST的Create Action
//00-4-2 在public ActionResult Create()上按右鍵,新增檢視,建立Create View
//00-4-3 進行下列設定:
// View name:Create
// Template:Create
// Model class:tProduct(MVC2.Models)
// Data context class:dbProductEntities(MVC2.Models)
// 勾選Use a layout pages
// 按下Add
//00-4-4 修改Index View,英文文字為中文
//00-4-5 修改form的HTML Helper為一般的from
//00-4-6 修改圖片上傳處表單
//00-4-7 加入例外訊息顯示處
修改的後天講