Basic page в visual studio 2017 как добавить
Чтобы получить доступ к странице Приложение, выберите узел проекта (не узел Решение) в обозревателе решений. Затем в строке меню выберите Проект > Свойства. Когда откроется конструктор проектов, перейдите на вкладку Приложение.
Отображаемые на компьютере имена или расположения некоторых элементов пользовательского интерфейса Visual Studio могут отличаться от указанных в этой статье. Возможно, вы используете другой выпуск Visual Studio или другие параметры среды. Дополнительные сведения см. в разделе Персонализация среды IDE.
Общие параметры приложения
Описанные ниже параметры позволяют производить общую настройку приложения.
Имя сборки
Определяет имя выходного файла, который будет содержать манифест сборки. Изменение этого свойства повлечет за собой изменение свойства Имя выходных данных .
Можно также указать имя выходного файла из командной строки с помощью параметра компилятора/out (Visual Basic).
Дополнительные сведения о программном доступе к этому свойству см. в разделе AssemblyName.
Корневое пространство имен
Определяет базовое пространство имен для всех файлов проекта. Например, если задать для свойства Корневое пространство имен значение Project1 и имеется Class1 вне любого пространства имен в коде, его пространство имен будет Project1.Class1 . Если в коде имеется класс Class2 в пространстве имен Order , его пространство имен будет Project1.Order.Class2 .
Если снять флажок Корневое пространство имен, можно определить структуру пространства имен проекта в коде.
Если в операторе Namespace используется ключевое слово Global , можно указать пространство имен из корневого пространства имен проекта. Если снять флажок Корневое пространство имен, Global будет пространством имен верхнего уровня, что избавляет от потребности в ключевом слове Global в операторе Namespace . Дополнительные сведения см. в подразделе "Ключевое слово Global в операторах пространства имен" раздела Пространства имен в Visual Basic.
Инструкции по созданию пространств имен в собственном коде см. в разделе Оператор Namespace.
Дополнительные сведения о свойстве корневого пространства имен см. в разделе /rootnamespace.
Дополнительные сведения о программном доступе к этому свойству см. в разделе RootNamespace.
Пакеты необходимых компонентов, перечисленные в диалоговом окне Необходимые компоненты, устанавливаются автоматически при первом открытии этого диалогового окна. В случае последующего изменения целевой платформы проекта потребуется указать необходимые компоненты вручную, чтобы они соответствовали новой целевой платформе.
Тип приложения
Тип приложения для сборки. Значения различаются в зависимости от типа проекта. Например, для проекта Приложение Windows Forms можно указать Приложение Windows Forms, Библиотека классов, Приложение консоли, Служба Windows или Библиотека веб-элементов управления.
Для проекта веб-приложения необходимо указать Библиотека классов.
Дополнительные сведения о свойстве Тип приложения см. в разделе /target (Visual Basic). Дополнительные сведения о программном доступе к этому свойству см. в разделе OutputType.
Автоматически создавать перенаправления привязок
Перенаправления привязок добавляются в проект, если приложение (или его компоненты) ссылается на несколько версий одной сборки. Если вы хотите определить перенаправления привязок вручную в файле проекта, отмените выбор Автоматически создавать перенаправления привязок.
Дополнительные сведения о перенаправлении см. в разделе Перенаправление версий сборки.
Начальная форма, Автоматически запускаемый объект, Запуск и универсальный код ресурса (URI)
Определяет начальную форму или точку входа приложения.
Если выбран параметр Включить исполняющую среду (по умолчанию), этот список получает имя Начальная форма и содержит только формы, так как исполняющая среда поддерживает только начальные формы, но не объекты.
Если проект является приложением браузера WPF, этот список получает имя Запуск и универсальный код ресурса (URI) ; страницей по умолчанию является Page1.xaml. Список Запуск и универсальный код ресурса (URI) позволяет указать ресурс пользовательского интерфейса (элемент XAML), отображаемый приложением при запуске. Дополнительные сведения см. в разделе StartupUri.
Если флажок Включить исполняющую среду снят, этот список принимает имя Автоматически запускаемый объект и содержит формы и классы или модули с Sub Main .
Автоматически запускаемый объект определяет точку входа, вызываемую при загрузке приложения. Как правило, в качестве точки входа задается либо главная форма приложения, либо процедура Sub Main , которая должна выполняться при запуске приложения. Так как библиотеки классов не имеют точки входа, для них возможно только одно значение этого свойства — (Нет) . Дополнительные сведения см. в разделе /main. Для программного доступа к этому свойству см. раздел StartupObject.
Значок
Сведения о сборке
Включить исполняющую среду
Указывает, будет ли проект использовать исполняющую среду. Настройка влияет на параметры, доступные в окне Начальная форма/Автоматически запускаемый объект.
Если этот флажок установлен, приложение использует стандартную процедуру Sub Main . Установка этого флажка позволяет использовать возможности раздела Свойства исполняющей среды приложений Windows, при этом требуется выбрать начальную форму.
Если этот флажок снят, приложение использует настраиваемую процедуру Sub Main , указанную в начальной форме. В этом случае можно указать автоматически запускаемый объект (настраиваемую процедуру Sub Main в методе или классе) или форму. Кроме того, параметры в разделе Свойства исполняющей среды приложений Windows становятся недоступными.
Просмотреть параметры Windows
Нажмите эту кнопку, чтобы создать и открыть файл app.manifest. Visual Studio использует этот файл для создания данных манифеста приложения. Затем укажите запрошенный уровень выполнения для контроля учетных записей, изменив в app.manifest тег следующим образом.
Технология ClickOnce работает с уровнем asInvoker или в режиме виртуализации (без создания манифеста). Чтобы задать режим виртуализации, удалите тег из app.manifest целиком.
Дополнительные сведения о создании манифестов см. в разделе Развертывание ClickOnce в Windows Vista.
Свойства исполняющей среды Windows
В разделе Свойства исполняющей среды приложений Windows доступны перечисленные ниже параметры. Они доступны, только если установлен флажок Включить исполняющую среду.
В следующем разделе описаны параметры Свойства исполняющей среды Windows для приложений Windows Presentation Foundation (WPF).
Включить XP-стили визуального представления
Включает или отключает стили оформления Windows XP, также известных как темы Windows XP. Стили оформления Windows XP, например, позволяют использовать элементы управления со скругленными углами и динамически меняющимся цветом. По умолчанию этот параметр включен.
Создать приложение, допускающее одновременное выполнение только одной своей копии
Установите этот флажок, чтобы запретить запуск нескольких экземпляров приложения. По умолчанию этот флажок снят. Это разрешает запуск нескольких экземпляров приложения. Дополнительные сведения см. в описании события StartupNextInstance.
Сохранять My.Settings при завершении работы
Установите этот флажок, чтобы указать, будут ли параметры My.Settings приложения сохраняться при завершении работы компьютера пользователем. Значение по умолчанию — включено. Если этот параметр отключен, параметры приложения можно сохранить вручную путем вызова My.Settings.Save .
Режим проверки подлинности
Режим завершения работы
Выберите Когда закрывается начальная форма (по умолчанию), чтобы указать, что приложение будет завершать работу, когда закрывается форма, заданная как начальная, даже если другие формы остаются открытыми. Выберите Когда закрывается последняя форма, чтобы указать, что приложение будет завершать работу при закрытии последней формы или при явном вызове оператора My.Application.Exit или End .
Выберите При явном завершении работы, чтобы указать, что приложение будет завершать работу при явном вызове оператора Shutdown .
Выберите При закрытии последнего окна, чтобы указать, что приложение будет завершать работу при закрытии последнего окна или при явном вызове оператора Shutdown . Это параметр по умолчанию.
Выберите При закрытии главного окна, чтобы указать, что приложение будет завершать работу при закрытии главного окна или при явном вызове оператора Shutdown .
Экран-заставка
Выберите форму, которую необходимо использовать в качестве экрана-заставки. Экран-заставка должен быть предварительно создан с помощью формы или шаблона. Значение по умолчанию — (Нет) .
Просмотреть события приложения
Нажмите эту кнопку, чтобы отобразить файл кода событий, в котором можно создать код для событий исполняющей среды Startup , Shutdown , UnhandledException , StartupNextInstance и NetworkAvailabilityChanged . Также можно переопределить некоторые методы исполняющей среды. Например, можно изменить поведение при отображении экрана-заставки, переопределив OnInitialize .
Свойства исполняющей среды Windows для приложений Windows Presentation Foundation (WPF)
Указанные ниже параметры доступны в разделе Свойства исполняющей среды Windows, если проект является приложением Windows Presentation Foundation (WPF). Они доступны, только если установлен флажок Включить исполняющую среду. Параметры, перечисленные в этой таблице, доступны только для приложений WPF и приложений браузера WPF. Они недоступны для библиотек пользовательских элементов управления WPF или библиотек пользовательских элементов управления.
Режим завершения работы
Это свойство применимо только к приложениям Windows Presentation Foundation (WPF).
Выберите При явном завершении работы, чтобы указать, что приложение будет завершать работу при явном вызове оператора Shutdown.
Выберите При закрытии последнего окна, чтобы указать, что приложение будет завершать работу при закрытии последнего окна или при явном вызове оператора Shutdown. Это параметр по умолчанию.
Выберите При закрытии главного окна, чтобы указать, что приложение будет завершать работу при закрытии главного окна или при явном вызове оператора Shutdown.
Дополнительные сведения об этом параметре см. на странице Shutdown.
Редактировать XAML
Нажмите эту кнопку, чтобы открыть файл определения приложения (Application.xaml) в редакторе XAML. При нажатии этой кнопки файл Application.xaml откроется на узле определения приложения. Это файл может потребоваться изменить для выполнения некоторых задач, например для определения ресурсов. Если файл определения приложения не существует, конструктор проектов создаст его.
Просмотреть события приложения
Нажмите эту кнопку, чтобы открыть файл класса Application (Application.xaml.vb) в редакторе кода. Если этот файл не существует, конструктор проектов создаст его с соответствующим именем класса и пространством имен.
Когда происходят определенные изменения состояния приложения (например, его запуск или завершение работы), объект Application инициирует события. Полный список событий, предоставляемых этим классом, см. в разделе Application. Эти события обрабатываются в разделе пользовательского кода разделяемого класса Application .
В этой статье показано, как использовать Visual Studio для создания простого консольного приложения Visual Basic. В этом приложении будет запрашиваться имя пользователя, которое затем будет отображаться с информацией о текущем времени. Вы также ознакомитесь с некоторыми возможностями интегрированной среды разработки (IDE) Visual Studio. Visual Basic — это типобезопасный язык программирования, который прост в изучении. Консольное приложение принимает входные данные и выводит результаты в окне командной строки (также называется консоль).
В этом руководстве описано следующее:
- Создание проекта Visual Studio
- Запуск приложения по умолчанию
- Добавление кода для запроса ввода данных пользователем
- Дополнительное задание: добавление двух чисел
- Очистка ресурсов
В этой статье показано, как использовать Visual Studio для создания простого консольного приложения Visual Basic. В этом приложении будет запрашиваться имя пользователя, которое затем будет отображаться с информацией о текущем времени. Вы также ознакомитесь с некоторыми возможностями интегрированной среды разработки (IDE) Visual Studio, в том числе с системой управления версиями в Git. Visual Basic — это типобезопасный язык программирования, который прост в изучении. Консольное приложение принимает входные данные и выводит результаты в окне командной строки (также называется консоль).
В этом руководстве описано следующее:
- Создание проекта Visual Studio
- Запуск приложения по умолчанию
- Добавление кода для запроса ввода данных пользователем
- Дополнительное задание: добавление двух чисел
- Добавление системы управления исходным кодом Git
- Очистка ресурсов
Предварительные требования
Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.
Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.
Создание проекта
Сначала вы создадите проект приложения Visual Basic. Шаблон проекта по умолчанию содержит все файлы, необходимые для готового к запуску приложения.
На некоторых снимках экрана в этом учебнике используется темная тема. Если вы не используете темную тему, но хотите переключиться на нее, см. страницу Персонализация интегрированной среды разработки и редактора Visual Studio.
Откройте Visual Studio 2017.
В верхней строке меню последовательно выберите Файл > Создать > Проект.
Добавление рабочей нагрузки (необязательно)
Вариант 1: использование диалогового окна "Новый проект"
Выберите ссылку Открыть Visual Studio Installer в левой области диалогового окна Новый проект.
Вариант 2: использование меню "Сервис"
Закройте диалоговое окно Создать проект и в верхней строке меню выберите Сервис > Получить средства и компоненты.
Запустите Visual Studio 2019.
На начальном экране выберите Создать проект.
В окне Создание проекта выберите Visual Basic в списке языков. Затем выберите Windows в списке платформ и Консоль в списке типов проектов.
Применив эти фильтры по языку, платформе и типу проекта, выберите шаблон Консольное приложение и щелкните Далее.
Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.
Новый проект открывается в Visual Studio.
Запустите Visual Studio.
На начальном экране выберите Создать проект.
В окне Создание проекта выберите Visual Basic в списке языков. Затем выберите Windows в списке платформ и Консоль в списке типов проектов.
Применив эти фильтры по языку, платформе и типу проекта, выберите шаблон Консольное приложение и щелкните Далее.
Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.
Новый проект открывается в Visual Studio.
Запуск приложения
Когда вы выберете шаблон проекта Visual Basic и зададите имя для своего проекта, Visual Studio создаст файл Program.vb. Код по умолчанию вызывает метод WriteLine для отображения строкового литерала "Hello World!" в окне консоли.
Существует два способа выполнения этого кода: в Visual Studio в режиме отладки и на компьютере в качестве обычного автономного приложения.
Запуск приложения в режиме отладки
При запуске приложения в консоли отладки Microsoft Visual Studio отображается текст "Hello World!". Нажмите любую клавишу, чтобы закрыть окно консоли отладки и завершить работу приложения:
При запуске приложения в консоли отладки Microsoft Visual Studio отображается текст "Hello World!". Нажмите любую клавишу, чтобы закрыть окно консоли отладки и завершить работу приложения:
При запуске приложения в консоли отладки Microsoft Visual Studio отображается текст "Hello World!". Нажмите любую клавишу, чтобы закрыть окно консоли отладки и завершить работу приложения:
Запуск приложения в автономном режиме
Чтобы просмотреть выходные данные за пределами Visual Studio, в окне системной консоли выполните сборку и запуск исполняемого файла (EXE-файл).
В меню Сборка выберите Собрать решение.
В Обозревателе решений щелкните правой кнопкой мыши элемент WhatIsYourName и выберите Открыть файл в проводнике.
В проводнике перейдите к каталогу bin\Debug\netcoreapp3.1 и запустите WhatIsYourName.exe.
Процедура Main завершается после выполнения одной инструкции, а окно консоли сразу же закрывается. В следующем разделе показано, как сделать так, чтобы окно консоли отображалось до нажатия клавиши пользователем.
В меню Сборка выберите Собрать решение.
В Обозревателе решений щелкните правой кнопкой мыши элемент WhatIsYourName и выберите Открыть файл в проводнике.
В проводнике перейдите к каталогу bin\Debug\net5.0 и запустите WhatIsYourName.exe.
Процедура Main завершается после выполнения одной инструкции, а окно консоли сразу же закрывается. В следующем разделе показано, как сделать так, чтобы окно консоли отображалось до нажатия клавиши пользователем.
В меню Сборка выберите Собрать решение.
В Обозревателе решений щелкните правой кнопкой мыши элемент WhatIsYourName и выберите Открыть файл в проводнике.
В проводнике перейдите к каталогу bin\Debug\core6.0 и запустите WhatIsYourName.exe.
Процедура Main завершается после выполнения одной инструкции, а окно консоли сразу же закрывается. В следующем разделе показано, как сделать так, чтобы окно консоли отображалось до нажатия клавиши пользователем.
Добавление кода для запроса ввода данных пользователем
Теперь вы добавите код Visual Basic, который запрашивает имя пользователя, а затем выводит его вместе с датой и временем. Кроме того, вы добавите код, чтобы окно консоли не закрывалось, пока пользователь не нажмет клавишу.
Введите следующий код Visual Basic после строки Sub Main(args As String()) и перед строкой End Sub , заменив строку WriteLine:
-
и WriteLine записывают строку в консоль. считывает входные данные из консоли, в нашем случае — строку. представляет дату и время, а Now возвращает текущее время. приостанавливает работу приложения и ожидает нажатия клавиши.
Когда откроется окно консоли отладки, введите свое имя. Окно консоли должно выглядеть так, как показано на следующем снимке экрана:
Нажмите любую клавишу, чтобы завершить работу приложения. Затем нажмите любую клавишу, чтобы закрыть окно консоли отладки.
Введите следующий код Visual Basic после строки Sub Main(args As String()) и перед строкой End Sub , заменив строку WriteLine:
-
и WriteLine записывают строку в консоль. считывает входные данные из консоли, в нашем случае — строку. представляет дату и время, а Now возвращает текущее время. приостанавливает работу приложения и ожидает нажатия клавиши.
Когда откроется окно консоли отладки, введите свое имя. Окно консоли должно выглядеть так, как показано на следующем снимке экрана:
Нажмите любую клавишу, чтобы завершить работу приложения. Затем нажмите любую клавишу, чтобы закрыть окно консоли отладки.
Введите следующий код Visual Basic после строки Sub Main(args As String()) и перед строкой End Sub , заменив строку WriteLine:
-
и WriteLine записывают строку в консоль. считывает входные данные из консоли, в нашем случае — строку. представляет дату и время, а Now возвращает текущее время. приостанавливает работу приложения и ожидает нажатия клавиши.
Когда откроется окно консоли отладки, введите свое имя. Окно консоли должно выглядеть так, как показано на следующем снимке экрана:
Нажмите любую клавишу, чтобы завершить работу приложения. Затем нажмите любую клавишу, чтобы закрыть окно консоли отладки.
Теперь, когда новый код находится в приложении, выполните сборку и запуск исполняемого файла (EXE-файл) в окне системной консоли, как описано выше в разделе Запуск приложения в автономном режиме. Теперь при нажатии клавиши приложение завершает работу, в результате чего окно консоли закрывается.
Дополнительное задание: добавление двух чисел
В этом примере показано, как считывать числа, а не строки и выполнять некоторые арифметические операции. Попробуйте изменить свой код:
Затем запустите обновленное приложение, как описано в разделе Запуск приложения.
Добавление системы управления исходным кодом Git
Теперь, когда вы создали приложение, вы можете добавить его в репозиторий Git. Visual Studio упрощает этот процесс с помощью инструментов Git, которые вы можете использовать непосредственно из IDE.
Чтобы связать свой код с Git, начните с создания нового репозитория Git, в котором находится ваш код:
В строке состояния в правом нижнем углу Visual Studio нажмите Добавить в систему управления версиями и выберите Git.
В диалоговом окне Создать репозиторий Git войдите в GitHub.
Имя репозитория заполняется автоматически в зависимости от расположения вашей папки. Ваш новый репозиторий является частным по умолчанию. Это означает, что только вы можете получить к нему доступ.
Независимо от того, является ли ваш репозиторий общедоступным или частным, лучше всего иметь удаленную резервную копию кода, надежно хранящуюся на GitHub. Даже если вы не работаете с командой, удаленный репозиторий позволит получать доступ к коду с любого компьютера.
После того как вы создали свой репозиторий, вы увидите информацию о статусе в строке состояния.
Первый значок со стрелками показывает, сколько исходящих и входящих фиксаций в вашей текущей ветке. Вы можете использовать этот значок, чтобы получать любые входящие или исходящие фиксации. Вы также можете выбрать отображение этих фиксаций в первую очередь. Для этого щелкните значок и выберите Просмотреть исходящие/входящие.
Второй значок с карандашом показывает количество незафиксированных изменений в вашем коде. Щелкните этот значок, чтобы просмотреть эти изменения в окне Git Changes.
Чтобы узнать больше о том, как использовать Git с вашим приложением, см. документацию по управлению версиями Visual Studio.
Очистка ресурсов
Если вы не планируете использовать это приложение в дальнейшем, удалите проект.
В Обозревателе решений, щелкните правой кнопкой элемент WhatIsYourName, чтобы открыть контекстное меню для вашего проекта. Затем выберите Открыть папку в проводнике.
Закройте Visual Studio.
В диалоговом окне проводника перейдите на два уровня папок вверх.
Щелкните правой кнопкой мыши папку WhatIsYourName и выберите пункт Удалить.
Следующие шаги
Поздравляем с завершением этого учебника! Дополнительные сведения см. в следующем руководстве.
Для новой разработки веб-приложений рекомендуется Razor Pages. дополнительные сведения см. в разделе начало работы with Razor Pages.
В данном пошаговом руководстве представлены следующие задачи.
Предварительные требования
Для выполнения данного пошагового руководства требуется:
Microsoft Visual Studio 2013 и Microsoft Visual Studio Express 2013 для Web часто называются Visual Studio в рамках этой серии руководств.
если вы используете Visual Studio, в этом пошаговом руководстве предполагается, что вы выбрали коллекцию параметров веб-разработки при первом запуске Visual Studio. дополнительные сведения см. в разделе как выбрать среду веб-разработки Параметры.
Создание проекта веб-приложения и страницы
В этой части пошагового руководства вы создадите проект веб-приложения и добавите в него новую страницу. Вы также добавите HTML-текст и запустите страницу в браузере.
Создание проекта веб-приложения
Откройте среду Microsoft Visual Studio.
В меню Файл выберите пункт Создать проект.
Откроется диалоговое окно Новый проект .
Присвойте проекту имя басиквебапп и нажмите кнопку ОК .
затем выберите шаблон веб-формы и нажмите кнопку ок , чтобы создать проект.
Visual Studio создает новый проект, содержащий предварительно созданные функции на основе шаблона веб-формы. Она не только предоставляет вам страницу Home. aspx , страницу About. aspx , страницу Contact. aspx , но также включает функции членства, которые регистрируют пользователей и сохраняют свои учетные данные, чтобы они могли входить на веб-сайт. когда создается новая страница, по умолчанию Visual Studio отображает страницу в представлении исходного кода , где можно видеть элементы HTML страницы. На следующем рисунке показано, что вы видите в представлении исходного кода , если вы создали новую веб-страницу с именем басиквебапп. aspx.
обзор среды веб-разработки Visual Studio
прежде чем продолжить изменение страницы, полезно ознакомиться со средой разработки Visual Studio. на следующем рисунке показаны окна и средства, доступные в Visual Studio и Visual Studio Express для Web.
На этой диаграмме показаны окна и расположения окон по умолчанию. Меню вид позволяет отображать дополнительные окна, а также изменять порядок окон и изменять их размер в соответствии с вашими предпочтениями. Если изменения уже внесены в расположение окон, то отображаемое содержимое не будет соответствовать иллюстрации.
среда Visual Studio
Ознакомьтесь с веб-конструктор
Изучите приведенную выше иллюстрацию и сопоставьте текст со следующим списком, в котором описываются наиболее часто используемые окна и средства. (Здесь перечислены не все отображаемые окна и средства, а только те, которые отмечены на предыдущем рисунке.)
- Панели инструментов. Предоставляют команды для форматирования текста, поиска текста и т. д. Некоторые панели инструментов доступны только при работе в режиме конструктора .
- Обозреватель решений окно. Отображает файлы и папки в веб-приложении.
- Окно документа. Отображает документы, над которыми вы работаете, в окнах с вкладками. Можно переключаться между документами, щелкая вкладки.
- Окно " Свойства ". Позволяет изменять параметры страницы, элементы HTML, элементы управления и другие объекты.
- Вкладки представлений. Представьте себе различные представления одного документа. Представление конструктора — это область редактирования практически в режиме WYSIWYG. Представление исходного кода — это HTML-редактор для страницы. Представление с разделением отображает как представление конструктора , так и представление исходного кода для документа. Далее в этом пошаговом руководстве вы будете работать с представлениями конструирования и источника . Если вы предпочитаете открывать веб-страницы в режиме конструктора , в меню Сервис выберите пункт Параметры, выберите узел Конструктор HTML и измените параметр начальные страницы .
- Панель элементов. Предоставляет элементы управления и элементы HTML, которые можно перетащить на страницу. Элементы панели элементов группируются по общей функции.
- Erver обозреватель. Отображает подключения к базе данных. Если обозреватель сервера не отображается, в меню Вид выберите пункт обозреватель сервера.
Добавление страницы в веб-приложение
Добавление HTML на страницу
В этой части пошагового руководства на страницу будет добавлен статический текст.
Добавление текста на страницу
В нижней части окна документа перейдите на вкладку конструктор , чтобы переключиться в режим конструктора .
Представление конструирования отображает текущую страницу в режиме, аналогичном WYSIWYG. На этом этапе у вас нет текста или элементов управления на странице, поэтому страница пуста, за исключением пунктирной линии, которая обозначает прямоугольник. Этот прямоугольник представляет элемент div на странице.
Щелкните внутри прямоугольника, выделенного пунктирной линией.
На следующем рисунке показан текст, введенный в режиме конструктора .
Переключитесь в представление исходного кода .
Вы видите HTML в представлении исходного кода , созданном при вводе в режиме конструктора .
Запуск страницы
Прежде чем приступать к добавлению элементов управления на страницу, можно сначала запустить его.
Запуск страницы
в Обозреватель решенийщелкните правой кнопкой мыши фирствебпаже. aspx и выберите задать в качестве начальной страницы.
Нажмите клавиши CTRL + F5 , чтобы запустить страницу.
чтобы отобразить страницу в браузере, можно также щелкнуть страницу правой кнопкой мыши в Обозреватель решений и выбрать пункт просмотр в браузере.
Закройте браузер, чтобы завершить работу веб-приложения.
Добавление и программирование элементов управления
Теперь на страницу будут добавляться серверные элементы управления. серверные элементы управления, такие как кнопки, метки, текстовые поля и другие привычные элементы управления, предоставляют стандартные возможности обработки форм для страниц веб-формы. Однако можно программировать элементы управления с помощью кода, выполняемого на сервере, а не на клиенте.
На страницу будет добавлен элемент управления Button , элемент управления TextBox и элемент управления Label , а также написан код для работы с событием Click для элемента управления Button .
Добавление элементов управления на страницу
Перейдите на вкладку конструктор , чтобы переключиться в режим конструктора .
В области элементовразверните группу " стандартные ", если она еще не развернута.
Обратите внимание, что может потребоваться развернуть окно панели элементов слева, чтобы просмотреть его.
Перетащите элемент управления TextBox на страницу и поместите его в середину поля элемента div , которая содержит Вас приветствует Visual Web Developer в первой строке.
Перетащите элемент управления Button на страницу и поместите его справа от элемента управления TextBox .
Перетащите элемент управления Label на страницу и поместите его на отдельную строку под элементом управления "Кнопка" .
Поместите точку вставки над элементом управления TextBox , а затем введите введите свое имя: .
Этот статический HTML-текст является заголовком элемента управления TextBox . На одной странице можно смешивать статические HTML-и серверные элементы управления. На следующем рисунке показано, как три элемента управления отображаются в режиме конструктора .
Настройка свойств элемента управления
Visual Studio предлагает различные способы задания свойств элементов управления на странице. В этой части пошагового руководства будут заданы свойства как в представлении конструктора , так и в представлении исходного кода .
Задание свойств элемента управления
сначала откройте окно свойства , выбрав в меню >вид пунктдругие Windows - >свойства. Можно также нажать клавишу F4 , чтобы открыть окно свойства .
Выберите элемент управления Button , а затем в окне Свойства задайте для параметра текст значение Отображаемое имя. Введенный текст появится на кнопке в конструкторе, как показано на следующем рисунке.
Переключитесь в представление исходного кода .
представление исходного кода отображает HTML для страницы, включая элементы, которые Visual Studio были созданы для серверных элементов управления. Элементы управления объявляются с помощью синтаксиса, аналогичного HTML, за исключением того, что теги используют префикс ASP: и включают атрибут runat = "Server".
Свойства элемента управления объявляются как атрибуты. Например, при задании свойства Text для элемента управления Button на шаге 1 фактически задается атрибут Text в разметке элемента управления.
Все элементы управления находятся внутри элемента Form , который также имеет атрибут runat = "Server". атрибут runat = "server" и тег asp: prefix для управляющих тегов отмечают элементы управления, чтобы они обрабатывались ASP.NET на сервере при выполнении страницы. код за пределами и отправляется в браузер без изменений, поэтому код ASP.NET должен находиться внутри элемента, открывающий тег которого содержит атрибут runat = "server" .
Далее в элемент управления Label будет добавлено дополнительное свойство. Поместите точку вставки непосредственно после кода ASP: Label в и нажмите клавишу пробел.
Появится раскрывающийся список, в котором отображается список доступных свойств, которые можно задать для элемента управления Label . Эта функция, называемая IntelliSense, помогает в представлении исходного кода с использованием синтаксиса серверных элементов управления, элементов HTML и других элементов на странице. На следующем рисунке показан раскрывающийся список IntelliSense для элемента управления Label .
Выберите ForeColor и введите знак равенства.
IntelliSense отображает список цветов.
Раскрывающийся список IntelliSense можно отобразить в любое время, нажав клавиши CTRL + J при просмотре кода.
Выберите цвет для текста элемента управления " Метка ". Убедитесь, что выбран цвет, достаточно темный для чтения на белом фоне.
Атрибут ForeColor заполняется выбранным цветом, включая закрывающие кавычки.
Программирование элемента управления "Кнопка"
В этом пошаговом руководстве будет написан код, который считывает имя, введенное пользователем в текстовое поле, и отображает имя в элементе управления Label .
Добавление обработчика событий кнопки по умолчанию
Переключитесь в режим конструктора .
Дважды щелкните элемент управления "Кнопка" .
Двойной щелчок элемента управления в представлении конструктора — это лишь один из нескольких способов создания обработчиков событий.
В обработчике событий Button1_Click введите Label1 , за которым следует точка (.).
при вводе точки после идентификатора метки (Label1) Visual Studio отображает список доступных элементов для элемента управления label , как показано на следующем рисунке. Элемент обычно является свойством, методом или событием.
Завершите обработчик события нажатия для кнопки, чтобы он был считан, как показано в следующем примере кода.
вернитесь к просмотру исходного кода HTML-разметки, щелкнув правой кнопкой мыши фирствебпаже. aspx в Обозреватель решений и выбрав пункт просмотреть разметку.
Прокрутите страницу до . Обратите внимание, что теперь имеет атрибут OnClick = "Button1_Click".
Этот атрибут привязывает событие нажатия кнопки к методу обработчика, который вы написали на предыдущем шаге.
Методы обработчика событий могут иметь любое имя; отображаемое имя является именем по умолчанию, созданным Visual Studio. Важно отметить, что имя, используемое для атрибута OnClick в HTML, должно соответствовать имени метода, определенного в коде программной части.
Запуск страницы
Теперь можно протестировать серверные элементы управления на странице.
Запуск страницы
Нажмите клавиши CTRL + F5 , чтобы запустить страницу в браузере. Если возникает ошибка, выполните описанные выше действия.
Введите имя в текстовое поле и нажмите кнопку Отображаемое имя .
В браузере просмотрите источник страницы, которую вы используете, щелкнув правой кнопкой мыши страницу и выбрав пункт Просмотреть источник.
Работа с дополнительными элементами управления
В этой части пошагового руководства вы будете работать с элементом управления Calendar , который отображает даты в месяц за раз. Элемент управления " Календарь " является более сложным элементом управления, чем кнопка, текстовое поле и метка, с которыми вы работали, и демонстрирует некоторые дополнительные возможности серверных элементов управления.
В этом разделе вы добавите элемент управления System. Web. UI. Controls. Calendar на страницу и отформатируете его.
Добавление элемента управления Calendar
в Visual Studio переключитесь в режим конструктора .
Из стандартного раздела панели элементовперетащите элемент управления Calendar на страницу и поместите его под элементом div , который содержит другие элементы управления.
Отобразится панель смарт-тегов календаря. На панели отображаются команды, облегчающие выполнение наиболее распространенных задач для выбранного элемента управления. На следующем рисунке показан элемент управления Calendar , отображаемый в режиме конструктора .
На панели смарт-тегов выберите Автоматический формат.
Откроется диалоговое окно Автоформат , в котором можно выбрать схему форматирования для календаря. На следующем рисунке показано диалоговое окно Автоформат для элемента управления Calendar .
В списке выберите схему выберите простой и нажмите кнопку ОК.
Переключитесь в представление исходного кода .
Вы видите . Этот элемент намного больше, чем элементы для простых элементов управления, созданных ранее. Он также включает подэлементы, такие как , которые представляют различные параметры форматирования. На следующем рисунке показан элемент управления Calendar в представлении исходного кода . (Точная разметка, отображаемая в представлении исходного кода , может немного отличаться от иллюстрации.)
Программирование элемента управления Calendar
В этом разделе будет запрограммирован элемент управления Calendar для показа текущей выбранной даты.
Программирование элемента управления Calendar
В режиме конструктора дважды щелкните элемент управления Calendar .
Новый обработчик событий создается и отображается в файле кода программной части с именем фирствебпаже. aspx. CS.
Завершите обработчик событий SelectionChanged , используя следующий код.
Приведенный выше код задает текст элемента управления Label равным выбранной дате элемента управления Calendar.
Запуск страницы
Теперь можно протестировать календарь.
Запуск страницы
Нажмите клавиши CTRL + F5 , чтобы запустить страницу в браузере.
Щелкните дату в календаре.
Выбранная дата отображается в элементе управления " Метка ".
В браузере просмотрите исходный код страницы.
Обратите внимание, что элемент управления Calendar отображается на странице в виде таблицы, каждый день в виде элемента TD .
Next Steps
в этом пошаговом руководстве показаны основные возможности конструктора страниц Visual Studio. теперь, когда вы понимаете, как создавать и редактировать веб-формы страницу в Visual Studio, может потребоваться изучить другие функции. Например, может потребоваться выполнить следующие действия.
После завершения установки создадим первую программу. Она будет простенькой. Вначале откроем Visual Studio. На стартовом экране выберем Create a new project (Создать новый проект)
Далее на следующем этапе нам будет предложено указать имя проекта и каталог, где будет располагаться проект.
В поле Project Name дадим проекту какое-либо название. В моем случае это HelloApp .
После этого Visual Studio создаст и откроет нам проект:
Справа находится окно Solution Explorer , в котором можно увидеть структуру нашего проекта. В данном случае у нас сгенерированная по умолчанию структура.
Далее идет непосредственно сам файл кода программы - Module1.vb . Как раз этот файл и открыт в текстовом редакторе кода.
Рассмотрим код файла Module1.vb :
p>В начале файла идет директива Imports , после которой идет название подключаемого пространства имен. Пространства имен представляют собой организацию функциональности в общие блоки. Например, на первой строке
Команда Imports позволяет импортировать функциональность из других, подключенных библиотек. В частности, здесь подключается функциональность из пространства имен System.
Объявление модуля начинается со слова Module , после которого идет название модуля - в данном случае модуль называется Program:
Завершаться объявление модуля должно выражением End Module . А весь непосредственный код программы должен располагаться между началом объявления модуля и его завершением.
В модуле по умолчанию определен метод Main - это главный метод:
Программа может содержать множество методов, но среди них будет один главный - это метод Main, через который будут вызываться все остальные методы. И метод с данным названием обязательно должен быть в программе.
Метод Main начинается выражением Sub Main , где Sub указывается, что дальше у нас идет метод, который не возвращает никакого значения. Позже мы подробнее разберем, что все это значит. И затем идет название - то есть Main.
Далее в скобках у нас идут параметры метода - args As String() - это массив args, который хранит значения типа String , то есть строки. В данном случае они нам пока не нужны, но в реальной программе это те параметры, которые передаются при запуске программы из консоли.
Метод заканчивается выражением End Sub .
Внутри метода располагаются действия, которые этот метод выполняет:
По умолчанию здесь выполняется одно действие - вызов встроенного метода Console.WriteLine() , который выводит строку на консоль. То есть при выполнении данной программы на консоль будет выводиться "Hello World!"
Теперь мы можем запустить на выполнение с помощью клавиши F5 или с панели инструментов, нажав на зеленую стрелку. И если вы все сделали правильно, то при запуске приложения на консоль будет выведена строка "Hello World!".
Теперь изменим весь этот код на следующий:
Здесь в методе Main вначале идет вызов метода Console.Write("Введите имя:") , он, как и метод Console.WriteLine() выводит на консоль некоторую строку.
Затем с помощью оператора Dim определяется переменная name
Этой переменной присваивается результат другог встроенного метода - Console.ReadLine , который позволяет считать с консоли введенную строку. То есть мы введем в консоли строку (точнее имя), и эта строка окажется в переменой name .
Затем введенное имя выводится на консоль:
Чтобы ввести значение переменной name внутрь выводимой на консоль строки, применяются фигурные скобки <>. То есть при выводе строки на консоль выражение будет заменяться на значение переменной name - введенное имя.
Однако чтобы можно было вводить таким образом значения переменных внутрь строки, перед строкой указывается знак доллара $.
Запустим проект на выполнение с помощью клавиши F5 и после приглашения к вводу введем какое-нибудь имя:
1. В первую очередь перечислим, какие компоненты должны быть установлены для создания графического приложения на языке С++. Их три, все относятся к разделу "Desktop development with C++":
- VC++ 2017 v141 toolset (x86,x64)
- Windows 10 SDK (10.0.15063.0) for Desktop C++ x86 and x64
- C++/CLI support
Первые два нужны для создания любого приложения на С++, третий именно для создания графической оболочки программы. Во время исследования данной темы мною подключалось два десятка других - пользы новичкам от них нету.
2. После установки среды разработки переходим
File > New > Project. ( ^+N )
В появившемся окне отыскиваем Installed > Visual C++ > CLR > CLR Empty Project
Поля внизу заполняем традиционным для таких программ способом. В названии проекта лучше не допускать пробелов, иначе вам потом придётся мудрить в коде.
3. Необходимо добавить в приложение главную форму. Есть два равносильных пути достижения этой цели.
Первый: в "Solution Explorer" правой кнопкой мыши на названии проекта, во всплывшем контексном меню Add > New Item.
Второй способ: в главном меню выбираем Project > Add New Item.
Или просто нажимаем ^+A
Во появившемся окне Visual C++ > UI > Windows Form
Главная форма программы создана. На некоторых компьютерах в данный момент возможно выскакивание ошибки 0x8000000A, в этом случае нужно просто закрыть вкладку.
Эта ошибка хорошо известна ещё по Visual Studio 2015. Можете почитать её обсуждение, к примеру, на сайте Microsoft по ссылке1, ссылке2, ссылке3. И более лучшего решения, чем закрывать вкладку, ещё нет. По всей видимости, команда разработчиков Visual Studio не считает эту ошибку достаточно серьёзным делом, чтобы ломать о неё копья.
4. Но мало просто создать форму, нужно вплести её в создаваемую программу. Для этого в "Solution Explorer" правой кнопкой мыши на названии проекта, во всплывшем контексном меню выбрать Properties .
В открывшемся окне произвести два действия.
• Linker > System > SubSystem , из раскрывающегося списка выбрать " Windows (/SUBSYSTEM:WINDOWS) "
• Linker > Advanced > Entry Point . В пустое поле вписать " main " (без кавычек).
5. В "Solution Explorer" двойным щелчком открыть в редакторе файл MyForm.cpp. Скопировать в него текст
Отлично, всё готово! Теперь проект компилируем и запускаем. Но если у вас ранее выскакивала 0x8000000A, то быстрее всего вам придётся перезапустить Visual Studio и вновь загрузить в нём проект. Далее ошибка ни в чём не проявится.
6. Для того, чтобы добавить на нашу только что созданную форму новые элементы, понадобится панель Toolbox. Полезно запомнить горячую клавишу ^!X
Работа с размещением элементов на форме сложностей вызвать не должна. Работает здесь всё удобнее, чем wxWidgets в CodeBlocks или wxDev-C++. Никаких глюков мною замечено не было.
Для изменения свойств только что созданного элемента интерфейса щёлкните на нём правой кнопкой и в контекстном меню выберите, соответственно, Properties.
Испытаем кнопку в работе. Сделаем так, чтобы по её названию появлялось окно с умным текстом. Двойной щелчок по элементу на форме вызовет редактор кода с уже прописанным в нём шаблоном. Добавим внутрь фигурных скобок команду
MessageBox::Show("Hello World",
"My heading", MessageBoxButtons::OKCancel,
MessageBoxIcon::Asterisk);
Запускаем и проверяем!
Если вдруг не запустится, то первым делом проверяем, что выставлено в раскрывающемся списке Solution Configurations . Он находится на панели инструментов (под главным меню). Там должно быть Release (а не Debug) .
Дополнительная информация
Альтернативные способы создания графических приложений в Visual Studio 2017.
1. UWP (Universal Windows Platfrom application) - универсальные приложения, способные запускаться на Windows 10, Windows 10 Mobile и аналогичных самых современных платформах от Microsoft. Платформа разработана как расширение Windows Runtime. Всё бы хорошо, но данные приложения не могут запускаться на более старых версиях Windows, даже на восьмёрке.
Пара слов для общего развития о нескольких технологиях, на которые вы будете постоянно натыкаться при чтении документации по разработке GUI в Visual Studio.
ATL (Active Template Library) - набор шаблонных классов языка C++, предназначенных для упрощения написания COM-компонентов.
MFC (Microsoft Foundation Classes) - библиотека объектов, помогающая профессиональным разработчикам создавать десктопные приложения. Что-то вроде более усложнённого и навороченного варианта ATL. ATL и MFC являются хорошими вещами, и с их задействованием также можно создавать графические приложения. Но это инструменты, требующие наличия углублённых знаний тематики.
IncrediBuild - технология ускорения компиляции и сборки приложений с помощью подключения дополнительных компьютеров. К методам создания графических интерфейсов это напрямую не относится.
Примечания:
В интернете можно наткнуться на заголовок "Full C and C++ IDE with Visual Studio". Оттуда закачиваются те же самые стандартные дистрибутивы Visual Studio, проверено по контрольным суммам.
P.S.
Теперь можно немного поэкспериментировать с элементами интерфейса. Ниже показан код простейшего графического калькулятора:
private: System::Void button6_Click(System::Object^ sender, System::EventArgs^ e) Application::Exit();
>
private: System::Void radioButton1_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "+";
>
private: System::Void radioButton2_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "-";
>
private: System::Void radioButton3_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "*";
>
private: System::Void radioButton4_CheckedChanged(System::Object^ sender, System::EventArgs^ e) label1->Text = "/";
>
private: System::Void button5_Click(System::Object^ sender, System::EventArgs^ e) char sw = System::Convert::ToChar(label1->Text);
double a = System::Convert::ToDouble(textBox1->Text);
double b = System::Convert::ToDouble(textBox2->Text);
double r;
switch (sw) case '+':
r = a + b;
break;
case '-':
r = a - b;
break;
case '*':
r = a * b;
break;
case '/':
r = a / b;
break;
>
label2->Text = "Result: " + System::Convert::ToString(r);
>
А теперь можно попытаться сотворить что-то более похожее на стандартное window-приложение. Пока простейшее.
double iFirstNum;
double iSecondNum;
double iResult;
String^ iOperator;
private: System::Void btnC_Click(System::Object^ sender, System::EventArgs^ e) /*button C ("Global Clear" - clears the entire calculation*/
tbDisplay->Text = "0";
lblShowOp->Text = "";
>
private: System::Void btnCE_Click(System::Object^ sender, System::EventArgs^ e) <
/*button CE ("Clear Entry" is supposed to be used to clear only the thing you are currently
typing into the calculator, before you have performed any operation on it.*/
tbDisplay->Text = "0";
>
private: System::Void buttonS_Number_Click(System::Object^ sender, System::EventArgs^ e) <
//Number Buttons Event
Button ^ Numbers = safe_cast(sender);
if (tbDisplay->Text == "0")
tbDisplay->Text = Numbers->Text;
else
tbDisplay->Text += Numbers->Text;
>
private: System::Void buttonS_Arithmetic_Click(System::Object^ sender, System::EventArgs^ e) <
//Operator Buttons Event
Button ^ op = safe_cast(sender);
iFirstNum = Double::Parse(tbDisplay->Text);
tbDisplay->Text = "0";
iOperator = op->Text;
lblShowOp->Text = System::Convert::ToString(iFirstNum) + " " + iOperator;
>
private: System::Void btnEquals_Click(System::Object^ sender, System::EventArgs^ e) <
//Equals
iSecondNum = Double::Parse(tbDisplay->Text);
if (iOperator == "+")
iResult = iFirstNum + iSecondNum;
else if (iOperator == "-")
iResult = iFirstNum - iSecondNum;
else if (iOperator == "*")
iResult = iFirstNum * iSecondNum;
else if (iOperator == "/")
iResult = iFirstNum / iSecondNum;
else MessageBox::Show("Unknown operation.\nSomething wrong.",
"error", MessageBoxButtons::OK,
MessageBoxIcon::Error);
return;
>
private: System::Void btnDot_Click(System::Object^ sender, System::EventArgs^ e) <
//Decimal Point
if (!tbDisplay->Text->Contains("."))
tbDisplay->Text += ".";
>
private: System::Void btnPM_Click(System::Object^ sender, System::EventArgs^ e) <
//Plus-Minus
if (tbDisplay->Text->Contains("-"))
tbDisplay->Text = tbDisplay->Text->Remove(0, 1);
else
tbDisplay->Text = "-" + tbDisplay->Text;
>
Код создан на основе видеоролика
"Visual C++ Calculator Tutorial with Decimal Point and Backspace" (37:59, DJ Oamen, 2016 Jan 2, Visual C++ 2010) ,
но имеет ряд отличий.
Как продолжение, существует видеоролик
"Visual C++ Scientific Calculator Tutorial" (53:31, Paul Oamen, 2016 Oct 2, Visual Studio 2015). Судя по голосу, автор тот же. К показанному выше калькулятору прибавляется конвертер температуры и ряд более научных функций. Предупрежу, что итоговое "творение" имеет массу изъянов и глюков, поэтому видео можно просматривать исключительно для изучение приёмов программирования. Но не используйте его в качестве образца того, как нужно создавать калькуляторы.
Читайте также: