您的位置：首页 > 其它

Razor简单的例子

2015-07-24 15:10 253 查看

接下来会距离说明使用基础的编程创建一个网页，在例子里，你将创建一个页面能让用户输入两个数字，并且把它们加起来显示结果

在你的编辑器中新建一个文件，并命名为AddNumbers.cshtml

粘贴下列代码加入文件中，替换文件中原有的文字

@{

var total = 0;

var totalMessage ="";

if(IsPost) {

// Retrieve the numbers that the user entered.

var num1 =Request["text1"];

var num2 =Request["text2"];

// Convert the entered strings into integers numbers andadd.

total = num1.AsInt() +num2.AsInt();

totalMessage = "Total =" + total;

}

}

<!DOCTYPE html>

<html
lang="en">

<head>

<title>Add Numbers</title>

<metacharset="utf-8"
/>

<styletype="text/css">

body {background-color: beige;
font-family:Verdana, Arial;

margin:
50px; }

form {padding:
10px;
border-style: solid;
width:
250px;}

</style>

</head>

<body>

<p>Entertwo whole numbers and then click
<strong>Add</strong>.</p>

<formaction=""
method="post">

<p><label
for="text1">FirstNumber:</label>

<inputtype="text"
name="text1"
/>

</p>

<p><label
for="text2">SecondNumber:</label>

<inputtype="text"
name="text2"
/>

</p>

<p><input
type="submit"
value="Add"
/></p>

</form>

<p>@totalMessage</p>

</body>

</html>
这里有一些主要事项

@开始了第一个代码段，并且在底部页面的totalMessage变量前

在顶部的代码块使用大括号包住

在顶部的代码块中，所有行使用分号结束

变量total,num1,num2,和totalMessage存储了数字和字符串

字符串使用双引号分配给totalMessage变量

因为代码是大小写敏感的，所以调用时变量名需一字不差

表达式num1.AsInt() + num2.AsInt()展示了如何使用对象和方法，AsInt()方法就是使用户输入的字符串转化为数字（integer型）,然后就可以进行计算了

<form>标签包含一个
method="post"属性，这说明了当点击Add时，这个页面会使用http的post方法发送给服务器，当这个页面的被确认时，这个if（IsPost）判断会为真，判断内代码会执行，显示相加后的结果

保存页面并且在浏览器中运行

原文链接点击打开链接

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航