原标题: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 数据库方面的学习了,终于轮到数据库了啊,不容易

责任编辑:

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

  1. 『设计模式』Web程序开发最基本的编程模式--MVC编程模式

    23种设计模式+额外常用设计模式汇总 (持续更新) 什么是MVC编程模式 ? MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controlle ...

  2. Do You Kown Asp.Net Core -- Asp.Net Core 2.0 未来web开发新趋势 Razor Page

    Razor Page介绍 前言 上周期待已久的Asp.Net Core 2.0提前发布了,一下子Net圈热闹了起来,2.0带来了很多新的特性和新的功能,其中Razor Page引起我的关注,作为web ...

  3. 前端基础入门第一阶段-Web前端开发基础环境配置

    Web前端和全栈的定义: A.什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的 ...

  4. [原]《Web前端开发修炼之道》-读书笔记CSS部分

    如何组织CSS-分层 应用 css 的能力分两部分:一部分是css的API,重点是如何用css控制页面内元素的样式:另一部分是css框架,重点是如何对 css 进行组织.如何组织 css 可以有多种角 ...

  5. 面试时,当你有权提问时,别客气,这是个逆转的好机会(内容摘自Java Web轻量级开发面试教程)...

    前些天,我在博客园里写了篇文章,如何在面试中介绍自己的项目经验,收获了2千多个点击,这无疑鼓舞了我继续分享的热情,今天我来分享另外一个面试中的甚至可以帮助大家逆转的技巧,本文来是从 java web轻 ...

  6. 零基础开始学 Web 前端开发,有什么建议吗?--知

    张立民 ,北京网站建设http://www.ookcn.com https://www.zhihu.com/question/19637373 https://www.zhihu.com/questi ...

  7. canoe开发从入门到精通pdf_阿里技术官手写801页PDF《精通Java Web整合开发》

    基础篇 第1~3章为基础篇,重点讲解基于开源架构Java EE应用开发的优势及其开发运行环境的安装配置,同时对JSP技术体系也进行了详细介绍. 基础篇的主要内容包括: Java Web应用开发技术选用 ...

  8. 超级棒的170+款web前端开发工具汇总,千万要收藏好!

    作者:web前端开发 我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您 ...

  9. 根据实践经验,讲述些学习Java web能少走的弯路,内容摘自java web轻量级开发面试教程...

    在和不少比较上进的初级程序员打交道的过程中,我们总结出了一些能帮到合格程序员尽快进阶的经验,从总体上来讲,多学.多实践不吃亏.本文来是从 java web轻量级开发面试教程从摘录的. 1  哪些知识点 ...

最新文章

  1. JDBC连接执行MySQL存储过程报空指针或权限错误
  2. 很强的PHP图片处理类
  3. Delphi的实数计算结果中只保留2位小数
  4. jq封装post请求数据_GitHub - xiaohange/JQHttpRequest: GET/POST / PUT / DELETE 网络请求的封装...
  5. java 中以||作为split分隔符正确的写法
  6. 7.2. cvs login | logout
  7. bzoj1225 [HNOI2001] 求正整数 约数个数定理+对数
  8. ArcGIS中文注记图层发布服务后变乱码(方框乱码)/如何有效修改注记要素类文字样式
  9. 28. git 常用命令
  10. 关于大数据的大数据平台
  11. Mac 鼠标手势软件 -- MacStroke
  12. DNA分子结构3D模型
  13. 【高等数学】空间曲线积分、斯托克斯公式、参数方程
  14. jzoj 3957 鸡腿の花园
  15. 0926物体检测和数据集
  16. 轻量级的肝脏与肝肿瘤 2.5D 分割网络阅读笔记
  17. mysql create database xx-xxx异常You have an error in your SQL syntax
  18. 服务器做两个VD可以装系统,华为RH2288V5服务器创建多个VD(Virtual Disk)
  19. Office之Docx转Doc操作(c#)
  20. 在win10上安装keras

热门文章

  1. Linux 进程间通讯方式 pipe()函数
  2. 如何在 Linux 终端中复制粘贴 [初学者教程]
  3. cmake编译gtest测试程序(三)
  4. javap命令生成native需要的签名
  5. (Android)java虚拟机和Dalvik虚拟机的区别
  6. 深度学习自学(三十四):换衣场景下行人重识别
  7. 怎么锁定电脑屏幕_锁定流行趋势,信霆为你盘点3C数码配件中的人气单品
  8. python sorted下标_初学者掌握python 列表需要知道的操作
  9. Android日志工具Log的使用
  10. Tcl Tutorial 笔记7 ·for incr