创建初始模板

Posted YZ-M

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了创建初始模板相关的知识,希望对你有一定的参考价值。

需要使用vs2015 update3,同时也要安装.NET Core。

新建项目

  1. 新建项目与.NET方法差别不大,在选择模板时,要选择.NET Core的模板
    技术分享
  2. 下一步选择的是“Web 应用程序”,右下角的“在云中托管”是不需要勾选的;“更改身份验证”可以选择“不进行身份验证”或者“个人用户账户”(有登陆注册页面)
    技术分享

添加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/helloWorldhttp://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>

 



以上是关于创建初始模板的主要内容,如果未能解决你的问题,请参考以下文章

十个html5代码片段,超实用,一定要收藏

Jekyll 偏移代码片段高亮的初始行

Reactreact概述组件事件

VSCode自定义代码片段——.vue文件的模板

VSCode创建自定义用户片段

VSCode自定义代码片段1——vue主模板