Создание страницы с доступом только для членов

Пошаговое руководство. Создание веб-сайта ASP.NET с базовой функцией входа пользователей

NET Framework 4

Многие веб-сайты предоставляют доступ к своему содержимому только вошедшим пользователям (прошедшим проверку подлинности). По умолчанию ASP.NET предоставляет шаблоны проекта веб-сайта, включающие страницы, с помощью которых можно выполнить проверку подлинности. Примечание

Представленный в этом пошаговом руководстве шаблон проекта веб-сайта ASP.NET впервые появился в Visual Studio 2010.

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

В этом пошаговом руководстве демонстрируется выполнение следующих задач.

Создание веб-сайта ASP.NET.

Создание страницы с доступом только для членов. Эта страница будет доступна только пользователям, прошедшим проверку подлинности (вошедшим пользователям).

Использование страницы регистрации, на которой пользователи могут зарегистрироваться и создать новую учетную запись.

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

Использование страницы смены пароля, на которой имеющие учетную запись пользователи могут изменить свой пароль.

Предоставление доступа к странице смены пароля (исключительно) пользователям, прошедшим проверку подлинности.

Обязательные компоненты

Для выполнения этого пошагового руководства потребуется следующее.

Microsoft Visual Web Developer 2010, экспресс-выпуск или Visual Studio 2010.

SQL Server Express, установленный локально на компьютере. Сведения об установке SQL Server Express см. в разделе Практическое руководство. Подключение к базе данных AdventureWorksLT с помощью MDF-файла.

Создание нового проекта веб-сайта

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

В данном пошаговом руководстве используется проект веб-сайта. Вместо этого можно использовать проект веб-приложения. Сведения о различиях между этими типами веб-проектов см. в разделе Сравнение проектов веб-приложений с проектами веб-сайтов.

Создание нового веб-сайта ASP.NET

Запустите Visual Studio или Visual Web Developer.

В меню Файл выберите пункт Новый веб-узел. (Если этот пункт отсутствует, выберите команду Создать, а затем — Веб-сайт.)

Откроется диалоговое окно Новый веб-узел.

В разделе Установленные шаблоны щелкните элемент Visual Basic или C#, а затем щелкните пункт Веб-сайт ASP.NET.

В поле Расположение в Интернете выберите пункт Файловая система и введите имя папки, в которой будут храниться страницы веб-сайта. Например, введите имя папки C:\Websites\Login и нажмите кнопку ОК.

Visual Studio создаст папку и откроет веб-сайт в представлении Исходный код. Обратите внимание, что корневой веб-сайт содержит несколько файлов и папок, включая папку Account, файл Web.config, страницы About.aspx и Default.aspx и главную страницу Site.master.

Нажмите клавиши CTRL+F5 для запуска страницы.

В браузере отобразится домашняя страница веб-сайта. Обратите внимание на пункты меню (Домашняя страница, О программе) и гиперссылку Вход.

Закройте браузер.

Создание страницы с доступом только для членов

В этом разделе рассматривается, как создать страницу с доступом только для членов. Эта страница будет доступна только вошедшим пользователям (прошедшим проверку подлинности). На главную страницу будет добавлен элемент управления HyperLink, с помощью которого пользователи, прошедшие проверку подлинности, будут перенаправляться на страницу, доступную только членам. Не вошедший (анонимный) пользователь, щелкнувший гиперссылку для членов, будет перенаправлен на страницу входа для входа или создания учетной записи.

Создание страницы с доступом только для членов

В окне Обозреватель решений щелкните правой кнопкой мыши папку Account и выберите команду Добавить новый элемент.Примечание

Убедитесь, что новая страница создается в папке Account.

В диалоговом окне Создать веб-сайт выберите пункт Веб-форма.

В текстовом поле Имя введите MembersOnly.aspx.

Установите флажок Выбрать главную страницу и нажмите кнопку Добавить.

На экране появится диалоговое окно Выберите главную страницу.

В области Содержимое папок выберите Site.master и нажмите кнопку ОК.

В папке Account будет создана страница MembersOnly.aspx. Эта страница является страницей содержимого для страницы Site.master.

В окне Обозреватель решений двойным щелчком мыши откройте страницу MemberOnly.aspx и перейдите в представление Конструктор.

Добавьте содержимое на главную страницу.

Например, можно добавить фразу "Добро пожаловать на страницу, доступную только членам. Вход выполнен успешно".

Помимо созданной страницы, в папке Account также содержатся следующие страницы и файлы.

Страница Register.aspx. На этой странице пользователи могут создать учетную запись.

Страница Login.aspx. На этой странице запрашиваются имя пользователя и пароль.

Страница ChangePassword.aspx. На этой странице зарегистрированные пользователи могут изменить свой пароль.

Страница ChangePasswordSuccess.aspx. Эта страница отображается после успешного изменения пароля.

Файл Web.config.

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

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

Добавление элемента меню для страницы с доступом только для членов

В окне Обозреватель решений двойным щелчком мыши откройте страницу Site.master и перейдите в представление Конструктор.

Выберите элемент управления Menu, содержащий пункты меню Домашняя страница и О программе, затем щелкните смарт-тег элемента управления меню.

В диалоговом окне Задачи меню выберите пункт Правка элементов меню….

Откроется Редактор элементов меню.

На панели инструментов области Элементы нажмите кнопку Добавить корневой элемент.

В дереве меню создается новый элемент.

Выберите Новый элемент.

В окне Свойства окна Редактор элементов меню задайте свойству Text значение "Только для членов".

Выберите свойство NavigateUrl и нажмите кнопку с многоточием (...).

Откроется диалоговое окно Выбор адреса URL.

В области Папки проекта выберите папку Account.

В области Содержимое папки выберите страницу MembersOnly.aspx и нажмите кнопку ОК.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно.

Сохраните и закройте страницу Site.master.

В окне Обозреватель решений щелкните правой кнопкой мыши страницу Default.aspx и выберите команду Задать в качестве начальной страницы.