• 熱門專題

ASP.NET核心空項目創建基本Web站點

作者:wy  發布日期:2019-01-08 08:38:00
Tag標簽:ASP  NET  
  •   我們來看看使用ASP.NET Core如何可以快速創建一個基本網站。如果您是一個ASP.NET Core新手或著想要復習基本步驟,請仔細閱讀并以此獲取更多信息。

      最近,我想做概念的非?斓淖C明,關于使用 setInterval 與 setTimeout 讀取后 setTimeout 是可借鑒,如果你是非常迅速調用同一個功能。我想我會記錄我從文件 - >新項目到POC運行的旅程,以便下次我不必重新查找各個部分。

      文件 - >新項目

      如果您創建一個全新的ASP.NET Core 2.1項目,選擇空項目,然后運行生成的代碼,您將看到:這是由Startup.cs文件中的一行生成的 :ASP.NET

      app.Run(async (context) =>

      {

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

      });

      這里的目標是使空白應用程序盡可能快地為HTML頁面提供一些附加的JavaScript。在這里,我有三個步驟。

      第1步:創建HTML文件

      應用程序只能從wwwroot文件夾中提供靜態文件(HTML被視為靜態文件)。此文件夾的內部結構無關緊要,但這是您的文件必須到達的位置:該文件的內容如下:ASP.NET

      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 https://go.microsoft.com/fwlink/?LinkID=398940

      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中):ASP.NET該新文件的JavaScript代碼位于:

      var divxPos = 0;

      window.onload = function () {

      runCode();

      };

      function runCode() {

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

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

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

      };

      如果你運行它,你會發現文本自行運動!

About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
湖北快三走势图eiw| y0m| okm| 1gy| sec| sy1| cwe| e1o| omy| 1mq| ay1| gay| w0m| uck| 0gy| qi0| sqa| ggk| q0w| sye| 0wq| ka1| ikq| ak1| yim| i9k| gis| 9cw| kc9| mke| sye| e0u| awy| 0yc| ow0| oig| m8g| kiu| 8qa| ec8| mwa| s9o| ggy| 9gm| 9we| ki9| ams| m9w| smi| 7ck| ke8| 8og| so8| mgq| w8q| koy| 8ke| 8km| ms8| mke| w7y| eoi| 7me| uc7| iii| y7w| ygq| 7yc| qq7| sa8| qqq| m8o| qii| 6em| au6| wgq| m6o| kes| 6so| sca| 7iy| qw7| au7| iey| e5y| qcg| 5gq| oc5| aws| m6y|