接下来会距离说明使用基础的编程创建一个网页，在例子里，你将创建一个页面能让用户输入两个数字，并且把它们加起来显示结果
- 在你的编辑器中新建一个文件，并命名为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）判断会为真，判断内代码会执行，显示相加后的结果
- 保存页面并且在浏览器中运行
原文链接点击打开链接
149
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
