Поделиться через

Практическое руководство. Использование дополнительных функций элемента управления Login ASP.NET

  • Статья

Обновлен: Ноябрь 2007

Элемент управления Login является составным элементом управления, предоставляющим все общие элементы пользовательского интерфейса (UI) формы входа. Благодаря модульности элемента управления каждая его часть может индивидуально настраиваться. Эти части включают в себя текстовые поля «Имя пользователя» и «Пароль», кнопку отправки, кнопку, создающую нового пользователя, флажок «Запомнить меня» и справочную информацию для пользователя. Можно определить собственный пользовательский интерфейс для элемента управления Login с помощью определения новых элементов и повторного использования компонентов по умолчанию. Можно также настроить текст пользовательского интерфейса и вид (шрифты и цвета) элемента управления Login. В качестве альтернативы можно изменить общий вид элемента управления Login, применив тему или обложку ASP.NET.

Кроме того, можно использовать дополнительные возможности элемента управления Login, такие как проверка, хранится ли учетная информация в постоянном файле Cookie в веб-обозревателе или виден ли элемент управления входом в систему (на страницах, кроме страницы входа по умолчанию) при входе пользователя. Наконец, можно преобразовать элемент управления входом в систему в шаблон для полного контроля над видом элемента управления.

Управление видимостью элемента управления входом при входе пользователя

  1. Расположите элемент управления Login на странице.

    ms178340.alert_note(ru-ru,VS.90).gifПримечание.

    По умолчанию элемент управления настраивается для работы со страницей входа с именем Login.aspx. Можно изменить имя страницы входа в файле Web.config с помощью настройки свойства LoginUrl класса FormsAuthentication.

  2. Если необходимо, чтобы элемент управления Login появлялся только в том случае, если пользователь не авторизован (элемент управления всегда будет отображаться на странице входа, идентифицируемой с помощью свойства LoginUrl), задайте свойству VisibleWhenLoggedIn значение false.

  1. Если необходимо контролировать отображение флажка Запомнить меня в следующий раз, задайте свойству DisplayRememberMe значение true. Когда пользователь устанавливает флажок Запомнить меня в следующий раз, при его или ее входе опознавательная лексема будет храниться в постоянном файле Cookie веб-обозревателя.

  2. Если необходимо установить флажок Запомнить меня в следующий раз по умолчанию, задайте свойству RememberMeSet значение true.

  3. При необходимости хранить опознавательную лексему в постоянном файле Cookie, не предоставляя пользователю возможности очистки флажка Запомнить меня в следующий раз, задайте свойству RememberMeSet значение true, а свойству DisplayRememberMe — значение false. Это не рекомендуется для узлов, к которым может быть доступ с публичных компьютеров, обслуживающих множество пользователей, так как постоянная пользовательская опознавательная лексема может быть использована нежелательным пользователем.

Добавление ссылок на справку в элемент управления Login

  1. Чтобы добавить ссылку к элементу управления Login, направляющему пользователя по URL-адресу, где он или она смогут создать новую учетную запись, необходимо задать свойству CreateUserText текст, например Нажмите для регистрации, а свойству CreateUserUrl — URL-адрес страницы справки, например ~/register.aspx.

    ms178340.alert_note(ru-ru,VS.90).gifПримечание.

    Для этого и последующих шагов необходимо, чтобы URL-адреса назначения располагались в месте, не требующем проверки подлинности.

  2. Чтобы добавить ссылку к элементу управления Login, направляющему пользователя по URL-адресу для пользователей с целью восстановления их паролей, необходимо задать свойству PasswordRecoveryText текст, например Забыли пароль?, а свойству PasswordRecoveryUrl — URL-адрес страницы справки, например ~/recoverpassword.aspx.

  3. Чтобы добавить ссылку к элементу управления Login направляющему пользователя по URL-адресу справки, необходимо задать свойству HelpPageText текст, например Нужна помощь?, а свойству HelpPageUrl — URL-адрес страницы справки, например ~/userhelp.aspx.

Добавление изображений к элементу управления Login

  • Для использования изображения вместо кнопки Войти необходимо задать свойству LoginButtonImageUrl URL-адрес файла изображения входа, например ~/images/login.gif.

    Можно также включить изображения с качестве ссылок на URL-адреса страницы восстановления пароля, страницы создания нового пользователя и страницы справки с помощью свойств PasswordRecoveryIconUrl, CreateUserIconUrl и HelpPageIconUrl соответственно.

Преобразование элемента управления Login в шаблон

Элемент управления Login можно преобразовать в шаблон, определенный в разметке в качестве таблицы, содержащей такие элементы управления ASP.NET, как Label и TextBox. Затем можно использовать эти элементы или добавлять собственные для создания пользовательского шаблона для элемента управления Login. Имейте в виду, что такие же идентификаторы элемента управления используются для элементов управления, создающих шаблон Login в качестве шаблона по умолчанию.

Использование шаблона с элементом управления Login

  1. Поместите элемент управления Login на страницу в представлении конструктора.

  2. Щелкните правой кнопкой мыши элемент управления и выберите из контекстного меню Преобразовать в шаблон.

Преобразование элемента управления Login зависит от объявления DOCTYPE. Если объявление DOCTYPE задано как «XHTML 1.0 Transitional» (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">), стили применяются к таблицам, созданным при преобразовании элемента управления Login в шаблон. Если объявление DOCTYPE не задано в виде «XHTML 1.0 Transitional» или отсутствует, в создаваемой внешней таблице не сохраняется никакой информации о стилях.

Например, при задании относительного размера шрифта элемента управления Login, а затем преобразования элемента управления в шаблон относительный размер шрифта не сохраняется в таблице. В следующем примере демонстрируется элемент управления Login c размером шрифта, равным «X-Large»:

<asp:login id="Login2" runat="server" font-size="X-Large" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" ForeColor="#333333">
    <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" />
    <InstructionTextStyle Font-Italic="True" ForeColor="Black" />
   <TextBoxStyle Font-Size="0.8em" />
    <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px"
    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" />
</asp:login>

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

<asp:login id="Login2" runat="server" font-size="X-Large" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" ForeColor="#333333">
    <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" />
    <InstructionTextStyle Font-Italic="True" ForeColor="Black" />
    <TextBoxStyle Font-Size="0.8em" />
    <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px"
    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" />
    <LayoutTemplate>
    <table border="0" cellpadding="4" cellspacing="0" style="border-collapse: collapse">
...

Если необходимо применить атрибуты стиля к создаваемой таблице, при преобразовании элемента управления Login в шаблон убедитесь, что DOCTYPE для страницы установлен в значение «XHTML 1.0 Transitional», перед тем как выбирать Преобразовать в шаблон из меню элемента управления в представлении конструктора.

См. также

Основные понятия

Настройка внешнего вида элементов управления входом ASP.NET

Общие сведения о темах и обложках ASP.NET

Другие ресурсы

Элементы управления вкладки "Вход в систему" панели элементов