一點一滴的進步: 9月 2016

2016年9月21日星期三

[ASP.NET MVC] 一個View 顯示不同的 Domain Model

Just a note to myself...

如果有個需求，希望一個 View 能顯示不同的 Domain Model 類別的資料，該怎麼做呢…
那就自訂一個 ViewModel 吧!

Steps:
1. Model: 自訂 IndexViewModel.cs
2. Controller: 在 Controller 把想要呈現資料的物件 (IndexViewModel) 準備好，並傳給View。
3. View: 在View設定@model 的類別為它 (IndexViewModel)

View

@model ModelExample.Models.IndexViewModel

@{ Layout = null; }

<!DOCTYPE html>

<html>

<head>

<title>Index</title>

</head>

<body>

<tr>

<th>

@Html.LabelFor(m =>m.Students[0].Identity)

</th>

<th>

@Html.LabelFor(m => m.Students[0].FullName)

</th>

</tr>

@foreach (var student in this.Model.Students)

{

<tr>

<td>@student.Identity</td>

<td>@student.FullName</td>

</tr>

}

</table>

</div>

<tr>

<th>

@Html.LabelFor(m => m.Teachers[0].Identity)

</th>

<th>

@Html.LabelFor(m => m.Teachers[0].FullName)

</th>

</tr>

@foreach (var teacher in this.Model.Teachers)

{

<tr>

<td>@teacher.Identity</td>

<td>@teacher.FullName</td>

</tr>

}

</table>

</div>

</body>
</html>

Controller

namespace ModelExample.Controllers

{

public class HomeController : Controller

{

// GET: Home

public ActionResult Index()

{

List<Student> students = new List<Student>();

for (int i = 0; i < 25; i++)

{

Student student = new Student();

student.Identity = i;

student.FullName = string.Format("Student-{0}",i.ToString().PadLeft(2,'0'));

students.Add(student);

}

List<Teacher> teachers = new List<Teacher>();

for (int i = 0; i < 25; i++)

{

Teacher teacher = new Teacher();

teacher.Identity = i;

teacher.FullName = string.Format("Teacher-{0}", i.ToString().PadLeft(2, '0'));

teachers.Add(teacher);

}

IndexViewModel vm = new IndexViewModel();

vm.Students = students;

vm.Teachers = teachers;

return View(vm);

}
}

Model
IndexViewModel

namespace ModelExample.Models

{

public class IndexViewModel

{

public List<Student> Students { get; set; }

public List<Teacher> Teachers { get; set; }

}
}

Student

namespace ModelExample.Models

{

public class Student

{

public int Identity { get; set; }

public string FullName { get; set; }

}
}

Teacher

namespace ModelExample.Models

{

public class Teacher

{

public int Identity { get; set; }

public string FullName { get; set; }

}
}

https://www.youtube.com/watch?v=4os5xejpJv0

[ASP.NET MVC] @Html.Action In Layout Page

遇到就筆記一下…

In the _ViewStart
Set Layout = null or mark it.

@{
    Layout = null;  //Layout = "~/Views/Shared/_Layout.cshtml";
 }

In the _Layout.cshtml

Use @Html.Action(actionName, controllerName)

 <div id="header">
        @Html.Action("HeadMenu", "Home")
 </div>

In the Controller

public class HomeController : Controller

{

public ActionResult HeadMen()

{

//TODO something...

return View();

}

http://weblogs.asp.net/scottgu/asp-net-mvc-3-layouts

2016年9月20日星期二

[C#語言入門] explicit (明確轉型) vs. implicit (隱含轉型)

Just a note to myself...

public static explicit operator Monkey(Stone stone) { }
public static implicit operator Monkey(Stone stone) { }

explicit MSDN

static void Main(string[] args)

{

Stone stone = new Stone();

Monkey m = (Monkey)stone;

m.Age = 5000;

Monkey wukongSun = (Monkey)stone; // explicit 明確轉型 (Monkey)

//Monkey wukongSun = stone; // implicit 隱含轉型

Console.WriteLine(wukongSun.Age);

}

class Stone

{

public int Age;

// Monkey wukongSun = (Monkey)stone;

public static explicit operator Monkey(Stone stone)

{

Monkey m = new Monkey();

m.Age = stone.Age / 500;

return m;

}

class Monkey

{

public int Age;

}

implicit MSDN

// Monkey wukongSun = stone;

public static implicit operator Monkey(Stone stone)

{

Monkey m = new Monkey();

m.Age = stone.Age / 500;

return m;

}

https://www.youtube.com/watch?v=q6yAgdzGAJo

2016年9月19日星期一

[C#語言入門] 前置++/-- vs. 後置++/--

Just a note to myself... (觀念很重要!!!)

1. 後置++ (x++)：

後置++，當 x 發現左邊是賦值符號時，把自己當成了值，先交給了賦值變數 y (y = x)，再進行自加(x = x + 1)。

int x = 100;

int y = x++;

Console.WriteLine(x); //x = 101

Console.WriteLine(y); //y = 100

int y = x++;
相當於…
y = x;
x = x + 1;

2. 前置++ (++x)：

前置++，當 x 發現左邊是賦值操作時，先++( x = x+1), 再交給y。

int x = 100;

int y = ++x;

Console.WriteLine(x); //x = 101

Console.WriteLine(y); //y = 101

int y = ++x;
相當於…
x = x + 1;
y = x;

https://www.youtube.com/watch?v=LA8V9DlLJ10

[C#語言入門] 將匿名方法(delegate) 改寫為 Lambda 表達式

Just a note to myself...

Lambda 表達式

//Lambda表達式

this.myButton.Click += ( sender, e) =>

{

this.myTextBox.Text = "Hello, World!";

};

Step 1: 匿名方法(使用delegate)的用法 => 該方法己過時

Modify from

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

this.myButton.Click += myButton_Click;

}

void myButton_Click(object sender, RoutedEventArgs e)

{

this.myTextBox.Text = "Hello, World!";

}

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

//使用"匿名方法" => 該方法己過時

this.myButton.Click += delegate(object sender, RoutedEventArgs e)

{

this.myTextBox.Text = "Hello, World!";

};

}

Step 2: 改寫為 Lambda 表達式

1. 將 "delegate" 拿掉。
2. 將 (~~object~~ sender, ~~RoutedEventArgs~~ e) 參數類型拿掉。
3. 承上，在後面加上Lambda表示式 "=>"。

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

//Lambda表達式

this.myButton.Click += ( sender, e) =>

{

this.myTextBox.Text = "Hello, World!";

};

}

For test UI (WPF)

<Window x:Class="Example.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

</Grid>

</Window>

https://www.youtube.com/watch?v=LA8V9DlLJ10

[C#語言入門] 使用 checked/ unchecked 檢查是否溢出(OverflowException)

Just a note to myself...MSDN

1. 用 try{ } catch(OverflowException){ } 包起來, 運算式用 check/ uncheck包起來

checked ( 運算式 )/ unchecked ( 運算式 )

try

{

uint y = unchecked(x + 1); //unchecked: 不檢查

//uint y = checked(x + 1); //checked: 檢查 -> Overflow -> OverflowException

Console.WriteLine(y);

}

catch (OverflowException ex)

{

Console.WriteLine("There's overflow!");

}

2. 使用 checked { } / uncheck{ } 檢查是否異常

checked{ } (拋出溢出) / unchecked { } (不拋出溢出)

checked

{

try

{

uint y = x + 1;

Console.WriteLine(y);

}

catch (OverflowException ex)

{

Console.WriteLine("There's overflow!");

}

For test:

uint x = uint.MaxValue;

Console.WriteLine(x);

string binStr = Convert.ToString(x, 2); //result: 32位個1

Console.WriteLine(binStr);

//uint y = x + 1; //會溢出

//Console.WriteLine(y); //result = 0

[C#語言入門] 匿名類型(Anonymous Type)

Just a note to myself… MSDN

匿名類型(Anonymous Type)

//匿名類型(Anonymous Type) : new 後面，不寫任何數據類型

var person = new { Name = "Mr.Okay", Age = 34 }; / /使用var讓編譯器自己去推斷是什麼類型

Console.WriteLine(person.Name);

Console.WriteLine(person.Age);

Console.WriteLine(person.GetType().Name);

非匿名類型(non-Anonymous Type)

//非匿名類型 :new 後面一定要跟著數據類型

Form myForm = new Form() { Text = "Hello"};

※ 用 new 功能強大，但要非常小心，用不好會過於依賴注入。
※ 使用var，可以讓編譯器自己去推斷是什麼類型。

2016年9月21日 星期三

In the _Layout.cshtml

2016年9月20日 星期二

explicit MSDN

implicit MSDN

2016年9月19日 星期一

Just a note to myself... (觀念很重要!!!)

1. 後置++ (x++)：

2. 前置++ (++x)：

Lambda 表達式

Step 1: 匿名方法(使用delegate)的用法 => 該方法己過時

Step 2: 改寫為 Lambda 表達式

1. 用 try{ } catch(OverflowException){ } 包起來, 運算式用 check/ uncheck包起來

2. 使用 checked { } / uncheck{ } 檢查是否異常

For test:

非匿名類型(non-Anonymous Type)

//非匿名類型 :new 後面一定要跟著數據類型 Form myForm = new Form() { Text = "Hello"};

2016年9月21日星期三

2016年9月20日星期二

2016年9月19日星期一

//非匿名類型 :new 後面一定要跟著數據類型

Form myForm = new Form() { Text = "Hello"};