Index
@Html.ActionLink("Create New", "Create")
| @Html.DisplayNameFor(model => model.Name) | @Html.DisplayNameFor(model => model.Address) | |
|---|---|---|
| @Html.DisplayFor(modelItem => item.Name) | @Html.DisplayFor(modelItem => item.Address) | @Html.ActionLink("Edit", "Edit", new { id=item.Id }) | @Html.ActionLink("Details", "Details", new { id=item.Id }) | @Html.ActionLink("Delete", "Delete", new { id=item.Id }) |
html出現在任何區塊都可以但是razor要放進去就要 @Razor 且字跟Razor要空半格\
Razor範 圍 XX 且字無法像在純HTML內讀字存在 ( 這個物件並不存在除非 @:這樣KEY就會原封不動顯示出來 } \@Math+\@Eng+\@Chi\
純字串顯示 \@(Math+Eng+Chi)\
真正的運算 #### ###RazorTest ``` @{ ViewBag.Title = "RazorTest"; }RazorTest
@*這是單行註解*@ @*這是 區塊 註解*@ @{ string name = "Jacky"; int Math = 95; int Eng = 90; int Chi = 85;歡迎 @name 光臨本站
@:歡迎 @name 光臨本站 }@Math+@Eng+@Chi
@(Math + Eng + Chi)
@(ViewBag.IsLogin = true) @if (ViewBag.IsLogin) { @:會員已登入 } else { 會員未登入 }
@{ string[] NightName = { "瑞豐夜市", "新堀江商圈", "六合夜市", "青年夜市", "花園夜市", "大東夜市", "武聖夜市" }; }
-
@foreach (var item in NightName)
{
- @item }
帳號:"+member.UserId+"
姓名:"+member.Name+"
密碼:"+member.Pwd+"
信箱:"+member.Email+"
生日:"+member.Birthday+"
"; ViewBag.Msg = msg; return View(); } } } ``` 新增資料要有兩個action 一個是 get 一個是 post 第一個 get 只要回傳他一份編輯表單即可 重點是第二個 post Class 當成參數傳過來 再來新增 creat的view ( 要用樣板一定要有model 接著利用razor與helper來寫view 爛達???? 講model時會講? 來與後端連接? Helper有些裡面多載會有可以加上html屬性的參數且要用new{class={{form-control} 且c#裡面class是保留字前面必須加上@ 把輸入的值在用 @ViewBag.Msg 叫回來顯示 且要用 @html.Raw處理htmltag 程式碼如下 #### ###Views/HTMLHelper/Create.cshtml ``` @model _02View.Models.Member @{ ViewBag.Title = "Create"; }
Create
@**@ ``` #### ### Controllers/HTMLHelperController.cs ``` using _02View.Models; using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace _02View.Controllers { public class HTMLHelperController : Controller { // GET: HTMLHelper //public ActionResult Index() //{ // return View(); //} //03-6-6 建立GET與POST的Create方法 public ActionResult Create() { return View(); } [HttpPost] public ActionResult Create(Member member) { string msg = "註冊資料:帳號:"+member.UserId+"
姓名:"+member.Name+"
密碼:"+member.Pwd+"
信箱:"+member.Email+"
生日:"+member.Birthday+"
"; ViewBag.Msg = msg; return View(member); } } } ``` #### ### Models/Member.cs ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace _02View.Models { public class Member { public string UserId { get; set; } public string Name { get; set; } public string Pwd { get; set; } public string Email { get; set; } public DateTime Birthday { get; set; } } } ```  View是獨立的 所以很簡單可以套上bootstrap Webform編譯完還是html所以還是可以套但是要透過jq比較麻煩 以夜市那一頁來介紹從新弄一個action然後重排一張view 用網格系統排版 一樣如果不知道怎下迴圈先死一次再來改 ### ##卡片系統thumbnail bs4有cord 但bs3只有 #### ###webform 可以用以下方式比較容易做到響應式 Datalist 有講過 Listitem 好像沒講過 Repeater 好像比較容易  #### ###Views/Home/BootstrapIndex.cshtml ``` @model IEnumerable<_02View.Models.NightMarket> @{ ViewBag.Title = "南部地區各大夜市"; }
南部地區各大夜市
@foreach (var item in Model)
{
string imgsrc = item.Id + ".jpg";
}
```
#### ###Controllers/HomeController.cs
```
using _02View.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace _02View.Controllers
{
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
//03-1-6 在public ActionResult Index()內輸入以下內容
string[] id = { "A01", "A02", "A03", "A04", "A05", "A06", "A07" };
string[] name = { "瑞豐夜市", "新堀江商圈", "六合夜市", "青年夜市", "花園夜市", "大東夜市", "武聖夜市" };
string[] address = { "813高雄市左營區裕誠路", "800高雄市新興區玉衡里", "800台灣高雄市新興區六合二路",
"80652高雄市前鎮區凱旋四路758號", "台南市北區海安路三段533號", "台南市東區林森路一段276號",
"台南市中西區武聖路69巷42號" };
List