C# 第一个简单的Asp.Net MVC程序
直接看代码吧:
一.在Model里实现了一个加法计算的类:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace MvcDemo.Models
{
public class MyCalculator
{
public int GetSum(int value1,int value2)
{
return (value1 + value2);
}
}
}
二.添加了两个控制器HomeController和CalculatorController,代码如下:
HomeController:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MvcDemo.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
return View();
}
}
}
CalculatorController
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MvcDemo.Controllers
{
public class CalculatorController : Controller
{
//
// GET: /Calculator/
public ActionResult Index()
{
return View("MyCal");
}
public ActionResult GetSumValue()
{
int value1 = Convert.ToInt32(Request.Params["value1"]);
int value2 = Convert.ToInt32(Request.Params["value2"]);
int result = new Models.MyCalculator().GetSum(value1,value2);
//返回视图(返回视图前,如果需要数据返回,必须先保存数据)
ViewData["SumValue"] = "两加数之和为:" + result;
return View("MyCal");
}
}
}
三.在两个控制器中各添加一个视图Views(注意先添加与控制器同名的文件夹),代码如下:
Home->Index
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
<a href="/Calculator">跳转到我的简易加法计算器</a>
</div>
</body>
</html>
Calculator->MyCal
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>MyCal</title>
</head>
<body>
<div>
<form action="/Calculator/GetSumValue" method="post">
简易加法计算器:<br/>
加数一:<input type="text" name="value1" value="0 " /><br />
加数二:<input type="text" name="value2" value="0 " /><br />
<input type="submit" value="计算 " />
</form>
<br />
<%=ViewData["SumValue"] %><br />
<a href="/Calculator">返回到我的简易加法计算器</a>
</div>
</body>
</html>
四.运行界面: