Реализация шаблонов мастер страниц в Silverlight
ОГЛАВЛЕНИЕ
Введение
Есть несколько статей о том, как реализовать шаблон мастер страницы в Silverlight. Вопрос в том, действительно ли нам нужна возможность создавать шаблон страницы в Silverlight. Если есть преимущества использования функции шаблона страницы в ASP.NET, то нет причины, из-за которой Silverlight не мог бы использовать это преимущество. Эта статья показывает, как создать приложение со стандартным стилем оформления шаблона мастер страницы в Silverlight.
Системные требования
- Приложение требует, чтобы у пользователя была копия Visual Studio 2008
- Microsoft® Silverlight™ 3 Tools для Visual Studio 2008 SP1
Конструктивные требования
Как и у традиционных веб-страниц, страница входа в систему при запуске выглядит как на Рис 1. Окно входа в систему состоит из 2 текстовых полей, 1 поля со списком и 2 кнопок. Текстовые поля используются для ввода пользователем имени пользователя и пароля, поле со списком используется для выбора рабочей среды при входе. Кнопка Cancel (отменить) удаляет все данные в текстовых полях и кнопка Login (войти) используется для отправки информации для аутентификации.
Рис 1. Страница входа в систему
После нажатия кнопки входа главная страница отобразит то же, что и на Рис 2.
Рис 2. Главная страница
Главная страница имеет два основных раздела: раздел шаблона мастер страницы и раздел подстраницы, как на Рис 3. Раздел шаблона мастер страницы имеет панель управляющих кнопок сверху и древовидное меню с левой стороны. Раздел подстраницы включает в себя область содержимого (контента) справа.
Рис 3. Раздел шаблона мастер страницы и раздел подстраницы
Шаблон мастер страницы состоит из:
- Метка названия формы: для отображения идентификатора подформы
- Метка идентификатора пользователя: для отображения текущего пользователя
- Метка системы: для отображения названия рабочей среды системы
- Метка даты: для отображения текущей даты
- Метка количества: для отображения числа информационных записей
- Метка состояния: для отображения текущего состояния
- Древовидное меню: для динамического изменения содержимого в области содержимого
- 11 управляющих кнопок: для выполнения действий над подстраницей
Рис 4. Элементы шаблона мастер страницы и подстраницы
11 кнопок управления включают следующие:
- Поиск: для запуска состояния поиска
- Выполнить: для извлечения данных с сервера и передачи их клиенту, а также для запуска состояния изменения
- Редактировать: для выполнения редактирования полей
- Удалить: удалить текущую запись
- Сохранить: сохранить изменения при обновлении
- Первая запись: перейти к первой записи
- Предыдущая запись: перейти к предыдущей записи
- Следующая запись: перейти к следующей записи
- Последняя запись: перейти к последней записи
- Excel: экспортировать данные в excel
- Выйти: выйти и закрыть браузер
Рис 5. Описание 11 кнопок управления
Есть 4 вида состояний:
Начальное: Активна кнопка поиска, как на Рис 6.
Рис 6. Начальное состояние
Поиск: Поиск и Выполнить активны, как на Рис 7.
Рис 7. Состояние поиска
Изменить: Все кнопки активны, исключая кнопку выполнения, как на Рис 8.
Рис 8. Состояние изменения
Клиентское: Вы можете решить, какие кнопки сделать активными/неактивными, например, вы можете сделать активными все кнопки, как на Рис 9.
Рис 9. Клиентское состояние
Древовидное меню можно раскрыть или свернуть, как на Рис 10.
Рис 10. Раскрытие древовидного меню