Недавно, чтобы в полной мере использовать книжные ресурсы и облегчить запросы сотрудников, компания решила создать систему поиска книг во внутренней сети компании. Учитывая, что книг у компании не так много, всего более 1000 томов, и большинство из них — профессиональные книги, я решил сделать два условия запроса: одно — запрос на основе категории книги. Пользователю нужно только выбрать соответствующую. категория для отображения всех книг в этой категории. В основном это для людей, которые не знакомы с книгами компании; второй вариант — запрос по названию книги. Пользователи могут быстро найти все книги, соответствующие условиям. при вводе названия книги.
План определен, и следующий вопрос – какой софт использовать и как это сделать. Здесь я выбрал форму веб-страницы, чтобы коллеги могли задавать вопросы, пока они открывают браузер и вводят соответствующий адрес. Поэтому я использую программное обеспечение Dreamweaver (именуемое в дальнейшем dw), мощный инструмент для создания веб-страниц, доступа к базе данных, а также Win98 и pws в качестве среды (примечание редактора: учебные пособия по использованию PWS см. Углубленное понимание Microsoft Personal Server PWS One» и «Углубленное понимание Microsoft Personal Server» Server PWS, часть 2» «Углубленное понимание Microsoft Personal Server PWS, часть 3» «Углубленное понимание Microsoft Personal Server PWS» Часть 4»). Сегодня официальное начало гонга.
Нажмите здесь, чтобы загрузить исходный код этого руководства.
Сначала настройте базу данных:
1. Создайте новую папку в разделе «Мои документы» и назовите ее «Институт». Конечно, вы также можете создать новый в другом месте и дать ему другое имя.
2. Откройте доступ, создайте новую базу данных db1 и создайте две таблицы leibie и tushu. Поле контакта между таблицами — «имя категории».
Структура таблицы Лейби имеет два поля:
(1) Номер категории, тип текста, длина поля — 6 цифр, обязательное поле, пустые строки не допускаются;
(2) Название категории, тип текста, длина поля — 20 символов, обязательное поле, пустые строки не допускаются.
Структура таблицы tushu имеет девять полей:
(1) Номер, тип текста, длина поля — 6 цифр;
(2) Название книги, тип текста, длина поля — 60 символов, обязательное поле, пустые строки не допускаются.
(3) Автор, тип текста, длина поля 50 символов;
(4) Издатель, тип текста, длина поля — 60 символов;
(5) Издание, тип текста, длина поля 15 цифр;
(6) Цена за единицу, тип валюты, допускаются 2 десятичных знака, значение по умолчанию — 0 юаней;
(7) Название категории, тип текста, длина поля — 20 символов, обязательное поле, пустые строки не допускаются.
(8) Следует ли давать взаймы, тип текста, длина поля — 4 цифры, обязательное поле, ввод пустой строки запрещен, значение по умолчанию — «Нет».
(9) Примечания, тип примечания.
3. Введите различные данные в соответствии со структурой таблицы.
Во-вторых, настройте сайт и подключитесь к базе данных:
(1) Настройте сайт. Откройте dw, выберите новый сайт в меню сайта, и появится всплывающая панель настроек сайта. Введите имя сайта в институт, и каталог — это каталог, который мы только что создали, как показано на рисунке 1. Выберите Asp VBScript для модели сервера. в опции «Тестовый сервер» и выберите «Локальный/Сетевой» для доступа.
Рисунок 1
(2) Создайте новую веб-страницу. Поскольку запрос является динамической страницей, выберите «Динамическая страница» и Asp VBScript на всплывающей панели, как показано на рисунке 2. Нажмите кнопку «Создать», чтобы вернуться на страницу.
Рисунок 2
(3) Подключитесь к базе данных. Разверните панель «Приложение» справа, выберите вкладку «Базы данных», нажмите кнопку «+» и выберите «Имя источника данных (DSN), как показано на рисунке 3.
Рисунок 3
(4) На всплывающей панели «Имя источника данных (DSN)» (как показано на рисунке 4) нажмите кнопку «Определить...», чтобы войти в диспетчер источников данных ODBC, выберите метку системного DSN, нажмите кнопку «Добавить» и выберите драйвер данных «Драйвер Microsoft Access (*. mdb)», нажмите кнопку «Готово».
Рисунок 4
(5) Выберите путь к базе данных (каталог, который мы только что создали) на следующей панели, выберите db1 и введите db1 в качестве имени источника данных, как показано на рисунке 5.
Рисунок 5 (6) Нажмите кнопку «ОК», чтобы вернуться на панель «Диспетчер источников данных ODBC». Нажмите кнопку «ОК» еще раз, чтобы вернуться на панель «Имя источника данных» (DSN). Нажмите кнопку проверки. Если появится панель успеха, как показано на рисунке 6, это означает, что все в порядке и база данных подключена. Наш новый источник данных db1 появится соответственно на вкладке «Базы данных» панели «Приложение» справа.
Рисунок 6
Теперь, когда все готово, вы можете создать веб-страницу динамических запросов.
1. Создайте домашнюю страницу. Домашняя страница очень проста: просто создайте две ссылки запроса: ссылки «Поиск по категории книг» на chaxun.asp, ссылки «Поиск по названию книги» на chaxun1.asp. Эти две веб-страницы являются веб-страницами запросов, которые мы создадим ниже. . Поскольку домашняя страница не требует динамического программирования, ее можно сохранить в формате htm. Файл сохраняется в каталоге института под названием index, как показано на рисунке 7.
Рисунок 7
2. Создайте веб-страницу запроса по категории книг.
1. Создайте новую динамическую веб-страницу и назовите ее chaxun.asp.
2. Создайте набор записей. Выберите вкладку «Привязки» на панели «Приложение» справа, нажмите кнопку «плюс» и выберите «Набор записей (запрос), как показано на рисунке 8. Появится диалоговое окно «Набор записей», настройки которого показаны на рисунке 9. Имя принимает значение. значение по умолчанию Recordset1, а Connection выбирает тот, который мы только что создали. Connect to db1. Поскольку отображается категория книг, Table выбирает таблицу leibie.
Рисунок 8
Рисунок 9 3. После завершения настроек нажмите кнопку тестирования, и вы увидите, что содержимое таблицы Лейби отображается полностью. Нажмите «ОК», чтобы вернуться на страницу. В этот момент мы видим только что созданный нами запрос с именем Recordset1, отображаемый под меткой «Привязка».
4. Введите содержимое, отображаемое статически на веб-странице, как показано на рисунке 10, где ссылка «возврат» указывает на домашнюю страницу index.htm.
Рисунок 10
5. Щелкните знак «+» рядом с надписью «Набор записей1» под меткой «Привязка», чтобы развернуть поле. Нажмите и удерживайте поле «Имя категории» с помощью мыши и перетащите его прямо в ячейку на странице. Отпустите кнопку мыши, чтобы открыть ячейку. содержит динамический текст, эффект страницы показан на рисунке 11.
Рисунок 11
Просто эта ячейка теперь может отображать только одну строку (можете сначала проверить в браузере, отображается ли она так), так как же нам отобразить все содержимое поля?
6. Выберите таблицу, затем выберите вкладку «Поведение сервера» на панели «Приложение» справа, нажмите кнопку «плюс» и выберите «Повторить регион». Таким образом вы можете контролировать количество записей, отображаемых на одной странице. Здесь, поскольку категорий книг не так много, мы выбираем All Records (показать все записи) в диалоговом окне и отображаем без нумерации страниц, как показано на рисунке 12.
Рисунок 12
7. Запустите pws, задайте путь, откройте эту веб-страницу в браузере и посмотрите, все ли названия категорий в базе данных отображаются на экране, но вы пока не можете щелкнуть. Хорошо, давайте создадим соответствующую страницу для отображения книг.
3. Создайте страницу, отображаемую по запросу категории.
1. Создайте новую динамическую веб-страницу и назовите ее xianshi.asp.
2. Создайте набор записей. Выберите вкладку «Привязки» на панели «Приложение», нажмите кнопку «плюс», выберите «Набор записей» (запрос), и появится диалоговое окно «Набор записей». Настройки внутри показаны на рисунке 13. Имя — «Выберите tushu для таблицы базы данных». Информация о книге, отображаемая на веб-странице, основана на предыдущем запросе. Отображаются условия, поэтому необходимо установить условие ограничения для выбора книг, соответствующих условиям. Итак, как это условие передается и принимается? Для этого необходимо использовать параметр URL-адреса. Этот параметр можно использовать для передачи условий запроса с веб-страницы запроса, а затем принять этот параметр на отображаемой веб-странице для отображения соответствующих записей. Конкретное использование заключается в следующем:
Рисунок 13 (1) Сначала давайте вернемся на страницу запроса chaxun.asp. С помощью мыши выберите поля в таблице, затем выберите вкладку «Поведение сервера» на панели «Приложение», нажмите кнопку «плюс» и выберите «Перейти на страницу сведений». Появится диалоговое окно «Перейти на страницу сведений». Отобразятся конкретные настройки. на рисунке 14. Страница сведений — это наша отображаемая веб-страница xianshi.asp. В текстовом поле «Передать параметр URL» указывается имя параметра, которое будет передано на страницу сведений через URL-адрес. Для простоты понимания мы вводим «имя категории». Это имя может быть отображено позже. Названия параметров, заданные на веб-странице, такие же. Набор записей означает, из какого набора записей он передается. Мы выбираем «Набор записей1», что означает источник значения параметра URL. Он должен соответствовать условиям запроса на веб-странице запроса, поэтому выберите «Имя категории». Существующие параметры находятся в разделе «Это связано с формой, но форма не используется на этой странице запроса, поэтому вы не можете ее выбрать». Нажмите кнопку «ОК», и вы увидите, что поле в таблице стало гипертекстовой ссылкой, содержащей динамический контент.
Рисунок 14 (2) Хорошо, параметр URL-адреса установлен, теперь вернитесь на отображаемую веб-страницу xianshi.asp, чтобы принять этот параметр. Выберите Recordset (Query), появится диалоговое окно Recordset и установите его в Filter, как показано на рисунке 13 выше, что означает: условие запроса таково, что поле «имя категории» в таблице tushu должно быть равно переданному URL. Параметр параметра «имя категории», чтобы можно было запрашивать веб-страницу. Он связан с отображением веб-страницы.
(3) Нажмите кнопку тестирования, чтобы проверить. Вы можете ввести название категории, и dw отобразит соответствующие записи книги.
(4) Нажмите кнопку «ОК», чтобы вернуться на страницу. Набор записей теперь установлен.
3. Введите статический контент на веб-странице, как показано на рисунке 15. Ссылка «возврат» ведет на веб-страницу запроса chaxun.asp. Поскольку в некоторых категориях много книг, для отображения устанавливается постраничный режим.
Рисунок 15 4. Используйте описанный выше метод, чтобы перетащить поля набора записей в соответствующие позиции на странице, как показано на рисунке 16.
Рисунок 16 5. Выберите вторую строку в таблице, щелкните метку «Поведение сервера» на панели «Приложение», нажмите кнопку «плюс», выберите «Повторить регион», и появится диалоговое окно «Повторить регион». Поскольку оно отображается на страницах, я решил отобразить его. несколько элементов одновременно. Здесь I Введено 10, что означает, что на каждой странице отображается 10 записей. Вы можете вводить свободно в зависимости от ситуации, как показано на рисунке 17. Нажмите кнопку ОК, чтобы вернуться на страницу.
Рисунок 17 6. Потому что отображается страницами и нужно перелистывать, как этого добиться в dw? Это очень просто. Сначала выберите «Домой», затем щелкните вкладку «Поведение сервера» на панели «Приложение». Нажмите кнопку «Плюс». Вы увидите параметр «Разбиение на страницы». Наведите указатель мыши на этот параметр, чтобы отобразить раскрывающееся меню. смысл этих меню, я думаю, должен понять каждый, как показано на рисунке 18. Выберите первую «Переместить к первой записи», появится диалоговое окно, как показано на рисунке 19, нажмите кнопку «ОК», чтобы вернуться на страницу, чтобы динамическая ссылка «Домашняя страница» была готова, а другая « «Предыдущая страница» и «Следующая страница», «Последняя страница» и так далее, и сделайте соответствующие им динамические ссылки.
Рисунок 18
Рисунок 19 7. Так как же пользователь узнает, что запись дошла до последней и дальше пролистывать не следует? Здесь я решил так: если запись дошла до последней, то на странице автоматически скроются "следующая страница" и "последняя страница". Аналогично, если запись дошла до первой, то "первая". страница» и «предыдущая страница» будут автоматически скрыты на странице. «Страница» автоматически скрывается. Ниже приводится конкретный метод реализации:
(1) Сначала выберите «Домой», затем щелкните вкладку «Поведение сервера» на панели «Приложение», нажмите кнопку «плюс» и переместите указатель мыши к параметру «Показать регион», чтобы отобразить раскрывающееся меню, как показано на рисунке 20.
Рисунок 20 (2) Выберите «Показать регион, если не первая запись», что означает, что если это не первая запись, она будет отображаться, и наоборот, если это первая запись, она не будет отображаться или скрываться.
(3) Нажмите кнопку «ОК» непосредственно во всплывающем диалоговом окне, чтобы вернуться на страницу, чтобы функция автоматического скрытия «Домашней страницы» была готова.
(4) Таким же образом выполните несколько других функций автоматического скрытия. «Предыдущая страница» аналогична «Главной», выберите «Показать регион, если не первая запись»; «Следующая страница» аналогична «Последней странице», выберите «Показать регион, если не последняя запись».
На этом этапе страница, отображаемая по запросу категории, наконец завершена. Давайте посмотрим на конкретные эффекты. Запустите pws, откройте chaxun.asp с помощью IE, щелкните название категории, например «Новые лекарства», IE автоматически отобразит книги в этой категории, щелкните «Следующая страница», «Предыдущая страница» и другие ссылки, чтобы см. раздел «Проверьте, будет ли IE автоматически переворачивать страницы». Конкретный эффект показан на рисунках 21 и 22.
Рисунок 21
Рисунок 22 4. Создайте веб-страницу для запросов на основе названий книг.
1. Создайте новую динамическую веб-страницу и назовите ее chaxun1.asp.
2. Введите статически отображаемый контент на веб-странице, как показано на рисунке 23. Ссылка «возврат» ведет на домашнюю страницу index.htm. Красная пунктирная линия указывает, что это форма. Настройки атрибутов формы такие. показано на рисунке 24, что означает публикацию (передачу) имени переменной формы. Перейдите на веб-страницу xianshi1.asp и выполните эту веб-страницу, чтобы веб-страница запроса и отображаемая веб-страница были связаны через имя переменной. поле называется ts. Запомните это имя, поскольку это имя переменной, которая будет передаваться через форму, и следующее. Оно также используется для отображения веб-страниц.
Рисунок 23
Рисунок 24 5. Создавайте веб-страницы, отображаемые по названиям книг.
1. Создайте новую динамическую веб-страницу и назовите ее xianshi1.asp.
2. Введите статически отображаемый контент на веб-странице, как показано на рисунке 25, где ссылка «возврат» ведет на страницу запроса chaxun1.htm, а красная пунктирная линия также указывает, что это форма.
Рисунок 25 3. Создайте набор записей. Выберите вкладку «Привязки» на панели «Приложение», нажмите кнопку «плюс», выберите «Набор записей» (запрос), и появится диалоговое окно «Набор записей». Настройки внутри показаны на рисунке 26. Имя — Recordset1, таблица базы данных выбирает tushu, и Условие фильтра фильтра установлено в поле в таблице tushu. «Название книги» должно содержать переданную переменную формы ts. Эта переменная ts представляет собой имя текстового поля на веб-странице запроса chaxun1.asp. Нажмите кнопку ОК, чтобы вернуться на страницу.
Рисунок 26 4. Перетащите поля набора записей в соответствующие позиции на странице.
5. Выберите вторую строку таблицы, щелкните вкладку «Поведение сервера» на панели «Приложение», нажмите кнопку «плюс», выберите «Повторить регион», появится диалоговое окно «Повторить регион» и настройте его для отображения всех.
Эффект финальной страницы показан на рисунке 27.
Рисунок 27 На этом этапе страница, отображаемая по запросу названия книги, наконец завершена. Давайте посмотрим на конкретные эффекты. Запустите pws, откройте в IE файл chaxun1.asp, введите имя, например «Управление качеством», и IE автоматически отобразит все книги с названием «Управление качеством». Конкретные эффекты показаны на рисунках 28 и 29.
Рисунок 28
Рисунок 29 Веб-страница наконец-то завершена, и теперь каждый может запустить ее полностью. Сообщите своим коллегам IP-адрес вашего компьютера и откройте pws, чтобы ваши коллеги могли в любое время запрашивать книги через систему запросов.
Нажмите здесь, чтобы загрузить исходный код этого руководства.