Разработка CMS системы на основе технологии ASP.NET

Дипломная работа - Компьютеры, программирование

Другие дипломы по предмету Компьютеры, программирование



а приветственную страницу XCMS Главная. Ему становятся доступны страницы редактирования основных настроек, добавления, удаления и редактирования пунктов меню, категорий и текстов статей, пользователей, стилей оформления и выход.

Рисунок 7.2 - Окно авторизации XCMS

Рисунок 7.3 - Неудавшаяся авторизация

При неудачной попытке авторизации выдается сообщение об ошибке с указанием причины ошибки. (Рисунок 7.3)

Основные настройки

Страница с главными настройками сайта (рисунок 7.4). Форма страницы содержит несколько текстовых полей:

Название сайта. Обязательно для заполнения. Содержит текст, который будет выводиться вверху браузера и на страницах сайта.

Описание. Необязательно для заполнения. Содержит информацию о сайте для включения в html-тэг description.

Рисунок 7.4 - Страница Основные настройки

Рисунок 7.5 - Страница Стили

Стили

При переходе на страницу Стили (рисунок 7.5) пользователь может увидеть список шаблонов оформления страниц (СSS шаблоны), доступных для использования на своем сайте и набор действий для них.

Есть возможность изменять файл с CSS через веб-интерфейс (рисунок 7.6).

Есть возможность добавлять свои CSS шаблоны. Для этого, необходимо скопировать папку с файлами шаблона в папку styles на веб-сервере. После этого шаблон появится в списке стилей, и его можно будет использовать.

Рисунок 7.6 - Окно редактирования стиля

Редактор меню

На данной странице (рисунок 7.7) есть возможность отредактировать названия пунктов меню и подменю, удалить лишние пункты и добавить новые.

Рисунок 7.7 - Страница Редактор меню

Рисунок 7.8 - Страница Разделы

Разделы

На этой странице (рисунок 7.8) можно увидеть список разделов сайта и доступные действия для них. Разделы - это фактически страницы сайта. Чтобы страница была отображена на сайте, нужно привязать ее к элементу меню. Для этого выбираем действие Изменить для нужного раздела. Теперь нам доступны функции настройки раздела (рисунок 7.9). Здесь достаточно выбрать из выпадающего списка название нужного элемента меню и нажать ОК рядом. После этого элемент меню, который был связан с разделом, будет ссылаться на страницу, отображающую статьи привязанного раздела. Чтобы страница не была пустой, нужно добавить на нее статьи. Статьи в систему добавляются на странице Статьи. Чтобы отобразить их на странице, достаточно привязать, кликнув на кнопку Добавить, затем выбрать из выпадающего списка нужное название статьи и нажать ОК. Системой предусмотрена возможность добавления основной статьи, которая будет отображена под логотипом сайта и нескольких дополнительных.

Рисунок 7.9 - Страница Настройка раздела

Статьи

Перейдя на страницу системы Статьи (рисунок 7.10) администратор системы может управлять списком статей.

Рисунок 7.10 - Страница Статьи

При добавлении или изменении статьи можно отредактировать ее текст при помощи встроенного текстового редактора (рисунок 7.11). В нем доступны основные функции редактирования текста, такие как изменения начертания, изменение шрифта и его размера.

Рисунок 7.11 - Страница Изменение статьи

Кроме того к статье можно присоединить изображение. Для этого нужно кликнуть левой кнопкой мыши в поле Изображение, после чего появится диалоговое окно выбора изображения. Затем достаточно кликнуть на кнопку Загрузить! и изображение будет добавлено к статье.

Пользователи

На этой странице (рисунок 7.12) пользователь может управлять списком администраторов CMS. После первой авторизации в XCMS рекомендуется изменить стандартный пароль администратора. Для этого нужно нажать Изменить после чего появится окно Редактирование параметров пользователя (рисунок 7.13). Здесь можно поменять логин и пароль.

Рисунок 7.12 - Страница Пользователи

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

8Апробация на прикладной задаче

Использование разработанной системы управления контентом XCMS при создании сайта автомастерской позволяет:

снизить временные затраты на оформление дизайна сайта

оперативно вносить изменения в содержание сайта

ускорить процесс управления контентом сайта

При создании сайта автомастерской Wash and Repair с помощью данной системы был использован шаблон оформления RepairCar, взятый с ресурса Flash Templates Today[34]. В качестве наполнения разрабатываемого сайта автомастерской частично была использована информация с сайта Автомастерской №1.

На рисунке 8.1 изображена главная страница созданного сайта.

Рисунок 8.1 - Главная страница сайта автомастерской

На главной странице была размещена единственная статья - главная статья страницы. Она разместилась согласно выбранному шаблону оформления.

Следующий рисунок 8.2 иллюстрирует страницу сайта О нас. Здесь была использована та же основная статья страницы, что и на главной странице и к ней добавилась одна дополнительная статья с более подробной информацией об организации.

Рисунок 8.2 - Страница О нас сайта автомастерской

Рисунок 8.3 - Страница «