Создайте гостевую книгу с помощью DreamweaverMX (3)
Автор:Eve Cole
Время обновления:2009-05-31 21:07:14
Хорошо, следующим шагом является адрес электронной почты и адрес домашней страницы, которые немного отличаются от предыдущего метода, как показано на рисунках (7-18) и (7-19).

7-18

7-19
Аналогично обратите внимание, что существует последовательность: сначала выберите изображение почтового ящика, а затем нажмите кнопку «Ссылка» на панели свойств ниже. Появится диалоговое окно, показанное на рисунке (7-20), что означает, куда подключаться, если нажать на эту картинку.

7-20
Раньше нашей функцией было подключение к локальной странице, но в DW MX мы можем подключиться к динамической странице, выбрав «Источники данных». Здесь мы берем поле электронной почты из набора записей и не забываем добавить впереди «mailto:». Почему мы добавляем это сюда? Это потому, что этот «mailto» представляет собой html-тег, то есть соединение с OUTLOOK открывается для отправки почты.
В то же время не забудьте добавить атрибут alt к этому изображению электронного письма, то есть адрес электронной почты alt="<%=(guestbook.fields.item("f_name").value)%> равен <%=( Guestbook.fields.item(" f_email").value)%>, нажмите здесь, чтобы отправить ему/ей электронное письмо".
Способ подключения адреса домашней страницы показан на рисунке (7-21).

7-21
После привязки соединения не забудьте добавить атрибут alt к изображению. Измените его на alt="<%=(guestbook.fields.item("f_name").value)%>. Адрес электронной почты: <%=(гостевая книга). .fields.item( "f_homepage").value)%>, нажмите здесь, чтобы отправить ему/ей сообщение"
Да, здесь немного скучновато, но да ладно, победа нам машет. :)
Взгляните на текущий эффект, как показано на рисунке (7-22).

7-22
Следующее, что нужно сделать, это добавить ссылки для ответа на тему, редактирования и удаления, а также сделать ее динамической. Здесь используется поведение сервера — переход на страницу сведений (Перейти на страницу сведений). Ранее мы установили страницу ответа (rep.asp), страницу редактирования (edit.asp) и страницу удаления (del.asp). Здесь мы не будем подробно рассказывать о том, как подключаться по отдельности. Эффект показан на рисунке (7). -23, 7-24, 7-25).

7-23

7-24

7-25
После выполнения трех вышеуказанных шагов вам все равно нужно не забыть сделать одну вещь. Что делать, если у нас много сообщений? ? Здесь нам нужно использовать Повторный регион (повторяемый регион) в поведении сервера DW MX, выберите всю большую таблицу, отображающую сообщение, Приложение -> Поведение сервера -> Повторить регион, как показано на рисунке (7-26). .

7-26
Мы определяем его для отображения 14 записей на странице, что выглядит немного проще, и нажимаем кнопку «ОК».
Приступая к этому шагу, я должен задаться вопросом: как пользователи, просматривающие страницы, узнают, сколько записей сообщений у меня есть? ? Фактически, когда мы создаем набор записей, DW MX уже учел это за нас, как показано на рисунке (7-27).

7-27
Индекс первой записи: первая запись в индексе.
Индекс последней записи: последняя запись в индексе.
Всего записей: сумма всех записей.
При этом все, что нам нужно сделать, это перетащить их на страницу и добавить соответствующий поясняющий текст, как показано на рисунке (7-28).

7-28
Если вы будете упорны, у вас все получится! Нам также понадобится направляющая, поскольку ранее мы использовали повторяющуюся область, как показано на рисунке (7-29).

7-29
Вставка -> Объекты приложения -> Панель навигации по набору записей (Вставка -> Объекты приложения -> Панель навигации по набору записей), после щелчка появится диалоговое окно, как показано на рисунке (7-30).

7-30
Набор записей: здесь выберите набор записей для навигации.
Использование отображения: выберите здесь метод отображения панели навигации, текст — это текст, изображения — это изображения, здесь мы выбираем изображения.
Нажмите кнопку «ОК», и эффект отображения будет таким, как показано на рисунке (7-31).

7-31
Возможно, она слишком велика. Мы можем уменьшить эту таблицу. После выбора этой таблицы измените ее ширину = «50%» на ширину = «15%» на панели свойств. Конечный результат показан на рисунке (7-32). ) показано.

7-32
Теперь на последнем этапе улучшения подключите «Опубликовать новую тему» к странице new.asp, подключите следующий «Портал администратора» к странице login.asp и используйте поведение сервера для «Выход из системы!». Супер Подготовлено пользователем. Как показано на рисунке (7-33).

7-33
Аутентификация пользователя: Аутентификация пользователя.
Выйти из системы: Пользователь, вошедший в систему, выходит из системы.
После нажатия появится диалоговое окно, как показано на рисунке (7-44).

7-44
Выход из системы при: способ выхода из системы. При нажатии на ссылку: выход при нажатии на эту ссылку. Загрузка страницы: выход при закрытии страницы.
Когда все будет готово, перейдите: на какую страницу перейти после выхода. Здесь мы определяем переход на домашнюю страницу index.asp.
Кроме того, {Session.MM_username}, показанный выше, на самом деле подготовлен для суперпользователей. Когда вы не вошли в систему, отображается «Добро пожаловать». Если в систему вошел суперпользователь, отображается «Добро пожаловать XX!». Здесь нам нужно создать переменную сеанса, как показано на рисунке (7-34). Что касается этой переменной сеанса, мы подробно представим ее в следующих главах. :)

7-34

7-35
После нажатия появится диалоговое окно, как показано на рисунке (7-35). Введите MM_username в диалоговом окне. Эта переменная MM_username автоматически генерируется DW MX после применения поведения сервера входа в систему (подробнее мы представим ее позже). Также перетащите его перед восклицательным знаком между словами «Добро пожаловать!» Ах, давайте поревем вместе~~~~~~Наконец-то я закончил самую сложную часть, поздравляю, хе-хе...