ASP.NET核心空项目打造基本站点
时间:2020-11-20

让我们看一下如何使用ASP.NETCore快速创建一个基础站点。假如你是ASP.NETCore的初学者,或者有兴趣回顾一些基本的步骤,请仔细阅读并从中获得更多信息。

在使用setInterval和setTimeout读取之后setTimeout可以被引用,如果您能够很快地调用相同的功能,那么我最近想要快速验证这个概念。我会把从文件->新项目到POC运行的旅程记录下来,这样下一次我就不需要重新查找各个部分了。

新条目->文件。

假如你创建了一个全新的ASP.NETCore2.1项目,选择null项目并运行生成的代码,你会看到:它是由Startup.cs文件中的一行生成的:

ASP.NET核心空项目打造基本站点 

app.Run(async (context) =>

  {

  await context.Response.WriteAsync("Hello World!");

  });

 

其目的是让空白应用程序尽可能快地提供一些额外的Javascript到HTML页面。这里面有三个步骤。

步骤一:创建一个HTML文件。

该应用程序只能提供wwwroot文件夹中的静态文件(将HTML视为静态)。这个文件夹的内部结构并不重要,但是这是文件必须到达的位置,文件的内容如下:

ASP.NET核心空项目打造基本站点 

测试

NETCore并没有真正做到这一点,因为ASP.NETCore默认不提供静态文件,也不知道命名“索引”有多重要。

步骤2:配置ASP.NET。

启动程序.cs是所有魔术发生的地方;这就是它的现成形式:

public class Startup

  {

  // This method gets called by the runtime. Use this method to add services to the container.

  // For more information on how to configure your application, visit

  public void ConfigureServices(IServiceCollection services)

  {

  }

  // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.

  public void Configure(IApplicationBuilder app, IHostingEnvironment env)

  {

  if (env.IsDevelopment())

  {

  app.UseDeveloperExceptionPage();

  }

  app.Run(async (context) =>

  {

  await context.Response.WriteAsync("Hello World!");

  });

  }

  }

  `context.Response.WriteAsync`去了,我们告诉ASP.NET Core提供静态文件,调用`UseDefaultFiles`意味着它将搜索Index或Default文件。值得指出的是这些事项的顺序:

  public void Configure(IApplicationBuilder app, IHostingEnvironment env)

  {

  if (env.IsDevelopment())

  {

  app.UseDeveloperExceptionPage();

  }

  app.UseDefaultFiles();

  app.UseStaticFiles();

  }

 

不这样做,`context.Response.WriteAsync`不这样做,我们告诉ASP.NETCore提供静态文件,调用`UseDefaultFiles`意味着它将搜索Index或Default文件。这些问题的次序值得指出:

目前,它装载了Index.html文件。因此,从技术上说,它只有两步之遥——虽然我们没有引用任何Javascript。

步骤3:添加Javascript...让我们做些新东西。

改变HTML认为段落提供ID和绝对位置。同样,参考文件site.js:

测试测试

很明显,如果不添加site.js,就什么都不会发生(wwwroot也需要添加site.js):

ASP.NET核心空项目打造基本站点 

ASP.NET。

var divxPos = 0;

  window.Onload= function () {

  runCode();

  };

  function runCode() {

  var test = document.getElementById("testElement");

  test.style.left = divxPos++ + 'px';

  setTimeout(() => runCode(), 50);

  };

 

当您运行时,您将看到文本自动移动!


本文来源网络,如有侵权,请联系752824794@qq.com或致电150 1372 4571 。