创建初始模板
需要使用vs2015 update3,同时也要安装.NET Core。
新建项目
- 新建项目与.NET方法差别不大,在选择模板时,要选择.NET Core的模板:
![毛亚枝 > 创建初始模板 > image2016-10-10 16:56:8.png]()
- 下一步选择的是“Web 应用程序”,右下角的“在云中托管”是不需要勾选的;“更改身份验证”可以选择“不进行身份验证”或者“个人用户账户”(有登陆注册页面)
![毛亚枝 > 创建初始模板 > image2016-10-10 16:58:36.png]()
添加Controller
右击controller文件夹,并添加一个新的controller.cs文件,修改其内容:
public class HelloWorldController : Controller
{
// GET: /<controller>/
//public IActionResult Index()
//{
// return View();
//}
public string Index()
{
return "这是默认路由。";
}
public string Welcome()
{
return "这是welcome action。";
}
}
|
分别浏览网页http://localhost:52862/helloWorld和http://localhost:52862/helloWorld/Welcome,会看到相应的字符串文字。
我们简单修改一下,也可以在控制器中通过一些参数把参数信息显示在页面中:
public string Welcome(string name,int numTimes = 1)
{
return HtmlEncoder.Default.Encode($"Hello {name}, numTimes: {numTimes}");
}
|
这时候我们再通过http://localhost:52862/helloWorld/Welcome?name=Rick&numtimes=4查看,页面中将我们的参数显示出来了。
如果没有使用numTimes参数,而是使用ID,由于在默认路由中我们设有id:template: "{controller=Home}/{action=Index}/{id?}"); 所以可以使用http://localhost:52862/helloWorld/Welcome/3?name=Rick来查看。
添加View
修改我们刚刚创建的controller,使其返回一个View():
public class HelloWorldController : Controller
{
// GET: /<controller>/
public IActionResult Index()
{
return View();
}
}
|
新建一个MVC视图页-Index.cshtml,并修改:
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>Hello from our View Template!</p>
|
在网页上,我们可以看到有菜单导航:Home,About,Contact,点击可以进入相应的页面。
项目的文件布局页面layout page是文件:Views/Shared/_Layout.cshtml ,文件中我们可以看到@RenderBody(),这便是我们创建View特定的网页上展示的占位符。
我们可以修改或者添加一个菜单,使可以通过链接进入我们的页面:
<a asp-area="" asp-controller="HelloWorld" asp-action="Index" class="navbar-brand">HelloWorld</a>



浙公网安备 33010602011771号