Net framework ui: .NET Multi-platform App UI (.NET MAUI)

LinkedIn

選擇語言Bahasa Indonesia (Bahasa Indonesia)Bahasa Malaysia (Malay)Čeština (Czech)Dansk (Danish)Deutsch (German)English (English)Español (Spanish)繁體中文 (Chinese (Traditional))Français (French)한국어 (Korean)Italiano (Italian)简体中文 (Chinese (Simplified))Nederlands (Dutch)日本語 (Japanese)Norsk (Norwegian)Polski (Polish)Português (Portuguese)Română (Romanian)Русский (Russian)Svenska (Swedish)Tagalog (Tagalog)ภาษาไทย (Thai)Türkçe (Turkish)العربية (Arabic)

عفواً، لم نتمكن من العثور على الصفحة التي تبحث عنها. برجاء المحاولة مرة أخرى للصفحة السابقة أو الانتقال لـمركز المساعدة للمزيد من المعلومات

الإنتقال لموجزك الرئيسي

Omlouváme se, nemůžeme najít stránku, kterou hledáte. Zkuste se vrátit zpátky na předchozí stránku, nebo se podívejte do našeho Centra nápovědy pro více informací

Přejít do informačního kanálu

Vi kan desværre ikke finde den side, du leder efter. Gå tilbage til den forrige side, eller besøg Hjælp for at få flere oplysninger

Gå til dit feed

Die gewünschte Seite konnte leider nicht gefunden werden.

Versuchen Sie, zur vorherigen Seite zurückzukehren, oder besuchen Sie unseren Hilfebereich, um mehr zu erfahren.

Zu Ihrem Feed

Uh oh, we can’t seem to find the page you’re looking for. Try going back to the previous page or see our Help Center for more information

Go to your feed

Vaya, parece que no podemos encontrar la página que buscas. Intenta volver a la página anterior o visita nuestro Centro de ayuda para más información.

Ir a tu feed

Nous ne trouvons pas la page que vous recherchez. Essayez de retourner à la page précédente ou consultez notre assistance clientèle pour plus d’informations

Ouvrez votre fil

Maaf, sepertinya kami tidak dapat menemukan halaman yang Anda cari. Coba kembali ke halaman sebelumnya atau lihat Pusat Bantuan kami untuk informasi lebih lanjut

Buka feed Anda

Non abbiamo trovato la pagina che stai cercando.

Prova a tornare alla pagina precedente o visita il nostro Centro assistenza per saperne di più.

Vai al tuo feed

申し訳ありません。お探しのページが見つかりません。前のページに戻るか、ヘルプセンターで詳細をご確認ください

フィードに移動

원하시는 페이지를 찾을 수 없습니다. 이전 페이지로 돌아가거나 고객센터에서 자세히 알아보세요.

홈으로 가기

Harap maaf, kami tidak dapat menemui laman yang ingin anda cari. Cuba kembali ke laman sebelumnya atau lihat Pusat Bantuan kami untuk maklumat lanjut

Pergi ke suapan

De pagina waar u naar op zoek bent, kan niet worden gevonden. Probeer terug te gaan naar de vorige pagina of bezoek het Help Center voor meer informatie

Ga naar uw feed

Vi finner ikke siden du leter etter. Gå tilbake til forrige side eller besøk vår brukerstøtte for mer informasjon

Gå til din feed

Nie możemy znaleźć strony, której szukasz.

Spróbuj wrócić do poprzedniej strony lub nasze Centrum pomocy, aby uzyskać więcej informacji

Przejdź do swojego kanału

A página que você está procurando não foi encontrada. Volte para a página anterior ou visite nossa Central de Ajuda para mais informações

Voltar para seu feed

Ne pare rău, nu găsim pagina pe care o căutaţi. Reveniţi la pagina anterioară sau consultaţi Centrul nostru de asistenţă pentru mai multe informaţii

Accesaţi fluxul dvs.

Не удаётся найти искомую вами страницу. Вернитесь на предыдущую страницу или посетите страницу нашего справочного центра для получения дополнительной информации.

Перейти к ленте

Sidan du letar efter hittades inte. Gå tillbaka till föregående sida eller besök vårt Hjälpcenter för mer information

Gå till ditt nyhetsflöde

ขออภัย ดูเหมือนเราไม่พบหน้าที่คุณกำลังมองหาอยู่ ลองกลับไปที่หน้าเพจก่อน หรือดู ศูนย์ความช่วยเหลือ ของเราสำหรับข้อมูลเพิ่มเติม

ไปที่ฟีดของคุณ

Naku, mukhang hindi namin mahanap ang pahina na hinahanap mo.

Subukang bumalik sa nakaraang pahina o tingnan ang aming Help Center para sa higit pang impormasyon

Pumunta sa iyong feed

Aradığınız sayfa bulunamadı. Önceki sayfaya geri dönün veya daha fazla bilgi için Yardım Merkezimizi görüntüleyin

Haber akışınıza gidin

抱歉，无法找到页面。试试返回到前一页，或前往帮助中心了解更多信息

前往动态汇总

我們好像找不到該頁面。請回到上一頁或前往說明中心來進一步瞭解

前往首頁動態

Выберите пользовательский интерфейс ASP.NET Core

• Статья
• 04.01.2023

ASP.NET Core — это полная платформа пользовательского интерфейса. Выберите, какие функции объединить в соответствии с потребностями веб-интерфейса приложения.

Преимущества по сравнению с затратами на серверный и клиентский пользовательский интерфейс

Существует три основных подхода к созданию современного веб-интерфейса с помощью ASP. NET Core:

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

Существуют преимущества и недостатки, которые необходимо учитывать при визуализации пользовательского интерфейса на сервере или на клиенте.

Пользовательский интерфейс, отображаемый сервером

Приложение веб-интерфейса, отображаемое на сервере, динамически генерирует HTML и CSS страницы на сервере в ответ на запрос браузера. Страница поступает к клиенту, готовая к отображению.

Преимущества:

• Требования к клиенту минимальны, поскольку сервер выполняет работу по логике и генерации страниц:
  • Отлично подходит для недорогих устройств и соединений с низкой пропускной способностью.
  • Позволяет использовать широкий спектр версий браузера на клиенте.
  • Быстрая начальная загрузка страницы.
  • От минимального до полного отсутствия JavaScript для передачи клиенту.
• Гибкость доступа к защищенным ресурсам сервера:
  • Доступ к базе данных.
  • Доступ к секретам, таким как значения для вызовов API к хранилищу Azure.
• Преимущества статического анализа сайта, такие как поисковая оптимизация.

Примеры распространенных сценариев веб-приложений пользовательского интерфейса, отображаемых на сервере:

• Динамические сайты, такие как те, которые предоставляют персонализированные страницы, данные и формы.
• Отображать данные только для чтения, такие как списки транзакций.
• Показать статические страницы блога.
• Общедоступная система управления контентом.

Недостатки:

• Стоимость вычислений и использования памяти сосредоточена на сервере, а не на каждом клиенте.
• Взаимодействие пользователя требует обращения к серверу для создания обновлений пользовательского интерфейса.

Клиентский пользовательский интерфейс

Клиентское приложение динамически отображает веб-интерфейс на клиенте, напрямую обновляя DOM браузера по мере необходимости.

Преимущества:

• Обеспечивает практически мгновенную богатую интерактивность без обращения к серверу. Обработка событий пользовательского интерфейса и логика выполняются локально на устройстве пользователя с минимальной задержкой.
• Поддерживает добавочные обновления, сохраняя частично заполненные формы или документы без необходимости нажатия пользователем кнопки для отправки формы.
• Может быть разработан для работы в автономном режиме. Обновления модели на стороне клиента в конечном итоге синхронизируются обратно с сервером после повторного установления соединения.
• Снижена нагрузка и стоимость сервера, работа перекладывается на клиента. Многие клиентские приложения также могут размещаться как статические веб-сайты.
• Использует возможности устройства пользователя.

Примеры клиентского веб-интерфейса:

• Интерактивная информационная панель.
• Приложение с функцией перетаскивания
• Адаптивное социальное приложение для совместной работы.

Недостатки:

• Код для логики должен быть загружен и выполнен на клиенте, что увеличивает время начальной загрузки.
• Клиентские требования могут исключать пользователей, у которых есть недорогие устройства, старые версии браузера или соединения с низкой пропускной способностью.

Выберите серверное решение ASP.NET Core UI

В следующем разделе описываются доступные модели веб-интерфейса ASP.NET Core, отображаемые сервером, и приводятся ссылки для начала работы. ASP.NET Core Razor Pages и ASP.NET Core MVC — это серверные платформы для создания веб-приложений с помощью . NET.

ASP.NET Core Razor Pages

Razor Pages — это модель на основе страниц. Вопросы пользовательского интерфейса и бизнес-логики хранятся отдельно, но внутри страницы. Razor Pages — рекомендуемый способ создания новых приложений на основе страниц или форм для разработчиков, не знакомых с ASP.NET Core. Razor Pages обеспечивает более простую отправную точку, чем ASP.NET Core MVC.

Преимущества Razor Pages в дополнение к преимуществам рендеринга на сервере:

• Быстрое создание и обновление пользовательского интерфейса. Код страницы хранится вместе со страницей, а пользовательский интерфейс и бизнес-логика разделены.
• Можно тестировать и масштабировать до больших приложений.
• Организуйте свои страницы ASP.NET Core проще, чем ASP.NET MVC:
  • Конкретная логика представления и модели представления могут храниться вместе в их собственном пространстве имен и каталоге.
  • Группы связанных страниц можно хранить в собственном пространстве имен и каталоге.

Чтобы начать работу с вашим первым приложением ASP.NET Core Razor Pages, см. Учебник: Начало работы с Razor Pages в ASP.NET Core. Полный обзор ASP.NET Core Razor Pages, его архитектуры и преимуществ см. в разделе Введение в Razor Pages в ASP.NET Core.

ASP.NET Core MVC

ASP.NET MVC отображает пользовательский интерфейс на сервере и использует архитектурный шаблон Model-View-Controller (MVC). Шаблон MVC разделяет приложение на три основные группы компонентов: модели, представления и контроллеры. Запросы пользователей направляются на контроллер. Контроллер отвечает за работу с моделью для выполнения действий пользователя или получения результатов запросов. Контроллер выбирает представление для отображения пользователю и предоставляет ему любые данные модели, которые ему требуются. Поддержка Razor Pages основана на ASP.NET Core MVC.

Преимущества MVC в дополнение к преимуществам рендеринга на сервере:

• На основе масштабируемой и зрелой модели для создания крупных веб-приложений.
• Четкое разделение задач для максимальной гибкости.
• Разделение ответственности модель-представление-контроллер гарантирует, что бизнес-модель может развиваться без жесткой привязки к низкоуровневым деталям реализации.

Чтобы начать работу с ASP.NET Core MVC, см. раздел Начало работы с ASP.NET Core MVC. Обзор архитектуры и преимуществ ASP.NET Core MVC см. в разделе Обзор ASP.NET Core MVC.

Blazor Server

Blazor — это платформа для создания интерактивного веб-интерфейса на стороне клиента с помощью .NET:

• Создавайте многофункциональные интерактивные пользовательские интерфейсы с помощью C# вместо JavaScript.
• Совместное использование логики серверного и клиентского приложений, написанной на .NET.
• Визуализация пользовательского интерфейса в виде HTML и CSS для широкой поддержки браузеров, включая мобильные браузеры.
• Интеграция с современными хостинговыми платформами, такими как Docker.
• Создавайте гибридные настольные и мобильные приложения с помощью .NET и Blazor.

Использование .NET для клиентской веб-разработки дает следующие преимущества:

• Пишите код на C# вместо JavaScript.
• Используйте существующую экосистему .NET библиотек .NET.
• Совместное использование логики приложения между сервером и клиентом.
• Воспользуйтесь преимуществами производительности, надежности и безопасности .NET.
• Сохраняйте продуктивность в Windows, Linux или macOS с помощью среды разработки, такой как Visual Studio или Visual Studio Code.
• Используйте общий набор языков, платформ и инструментов, которые являются стабильными, многофункциональными и простыми в использовании.

Blazor Server обеспечивает поддержку размещения пользовательского интерфейса, отображаемого на сервере, в приложении ASP.NET Core. Обновления пользовательского интерфейса клиента обрабатываются через подключение SignalR. Среда выполнения остается на сервере и обрабатывает выполнение кода C# приложения.

Дополнительные сведения см. в статьях о моделях размещения ASP.NET Core Blazor и ASP.NET Core Blazor. Клиентская модель размещения Blazor описана в разделе Blazor WebAssembly далее в этой статье.

Выберите клиентское решение ASP.NET Core

В следующем разделе кратко описаны доступные модели веб-интерфейса пользователя ASP.NET Core, доступные для визуализации, и приведены ссылки для начала работы.

Blazor WebAssembly

Blazor WebAssembly — это платформа одностраничных приложений (SPA) для создания интерактивных клиентских веб-приложений с общими характеристиками, описанными в разделе Blazor Server ранее в этой статье.

Выполнение кода .NET внутри веб-браузеров стало возможным благодаря WebAssembly (сокращенно wasm ). WebAssembly — это компактный формат байт-кода, оптимизированный для быстрой загрузки и максимальной скорости выполнения. WebAssembly — это открытый веб-стандарт, поддерживаемый веб-браузерами без подключаемых модулей. Blazor WebAssembly работает во всех современных веб-браузерах, включая мобильные браузеры.

При сборке и запуске приложения Blazor WebAssembly:

• Файлы кода C# и файлы Razor компилируются в сборки .NET.
• Сборки и среда выполнения .NET загружаются в браузер.
• Blazor WebAssembly загружает среду выполнения .NET и настраивает среду выполнения для загрузки сборок для приложения. Среда выполнения Blazor WebAssembly использует взаимодействие JavaScript для обработки манипуляций с объектной моделью документа (DOM) и вызовов API браузера.

Дополнительные сведения см. в статьях о моделях размещения ASP.NET Core Blazor и ASP.NET Core Blazor. Модель размещения Blazor, отображаемая на сервере, описана в разделе Blazor Server ранее в этой статье.

Одностраничное приложение ASP.NET Core (SPA) с такими платформами JavaScript, как Angular и React

Создавайте клиентскую логику для приложений ASP.NET Core с использованием популярных платформ JavaScript, таких как Angular или React. ASP.NET Core предоставляет шаблоны проектов для Angular и React, а также может использоваться с другими платформами JavaScript.

Преимущества ASP.NET Core SPA с платформами JavaScript в дополнение к ранее перечисленным преимуществам клиентского рендеринга:

• Среда выполнения JavaScript уже предоставляется вместе с браузером.
• Большое сообщество и развитая экосистема.
• Создавайте логику на стороне клиента для приложений ASP.NET Core, используя популярные платформы JS, такие как Angular и React.

Недостатки:

• Требуется больше языков программирования, фреймворков и инструментов.
• Трудно поделиться кодом, поэтому некоторая логика может дублироваться.

Для начала см.:

• Использование Angular с ASP.NET Core
• Используйте React с ASP.NET Core

Выберите гибридное решение: ASP.NET Core MVC или Razor Pages плюс Blazor

MVC, Razor Pages и Blazor являются частью платформы ASP. NET Core и предназначены для совместного использования. Компоненты Razor можно интегрировать в приложения Razor Pages и MVC в размещенном решении Blazor WebAssembly или Blazor Server. Когда представление или страница визуализируются, компоненты могут быть предварительно визуализированы одновременно.

Преимущества для MVC или Razor Pages плюс Blazor, в дополнение к преимуществам MVC или Razor Pages:

• Предварительная отрисовка выполняет компоненты Razor на сервере и отображает их в представлении или странице, что сокращает воспринимаемое время загрузки приложения.
• Добавление интерактивности к существующим представлениям или страницам с помощью вспомогательной функции тегов компонентов.

Чтобы начать работу с ASP.NET Core MVC или Razor Pages плюс Blazor, см. раздел Предварительная отрисовка и интеграция компонентов ASP.NET Core Razor.

Дальнейшие действия

Для получения дополнительных сведений см.:

• ASP.NET Core Blazor
• Модели размещения ASP. NET Core Blazor
• Предварительная визуализация и интеграция компонентов ASP.NET Core Razor
• Сравните службы gRPC с HTTP API

Пользовательский интерфейс Авалония — Главная страница

Пользовательский интерфейс Авалония — Главная страница

Этот сайт использует файлы cookie для улучшения взаимодействия с пользователем. Ознакомьтесь с нашей политикой в ​​отношении файлов cookie

.

Представляем предварительную версию Avalonia XPF.

Кроссплатформенный WPF на основе пользовательского интерфейса Avalonia.

Узнать больше

Пользовательский интерфейс Авалонии.

Поддерживаемые платформы

Ты в хорошей компании.

С легкостью создавайте красивые приложения для любой платформы.

Пользовательский интерфейс Avalonia — это среда пользовательского интерфейса с открытым исходным кодом для создания потрясающих настольных, мобильных, веб-приложений и встроенных приложений с использованием единой кодовой базы .NET.

Открытый источник

Пользовательский интерфейс Avalonia с открытым исходным кодом, бесплатный для использования и всегда будет таким. Клонируйте исходный код сегодня, чтобы копнуть глубже.

Расширение Visual Studio

Бесплатное расширение VS предоставляет все необходимое для запуска, включая средство предварительного просмотра XAML.

JetBrains Райдер и ReSharper

Глубокое понимание JetBrains пользовательского интерфейса Avalonia сияет благодаря богатой поддержке Rider и ReSharper.

Коммерческая поддержка

Получите поддержку, в которой нуждается ваш проект, заключив одно из наших соглашений о коммерческой поддержке. Помощь, на которую вы можете рассчитывать.

Принесите свои любимые инструменты.

Визуальная студия. Если вы любите разрабатывать в Visual Studio, то вам повезло! Расширение Avalonia предоставляет XAML IntelliSense и встроенное средство предварительного просмотра XAML.

JetBrains Rider и ReSharper. Предлагая глубочайшее понимание пользовательского интерфейса Avalonia и обширную интеграцию со своими инструментами, JetBrains обеспечивает огромный прирост производительности для разработчиков пользовательского интерфейса Avalonia.

Проверенный способ модернизации приложений WPF.

Привычный. Пользовательский интерфейс Avalonia, считающийся духовным преемником WPF, предоставляет знакомый опыт разработчика, позволяющий использовать многолетние ранее существовавшие знания и инвестиции.