ajxnetcore

Что такое ajxnetcore

Это инновационный метод превращения основного приложения ASP.NET в приложение для одной страницы, цель состоит в том, чтобы уменьшить усилия разработчика, работая над созданием SPA и повышением производительности программного обеспечения как на сервере, так и на стороне клиента.

Почему и как это работает

Приложения для одной страницы более способны уменьшать время загрузки страниц и объем передачи данных с сервера на клиент. Почему ? Есть несколько болевых точек при работе с рамками JavaScript, такими как AngularJS, React, Vuejs, нокаут, Meteor и т. Д. В приложении MVC Core ASP.NET для создания применения на одном страницах.

Несколько болевых точек:

• Нужно указать маршрутизацию для каждого запроса.
• Нужно изменить технологию на стороне сервера в соответствии с JavaScript Framework.
• Только возможно отлаживать во время выполнения.
• Связывание данных с жестким кодированием вызвало слишком много ошибок.
• Увеличить сложность.

Так что я получу

• Не нужно изучать какую -либо фреймворк JavaScript.
• Не нужно писать много кода jQuery, чтобы сделать приложение для одной страницы.
• Нет необходимости писать код jQuery Ajax, потому что плагин имеет указанную функцию AJAX, которая будет автоматически называться как общая функция.
• Используйте маршрутизацию на стороне сервера по умолчанию.

Примечание. Разработчик также может использовать другие JavaScript Framework (AngularJS, нокаут, реагирование и т. Д.)

Как настроить

1. Загрузите файл JS отсюда и поместите его в каталог JS в папке wwwroot

2. Заменить файл "_ViewStart.cshtml"

    @{
      if (Context.Request.Headers["X-Requested-With"] == "XMLHttpRequest")
      {
          Context.Response.Headers["Location"] = Microsoft.AspNetCore.Http.Extensions.UriHelper.GetDisplayUrl(Context.Request);
          Context.Response.Headers["Cache-Control"] = "no-store";
      }
      else
      {
          Layout = "_Layout";
      }
    }
   

3. Добавить ссылку на файл ajxnetcore.js в файле "_layout.cshtml"

    <script src="~/js/ajxnetcore.js"></script>
   

4. Поместите тело () в Div с таким удостоверением личности

    <div id="myid">@RenderBody()</div>  
   

5. Finnaly Добавить следующие строки только для закрывающего тега тела

    <script>
        $(function() {
            $('#myid').ajxnetcore();
        })
    </script>
   

Скриншот

Вы можете протестировать этот проект, загрузив проект ajxnetcore.demo

Лицензия

Проект находится под лицензией MIT

        Copyright (c) 2017 Amine Smahi

        Permission is hereby granted, free of charge, to any person obtaining a copy
        of this software and associated documentation files (the "Software"), to deal
        in the Software without restriction, including without limitation the rights
        to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
        copies of the Software, and to permit persons to whom the Software is
        furnished to do so, subject to the following conditions:

        The above copyright notice and this permission notice shall be included in all
        copies or substantial portions of the Software.

        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
        IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
        FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
        AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
        LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
        OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
        SOFTWARE.