• Asp.Net Core Web应用程序—探索


    前言

    作为一个Windows系统下的开发者,我对于Core的使用机会几乎为0,但是考虑到微软的战略规划,我觉得,Core还是有先了解起来的必要。

    因为,目前微软已经搞出了两个框架了,一个是Net标准(.NetFramework),一个是Net Core。

    而新特性的更新几乎都是在Net Core这个框架中。

    所以,考虑到未来,一旦Core完善了,那微软肯定会放弃现在的.NetFrameWork。

    因此,.Net程序员集体改用Net Core,想来,一定是大趋势。

    所以让我们怀着探索的精神来看看Asp.Net Core Web应用程序吧。

    创建Asp.Net Core项目

    首先,我们先来创建一个Asp.Net Core Web应用程序项目,然后一起探索。

    打开Visual Studio创建项目,选择Asp.Net Core Web应用程序,如下图:

    然后选择Asp.Net Core Web应用程如下图:

    然后我们得到了这样一个布局的项目,如下图:

    可以看到,项目中有四个文件和两个文件夹(Page、wwwroot)。

    其中wwwroot文件夹很特别,图标和其他的文件夹不一样,不过依然可以修改他的名称,修改名称后,文件夹图标会变回普通的图标,不过既然是特殊图标,想来一定有特殊意义,我们稍后再研究,先接着向下浏览Page文件夹。

    Page文件夹展开后,发现里面有很多页面,因此,很明显,它就是存储页面的地方了,页面内容我们稍后再看,现在,我们先看看项目最外面的四个文件。

    Program.cs

    看到这个文件我也很奇怪,Web是依赖IIS部署,AspNet中是没有Program的,那么Core中为什么多出了个Program文件呢?我们调查一下。

    原来AspNetCore有一个自带的服务器,叫做Kestrel 。

    什么是自带服务器呢?就好比我们创建了一个WCF服务,但又不想挂IIS上,就自己建一个ServiceHost来挂服务。

    但Kestrel 明显更高级,它还支持与反向代理服务器(如 Internet Information Services (IIS)、Nginx 或 Apache)结合使用。

    什么是【反向代理服务器】呢?就是由与IIS类似的服务器,先接收来自网络的 HTTP 请求,然后再将这些请求转发到 Kestrel,最后由Kestrel来实现调用,调用流程如下图所示。

    调查到这里,我做大致可以猜出了Program.cs是干什么的了——它应该是用来启动Kestrel 这个服务器的。

    现在我打开Program.cs,发现如下代码。

     public static IWebHost BuildWebHost(string[] args) =>
                WebHost.CreateDefaultBuilder(args)
                    .UseStartup<Startup>()
                    .Build();
    

    个人认为这段代码很坑,这是一个函数的简写,但又没起到简写的作用,还容易扰乱初学者,所以我们做一下修改,如下:

    public static void Main(string[] args)
    {
        BuildWebHost(args).Run();
    }
    public static IWebHost BuildWebHost(string[] args)
    {
        return WebHost.CreateDefaultBuilder(args)
            .UseStartup<Startup>()
            .Build();
    }

    看修改后代码,我们就很明确了,Main函数启动,调用BuildWebHost函数,故名思意,这是一个创建网站服务器的函数,返回值是IWebHost。

    然后,我们看到了,在Main函数使用BuildWebHost函数返回的IWebHost的实例,执行其下的Run方法。

    到此,已经很明确了,Program就是启动服务器用的。

    Startup.cs

    这个文件我们相对比较熟悉,它是项目启动时便会调用的文件,功能有很多,下面看下系统为我们生成的代码。

    public class Startup
    {
        public Startup(IConfiguration configuration)
        {
            Configuration = configuration;
        } 
        public IConfiguration Configuration { get; } 
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddMvc();
        } 
        public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseBrowserLink();
                app.UseDeveloperExceptionPage();
            }
            else
            {
                app.UseExceptionHandler("/Error");
            }
            app.UseStaticFiles(); 
            app.UseMvc();
        }
    }
    

    我们看到了三个函数,现在,我们简单的为三个函数打一下断点,启动一下网站。

    很简单的得出,三个函数的运行顺序是Startup——>ConfigureServices——>Configure。

    构造函数是简单的赋值,我们跳过它,来看ConfigureServices。

    可以看到ConfigureServices里只调用了services.AddMvc(),查看官方介绍,原来这个方法是将Mvc服务添加到指定的服务集合中。

    通过调试,发现ConfigureServices函数的services.AddMvc()与Configure函数app.UseMvc()是成对的,即当我们把MVC服务添加到服务集合中,才能在后续的Configure方法里使用Mvc服务。

    那么我们建立的是Web应用,为什么要添加Mvc服务呢?我们吧Mvc服务删除一下看看效果吧。

    删除了Mvc服务后,我们会发现,网站启动起来了,但是并没有正常访问我们的主页。

    重新添加回Mvc服务,我们再启动网站,查看下网站链接路径如下:

    http://localhost:1234/Index

    http://localhost:1234/About

    可以发现,这些路径是Mvc模式的路径,也就是说,Asp.Net Core Web应用程序也是用Mvc路由访问网址,所以,Mvc的服务是必须添加的。

    Configure中,我们看到还使用了其他IApplicationBuilder的方法,不过这些方法我们即便注释掉,也不影响网站启动,所以我们暂时忽略他们,等用到在学习吧。

    bundleconfig.json

    故名思意,捆配置文件,感觉和mvc的BundleConfig.cs文件很像,打开看一下,可以确定了,就是mvc的捆配置文件。那也就是说,这个是没什么用的文件,因为大多数情况,我们不会进行捆配置。

    appsettings.json

    依然故名思意,应该是应用设置文件,这个名字很像,webconfig里的AppSetting节点,所以推断,它应该是个配置项目固定值的文件。

    百度一下appsettings.json,发现有很多都是如何读取该文件内容的文章,那么,现在可以确定了,它就是个变量配置文件。

    ----------------------------------------------------------------------------------------------------

    文件讲解完了,下面我们来看文件夹里的内容。

    wwwroot

    上门介绍过了,wwwroot是一个有特殊标记的文件夹。

    打开wwwroot,我们会发现里面存储的是样式和图片。运行网站,在网站里查看下这些图片,会发现图片地址都很奇怪。

    图片路径是/wwwroot/images/banner1.svg,但访问起来,却是http://localhost:1234/images/banner1.svg。

    也就是说,wwwroot路径会被省略,换一种说话,wwwroot会被放到网站根目录下。

    我们在做个实验,新建个文件夹存储一些图片,运行网站访问,我们会发现,根本无法访问这些图片。

    那么,我们可以得出结论了,wwwroot是Asp.Net Core Web应用程序唯一可以访问的资源文件夹。

    Pages

    打开Page文件夹,我们可以看到4个可以展开的cshtml和4个不能展开的cshtml文件。

    打开我们最眼熟的_ViewStart.cshtml,双击进入,发现代码如下:

    @{
        Layout = "_Layout";
    }
    

    可以看到,ViewStart代码和MVC的ViewStart一样,那也就是说,这是个配置布局的文件了。

    那么相对应的_Layout.cshtml我们也可以确定了,它就是个布局文件,那么,剩下两个cshtml文件,我们也可以推断出了,他们也是配置文件或者布局文件。

    下面我们来看那4个可以展开的cshtml文件。

    首先我们展开Index.cshtml文件,如下图:

    接着,我们双击Index.cshtml文件,发现里面就是普通的html+razor标记。

    然后,我们再双击Index.cshtml.cs文件查看内容,得到代码如下:

    public class IndexModel : PageModel
    {
        public void OnGet()
        {
        }
    }
    

    通过项目结构我们可以判断,Index.cshtml.cs是Index.cshtml的一个后台文件。

    但查看代码,却发现里面的类是个继承PageModel类的IndexModel,那它到底和Index.cshtml文件有什么关系呢?

    我们先通过命名推测,IndexModel中包含Model关键字,所以他应该是与Index.cshtml文件有关的Model。

    与Index.cshtml文件有关的Model?那不就是ViewModel了吗!!!

    现在我们再回头仔细的看下Index.cshtml文件寻找线索。

    我发现,该文件的前两行内容如下:

    @page
    @model IndexModel
    

    这是Mvc传递页面实体的写法,即IndexModel确实是Index.cshtml的实体。

    那么,我们上面的推测就被证实了,Index.cshtml.cs文件就是Index.cshtml文件的ViewModel。

    但Onget是什么呢?

    我们依然通过命名推测,我推测它就是以前AspNet的PageLoad(页面导入时触发的函数)?

    下面我们测试一下,修改代码如下:

    public string title; 
    public void OnGet() { title = this.Request.Query["title"]; if (!string.IsNullOrWhiteSpace(title)) { ViewData["Title"] = title; } }

    然后断点Onget方法。

    接着我们访问http://localhost:1234/index?title=kiba网址。

    结果,我们的断点被命中了,标题也顺利设置成功。因此,我们的推测又成功了,OnGet就是我们之前的PageLoad方法。

    结语

    综上所述,我们对Asp.Net Core Web应用程序已经有了一定的了解,然后我得出了这样一个结论:

    [Asp.Net Core Web应用程序]在设计上,采用的了MVVM的设计理念(cshtml.cs文件就是我们[服务端]页面的ViewModel了),请求网址使用了Mvc的路径访问技术,整体上是一个更优秀的AspNet框架。

    PS:喜欢MVVM的朋友有福音了:)。

    ----------------------------------------------------------------------------------------------------

    到此Asp.Net Core Web应用程序探索就结束了。

    代码已经传到Github上了,欢迎大家下载。

    Github地址:https://github.com/kiba518/KibaAspNetCore

    ----------------------------------------------------------------------------------------------------

    注:此文章为原创,任何形式的转载都请联系作者获得授权并注明出处!
    若您觉得这篇文章还不错,请点击下方的推荐】,非常感谢!

     

  • 相关阅读:
    【转载】关于Java String, StringBuilder, StringBuffer, Hashtable, HashMap的面试题
    LeetCode: 【L4】N-Queens 解题报告
    【转载】在美国找工作秘籍
    Lintcode: Kth Largest Element 解题报告
    LeetCode: Reverse Integer 解题报告
    Lintcode: First Bad Version 解题报告
    九章面试题:Find first K frequency numbers 解题报告
    tomcat之虚拟目录
    百度搜索结果如何屏蔽百家号内容
    CentOS7之Rsync+Inotify架构实现实时同步文件和文件夹
  • 原文地址:https://www.cnblogs.com/kiba/p/10722574.html
Copyright © 2020-2023  润新知