Глава шестая: Реализация страницы регистрации пользователей в БЛОГе Doking.
Кто-то обнаружил: где пользователи должны публиковать заметки и ответы? Этому вопросу будут посвящены главы 6 и 7. В этой главе в основном объясняется реализация страницы регистрации пользователя.
6.1.1 Изменение страницы шаблона bkblog.dwt.aspx
(1) Откройте шаблон bkblog.dwt.aspx, вставьте таблицу Lefttab в левый столбец, вставьте форму Yhlogfrm в первую строку и вставьте table logtab в форме Yhlogfrm и вставьте соответствующие текстовые поля, текстовые области и кнопки. Результат показан на рисунке 6-1-1:
Рисунок 6-1-1 Дизайн входа пользователя в шаблоне
(2) Назовите текстовое поле, соответствующее имени автора; назовите текстовое поле, соответствующее паролю Logpass, и измените тип на «Пароль»; измените действие «Регистрация»; кнопку «Нет» ;Измените действие кнопки «Войти» на «Отправить форму».
(3) Нажмите кнопку «Зарегистрировать» на панели [Поведение], добавьте поведение к URL-адресу и во всплывающем диалоговом окне введите ссылку как «../yhinlog.aspx», как показано на рисунке 6. -1-2 :
Рисунок 6-1-2 Добавьте поведение перехода по URL-адресу
(4) Сохраните шаблон и обновите все веб-страницы.
6.1.2 Дизайн страницы регистрации
(1) Создайте новую динамическую страницу ASP.NET VB yhinlog.aspx, сгенерированную шаблоном bkblog.dwt.aspx, вставьте форму Yhinfrm в редактируемую область основного текста, затем вставьте сформируйте yhinlog и выполните соответствующие проекты. Результат показан на рисунке 6-1-3:
Рисунок 6-1-3 Дизайн таблицы yhinlog
(2) Выберите текстовое поле, соответствующее имени пользователя, переключитесь на панель меток, разверните «CSS/Доступность», введите YHNAME в идентификатор, разверните «Неклассифицированный», введите runat, server , измените текстовое поле YHNAME на серверный элемент управления, как показано на рисунке 6-1-4:
Рисунок 6-1-4 Измените метку текстового поля
(3) и т. д. Текстовое поле, соответствующее паролю, называется YHPASS, текстовое поле, соответствующее подтверждению пароля, называется REPASS, текстовое поле, соответствующее коду QQ, — с именем YHQQ и соответствующее текстовое поле для электронной почты. Назовите текстовое поле YHEMAIL, назовите соответствующее текстовое поле на домашней странице YHINDEX и измените все текстовые поля на элементы управления сервера.
(4) Выберите форму Yhinfrm, измените ее на серверный элемент управления и сохраните yhinlog.aspx.
6.1.3 Завершить оформление страницы регистрации
(1) Создайте новую динамическую веб-страницу yhlogok.aspx из шаблона bkblog.dwt.aspx, вставьте логотип таблицы с тремя строками и одним столбцом в редактируемую область основного текста, введите текст «Добро пожаловать» во второй строке и нажмите в контекстном меню ASP.NET «Привязать данные», затем нажмите «Обрезанный элемент формы», переместите курсор в положение, показанное на рисунке 6-1-5, и введите «YHNAME».
Рисунок 6-1-5 Вставка обрезанного элемента формы
(2) Вернитесь в представление дизайна, продолжайте вводить текст «БЛОГ Донкинга!» и создайте логотип таблицы. Результат показан на рисунке 6-1-6:
Рисунок 6-1-6 Дизайн логотипа таблицы
(3) Выберите кнопку «Домой», на панели [Поведение] добавьте поведение для перехода по URL-адресу, во всплывающем диалоговом окне введите ссылку «index». .aspx", save yhlogok.aspx
Чтобы пользователи не вводили неправильную регистрационную информацию, регистрационная информация пользователя должна быть стандартизирована и проверена.
(1) Откройте yhinlog.aspx, откройте контекстное меню ASP.NET и нажмите [Дополнительные теги], как показано на рисунке 6-2-1:
Рисунок 6-2-1 Контекстное меню ASP.NET
(2) Разверните «Метка ASP.NET» → «Управление сервером проверки» во всплывающем селекторе меток, выберите «asp:RequiredFieldvalidator» в правой рамке окна и нажмите « Нажмите кнопку «Вставить», как показано на рисунке 6-2-2 ниже:
Рисунок 6-2-2 Селектор тегов
(3) Во всплывающем редакторе тегов добавьте элемент управления для текстового поля YHNAME и заполните элементы, как показано на рисунке 6-2-3:
Рисунок 6-2-3 Редактор тегов RequiredFieldValidator
(4) Откройте селектор тегов, вставьте серверный элемент управления ASP.NET → элемент управления CompareValidator, добавьте элемент управления сравнением проверки с текстовым полем REPASS для текстового поля YHPASS и заполните соответствующее поле. информация, как показано на рисунке 6-2-4 показано:
Рисунок 6-2-4 Редактор тегов CompareValidato
(5) Вставьте серверный элемент управления ASP.NET → элемент управления Rangevalidator, добавьте элемент управления проверки для текстового поля YHQQ и заполните соответствующую информацию, как показано на рисунке 6-2-5:
Рисунок 6-2-5 Редактор тегов средства проверки диапазона
(6) Вставьте серверный элемент управления проверки ASP.NET → элемент управления проверки регулярного выражения, добавьте элемент управления проверки для текстового поля YHEMAIL и заполните различные элементы, как показано на рисунке 6-2. -6, в котором выражение проверки Формула:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
Рисунок 6-2-6 Редактор тегов проверки регулярных выражений
(7) Вставьте серверный элемент управления проверки ASP.NET → элемент управления проверки регулярных выражений, добавьте элемент управления проверки для текстового поля YHINDEX и заполните различные элементы, как показано на рисунке 6-. 2-7, в которых проверяется выражение: http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
Рисунок 6-2-7 Валидатор регулярных выражений Редактор тегов
(8) должен иметь элемент управления проверкой, чтобы предотвратить дублирование имен пользователей, зарегистрированных пользователями.
①Добавьте набор данных yhinlog, установите для него фильтр, поле фильтра — YHNAME, а переменная параметра — переменная формы YHNAME. Его настройки показаны на рисунке 6-2-8:
Рисунок 6-2-8. Вставка набора данных yhinlog
② Вставьте серверный элемент управления ASP.NET → элемент управления CustomValidator, добавьте элемент управления проверкой для текстового поля YHINDEX и заполните различные элементы, как показано на рисунке 6-2-9. включая функцию проверки клиента:
<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>
Рисунок 6-2-9 Редактор тегов Custom Validator
(9) Сохраните yhinlog.aspx и просмотрите его в IE. Если появится диалоговое окно, показанное на рисунке 6-2-10, это означает, что в корневом каталоге нет подкаталогов. Сайт dklog.aspnet_client также не имеет библиотеки сценариев JS, необходимой для проверки элементов управления. При установке платформы .NET программа установки копируется в корневой каталог сайта по умолчанию c:Inetpubwwwroot. Скопируйте подкаталог aspnet_client в c:Inetpubwwwroot в корневой каталог сайта dkblog. ХОРОШО!
Рисунок 6-2-10 Невозможно найти необходимую библиотеку сценариев JS
(1) Откройте yhinlog.aspx, добавьте поведение сервера [Вставить запись] и добавьте соответствующие данные формы в таблица данных YH. Настройки показаны на рисунке 6-3-1:
Рис. 6-3-1. Поведение сервера «Добавить [Вставить запись]»
(2) ASP.NET не поддерживает передачу в кодировке gb2312. Переключитесь в режим просмотра кода и найдите:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Удалите код ResponseEncoding="gb2312" и все будет в порядке:
<%@ Page Language ="VB" ContentType="text/html"%>
(3) Сохраните, просмотрите и отправьте регистрационную информацию пользователя в IE и откройте таблицу YH в Access. Вы можете обнаружить, что вся отправленная китайская информация изменилась на ?? . Что делать? Не волнуйтесь, это связано с тем, что TASP.NET не поддерживает передачу кодировки gb2312. Откройте yhinlog.aspx, переключитесь в режим просмотра кода, найдите первую строку кода:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Измените ее на:
<%@ Page Language= "VB" ContentType="text/html" %>
То есть удалите ResponseEncoding="gb2312". Другие веб-страницы также изменяются в соответствии с этим методом, чтобы предотвратить ошибки в информации, отправляемой на китайском языке.