net core体系-web应用程序-1VS2017构建一个简单的web

时间 2019-12-09

标签 core 体系 web 应用程序 1vs2017 构建一个简单栏目 HTML 繁體版

原文原文链接

使用vs2017，添加一个新项目-asp.net core web应用程序。css

结构如图，html

wwwroot放了网站的静态资源如css、js、image文件；web

appsetting.json是应用程序的配置文件。json

buidlerconfig.json是应用程序的打包配置文件。浏览器

page是应用程序的页面mvc

program.cs是程序的入口，代码以下，意思是建立一个站点，并从startup类开始运行。app

public class Program
{
public static void Main(string[] args)
{
BuildWebHost(args).Run();
}

public static IWebHost BuildWebHost(string[] args) =>WebHost.CreateDefaultBuilder(args).UseStartup<Startup>().Build();
}
startup.cs是站点启动时具体作了哪些事情，主要是开启了一个mvc服务。asp.net

打开page网站

index 的结构和webform很是类似,在index.cshtml是视图页，.cs是后台程序，里面有个onget方法标识被请求是触发。ui

上文提到这个应用程序是启动了一个mvc服务，那么咱们能不能把这个webform型搞成mvc的呢，固然能够。

根目录下手动建立Controllers文件夹，并建立一个HomeController控制器，

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;

// For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860

namespace Core.Controllers
{
public class HomeController : Controller
{
// GET: /<controller>/
public IActionResult Index()
{
return View();
}
}
}

根目录下再建立Views文件夹，并添加一个Home文件夹并建立一个Index.cshtml视图，

@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
这是mvc的入口页
</body>
</html>
最后，startup.cs配置路由，找到

app.UseMvc();

追加代码
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});

运行，在浏览器输入地址http://localhost:49265/Home/Index，运行成功。