ASP.NET MVC4開發指南,mvc razor html.list,NetCore Web應用開發-HTML,C#,Razor補充

 2023-12-06 阅读 22 评论 0

摘要:原標題:NetCore Web應用開發-HTML,C#,Razor補充我了后續更深入學習Net MVC的需要,我們這一節需要對HTML,C#,Razor,BootStrap部分知識點做介紹。我們先來了解一個C#的Var特性使用Var關鍵字,我們在聲明局部變量的時候可以不用顯示類型去聲明,

原標題: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等)

ASP.NET MVC4開發指南,舉例說明

var i = 5; //變量i就是int類型

var s = "Hello"; // 變量s是string類型

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

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

winform嵌入網頁?字符串的格式化顯示

在之前其實我們都用到過了,就是在前節顯示報酬的地方我們使用了格式化輸入,來顯示貨幣,話不多說直接看例子就知道了

數字按保留兩位小數的格式輸出顯示

double a = 5.5;

// output is "05.50"

前端mvc。String output = $"{a:00.00}";

數字按貨幣的格式輸出顯示

double a = 5.5;

// output is "¥5.50"

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

mvc源碼?日期按給定的日期格式進行顯示

DateTime a = DateTime.Today;

// output is "2016-11-02"

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

其實C#內置了很多格式化,可以去微軟官方查詢文檔,基本我們常用的都有了,這樣就不需要我們自己處理了,可以在一定程度上提升開發效率,當然特殊的可以自行根據實際情況編寫代碼出路。

web mvc?C# List

List在我們實際項目開發中非常常用,這里只做簡單介紹,更多的在后面的實際使用中會提到,大家想有個基本認識

在需要使用命名空間using

System.Collections.Generic;?來引用,否則使用不了

有點類似于Java的ArrayList

mvc教程?我們可以,創建列表,向List中添加元素,訪問列表,迭代列表,插入列表,從列表中刪除元素

下面我們舉例說明

創建List

List intList1 = new List();

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

html模板引擎。List strList = new List();

List GreetList = new List() {

new Greeting("張三", "李四", "開會通知", "今天下午3點開會"),

new Greeting("王麻子", "馬六", "聚餐活動", "今天晚上開怕聽")

}

html import。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的實例來看看效果

149808e999c1dd4b94248718019b09e5.png

既然我們之前介紹了BootStrap,那么我們將使用BootStrap來美化Table

大家看看是不是很簡單就能得到一個漂亮的表格

5b9026fb9074e73632f037ff357a3e06.png

我們來介紹一下BootStrap Table內置的幾種樣式及效果,使用方式就是直接在table元素的class屬性里面引用即可,大家可以自己寫個例子,測試不同樣式效果

28e95055fad6976636ac0e2e280a41ff.png

31fb5a9e4853279a845ab0eb77ea626c.png

Razor使用While, For, Foreach

既然介紹到了List 和 Table那就有必要介紹一下視圖Razor怎么使用循環,因為后面數據顯示需要用到

先在視圖里面創建一個List對象,然后演示幾種循環

@{

var people =

new List {

new Person("John", 33),

new Person("James", 41)

};

}

While循環

43691aa01b567ba0b78fc888d6c3f73c.png

For,Foreach循環

05288699a49bccb0a2de8f53ba60945f.png

最后我們用一個比較完整的實例來總結本節所講的知識

首先我們創建一個實例需要的Model模型

264acfd25919f55fa2c3f0a0cbfe149b.png

創建一個Students控制器

控制器里面我們將用到上面講到的List來裝載學生數據,請注意用法

代碼如下

ac18d70e7b40b309cd918ddca4ec8b47.png

在Views/Students文件夾下創建Index視圖 代碼如下

3fafa32145876484d90a2a05020ed65b.png

運行結果如下

094dc6dd738b1ec4e1536ae27b0a1c76.png

本節就介紹到這里,請結合實例代碼,仔細理解上面介紹的知識點的用法,編程學習沒有捷徑,最快最有效的方式就是自己動手進行實踐。

下一節將開始進行Net MVC 數據庫方面的學習了,終于輪到數據庫了啊,不容易

責任編輯:

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/5/187807.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息