mvc razor html.list,NetCore Web应用开发-HTML,C#,Razor补充

原标题：NetCore Web应用开发-HTML,C#,Razor补充

我了后续更深入学习Net MVC的需要，我们这一节需要对HTML，C#,Razor,BootStrap部分知识点做介绍。

我们先来了解一个C#的Var特性

使用Var关键字，我们在声明局部变量的时候可以不用显示类型去声明，直接使用Var关键字即可(例如int, double, char, string，等等)，编译器将从初始化中推断出变量的类型。推断的类型可以是内置类型(int, bool, DateTime, List，等)，用户定义类型(Customer，Pokedex等)

举例说明

var i = 5; //变量i就是int类型

var s = "Hello"; // 变量s是string类型

var a = new[] { 0, 1, 2 }; // 变量a就是 int[]

var list = new List(); // 变量list是 List

字符串的格式化显示

在之前其实我们都用到过了，就是在前节显示报酬的地方我们使用了格式化输入，来显示货币，话不多说直接看例子就知道了

数字按保留两位小数的格式输出显示

double a = 5.5;

// output is "05.50"

String output = $"{a:00.00}";

数字按货币的格式输出显示

double a = 5.5;

// output is "￥5.50"

String output = $"{a:c}";

日期按给定的日期格式进行显示

DateTime a = DateTime.Today;

// output is "2016-11-02"

String output = $"{a:yyyy-MM-dd}";

其实C#内置了很多格式化，可以去微软官方查询文档，基本我们常用的都有了，这样就不需要我们自己处理了，可以在一定程度上提升开发效率，当然特殊的可以自行根据实际情况编写代码出路。

C# List

List在我们实际项目开发中非常常用，这里只做简单介绍，更多的在后面的实际使用中会提到，大家想有个基本认识

在需要使用命名空间using

System.Collections.Generic;来引用，否则使用不了

有点类似于Java的ArrayList

我们可以，创建列表，向List中添加元素，访问列表，迭代列表，插入列表，从列表中删除元素

下面我们举例说明

创建List

List intList1 = new List();

List intList2 = new List(){ 11, 21, 13, 4};

List strList = new List();

List GreetList = new List() {

new Greeting("张三", "李四", "开会通知", "今天下午3点开会"),

new Greeting("王麻子", "马六", "聚餐活动", "今天晚上开怕听")

}

List添加元素

intList1.Add(10);

intList1.Add(20)

strList.Add("Hello");

Greeting g = new Greeting ("张三", "李四", "开会通知", "今天下午3点开会");

GreetList .Add(g);

访问List

List myList =

new List() {"a","b","c","d","e"};

int len = myList.Count; // 5 myList的元素数量

string item1 = myList[0]; // "a"

string item2 = myList[2]; // "c"

String abba = String.Format("{0}{1}{1}{0}",

myList[0], myList[1]);

List迭代

string msg = "";

foreach (string x in myList)

{

msg = msg + x;

}

// msg 是 "abcde"

上面列举了基本用法和流程，大家可以自己编写代码进行测试，根据上面的例子仔细理解

HTML Table元素

后面的学习我们将会用到数据列表显示，所以我们这里需要补充介绍一下HTML的Table元素，提供了一种直接的方法来标记结构化的表格数据，以用户易于阅读和理解的形式显示数据

表格

标头

行

数据

我们来写个Table的实例来看看效果

既然我们之前介绍了BootStrap，那么我们将使用BootStrap来美化Table

大家看看是不是很简单就能得到一个漂亮的表格

我们来介绍一下BootStrap Table内置的几种样式及效果，使用方式就是直接在table元素的class属性里面引用即可，大家可以自己写个例子，测试不同样式效果

Razor使用While, For, Foreach

既然介绍到了List 和 Table那就有必要介绍一下视图Razor怎么使用循环，因为后面数据显示需要用到

先在视图里面创建一个List对象，然后演示几种循环

@{

var people =

new List {

new Person("John", 33),

new Person("James", 41)

};

}

While循环

For,Foreach循环

最后我们用一个比较完整的实例来总结本节所讲的知识

首先我们创建一个实例需要的Model模型

创建一个Students控制器

控制器里面我们将用到上面讲到的List来装载学生数据，请注意用法

代码如下

在Views/Students文件夹下创建Index视图 代码如下

运行结果如下

本节就介绍到这里，请结合实例代码，仔细理解上面介绍的知识点的用法，编程学习没有捷径，最快最有效的方式就是自己动手进行实践。

下一节将开始进行Net MVC 数据库方面的学习了，终于轮到数据库了啊，不容易

责任编辑：