
无需加好友免费技术支持
让我们看看使用情况ASP.NET Core基本网站可以快速创建。如果你是ASP.NET Core新手或想复习,请继续阅读以获取更多信息!
最近,我想很快证明这个概念,关于使用 setInterval 与 setTimeout 读取后 setTimeout 如果你很快调用相同的功能,可以借鉴。我想我会记录我的文件 - >新项目到POC旅行,这样下次我就不用再找了。
文件 - >新项目
如果你创造了一个新的ASP.NET Core 2.选择空项目,然后运行生成的代码,您将看到:
这是由Startup.cs一行生成的文件 :
app.Run(async (context) =>
{
await context.Response.WriteAsync("Hello World!");
});
这里的目标是尽快使空白应用程序HTML提供一些额外的页面JavaScript。在这里,我有三个步骤。
第1步:创建HTML文件
应用程序只能从wwwroot提供静态文件夹(HTML被视为静态文件)。本文件夹的内部结构无关紧要,但这是您的文件必须到达的地方:
文件内容如下:
test
事实上,这不会做任何事,因为默认情况下,ASP.NET Core不提供静态文件,也不知道命名索引的意义。
第2步:配置ASP.NET
Startup.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();
}
现在它加载Index.html因此,从技术上讲,它只有两个步骤 - 虽然我们还没有引用任何东西JavaScript。
第3步:添加JavaScript ...让我们做一些时髦的事情
更改HTML提供段落ID和绝对位置。此外,引用文件site.js:
test
显然,如果不添加site.js,什么都不会发生(它也需要wwwroot中):
该新文件的JavaScript代码位于:
var divxPos = 0;
window.onload = function () {
runCode();
};
function runCode() {
var test = document.getElementById("testElement");
test.style.left = divxPos "px";
setTimeout(() => runCode(), 50);
};
如果你运行它,你会发现文本是自己运动的!