Создание удобной WEB - системы, которая предоставит пользователю полную информацию об современном и классическом искусстве

Задачей курсового проектирования является создание интернет-ориентированной информационной системы предприятия, организации, подразделения, отдельного человека, например «Кафедра Вычислительная техника», «Моя группа», «Электронный магазин» по продаже книг...

2014-06-11

1.44 MB

3 чел.


Поделитесь работой в социальных сетях

Если эта работа Вам не подошла внизу страницы есть список похожих работ. Так же Вы можете воспользоваться кнопкой поиск


Оглавление

Титульный лист 1Определение целей создания информационной системы 3Описание основных задач, решаемых системой 3Выбор инструментария 3Разработка логической и физической структуры сайта 4Структура базы данных 5Внешний вид основный страниц сайта 7Описание HTML-кода основных статических страниц сайта 12index.php 12media.php 14structure.php 16Описание скриптов для клиентской частей 20Скрипт для открытия/закрытия некоторых элементов 20Описание серверных скриптов для интерактивного взаимодействия клиентской и серверной частей 20Скрипт для очистки сессий 20Скрипт для входа/регистрации 20Вход 20Регистрация 21Скрипт для добавления сообщений на форуме 22

Библиографический список 23


Определение целей создания информационной системы

Цели проекта:

Создание удобной WEB - системы, которая предоставит пользователю полную информацию об современном и классическом искусстве.

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

Необходимо создать систему регистрации пользователей с жесткими требованиями к внесению контактной информации, по которой к нему можно будет обращаться.

Требуется создать административный модуль управления сайтом, который позволит администратору получить неограниченный доступ к реляционной базе данных и предоставит возможность удалять, редактировать и добавлять записи.

Рабочий интерфейс должен быть ориентирован на самого неопытного пользователя, который будет очень прост и удобен в использовании.

При разработке дизайна сайта надо принять во внимание множество факторов, которые будут влиять на его качества, такие как:

  •  Совместимость со всеми популярными браузерами;
  •  Оптимальное сочетание цветов и шрифтов;
  •  Удобная система навигации по сайту;
  •  Нормальная загрузка графики при плохом качестве соединения.
  •  

Описание основных задач, решаемых системой

Задачей курсового проектирования является создание интернет-ориентированной информационной системы предприятия, организации, подразделения, отдельного человека, например «Кафедра Вычислительная техника», «Моя группа», «Электронный магазин» по продаже книг, электроники, компьютерного оборудования и др., «Личная страница», «Справочная система» и т.д. Объект, для которого создается информационная система может быть выбран самим студентом. В частности, основой может стать база данных, разработанная студентом при выполнении курсового проектирования по курсу «Базы данных». При этом в ходе курсового проектирования по данному предмету, основное внимание должно быть уделено разработке соответствующего сайта. На сайте должны быть реализованы традиционные виды информационного сервиса: поиск по странице, счетчик посещений, навигация, форум, регистрация пользователей, для электронных магазинов – выбор и оплата товаров.

Выбор инструментария

Рекомендуемые языки и программные средства для создания информационной системы:

  •  Для создания статических страниц использовать язык гипертекстовой разметки HTML;
  •  Язык для написания клиентских скриптов – JavaScript;
  •  Язык для написания серверных скриптов – PHP v.4;
  •  Браузер для просмотра – Google Chrome или Mozilla Firefox.
  •  Система управления базами данных – MySQL;
  •  Web сервер – Apache.
  •  Для создания Web-страниц используется Subline Text 2

Проверка работоспособности информационной системы будет осуществляться в среде набора для  Web-разработчика – Denver.

Разработка логической и физической структуры сайта

Под логической структурой сайта понимается перечень тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса. Физическая структура подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован сайт. Физическая структура в значительной степени зависит от типа Web сервера, на котором опубликован сайт.

Структура базы данных

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

В составе пакета Denwer поставляется СУБД MySQL. Для создания баз данных, работе с ними используется программа phpMyAdmin.  Для работы с ней используется язык структурированных запросов SQL (Structure Query Language), который позволяет выполнять различные операции с базами данных: создавать таблицы, помещать, обновлять и удалять из них данные, производить запросы из таблиц и т.д.

Для разработки сайта потребовалось создать три таблицы: news, users, images, messages, category, part, themes.

Таблица news содержит данные о публикации новости (заголовок, содержание, дата и т. д.). Данные в таблицу вносятся только администратором с помощью специальной панели, появляющейся после авторизации с учетной записью администратора.

Таблица users содержит данные обо всех зарегистрированных пользователях системы. Данные в таблицу вносятся во время регистрации на сайте.

Таблица images содержит в себе картинки для новостей, с указанием пути к файлу и идентификатор новости, которой она принадлежит. Данные заполняются автоматически, когда администратор добавляет фото в альбом какой-либо новости.

Таблица messages содержит в себе сообщения, опубликованные на форуме. Заполняется пользователями со страниц форума, когда те нажимают кнопку «Отправить».

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

Таблица part содержит в себе данные о разделах форума с указателем идентификатора категории, к которой они относятся. Данные в таблицу вносятся только администратором с помощью специальной панели, появляющейся после авторизации с учетной записью администратора.

Таблица themes содержит в себе данные о темах форума, с указателями идентификатора раздела, к которому они относятся. Данные в таблицу вносятся только администратором с помощью специальной панели, появляющейся после авторизации с учетной записью администратора.

Внешний вид основный страниц сайта





  •  


Описание HTML-кода основных статических страниц сайта


index.php

<!DOCTYPE html>

<html>

  <head>

   <title>ОС ФСКН</title>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

   <link href="main.css" rel="stylesheet" type="text/css" />

  </head>

  <body>

   <header>

  <div id="head_wrap">

   <div id="logo">

  <img src="files/0/images/interface/logo.png">

   </div>

   <div id="menu">

  <ul class="main_menu">

   <a href="index.php"><li style="border-right: none;">Главная</li></a>

   <a href="media.php"><li style="border-right: none">Медиа</li></a>

   <a href="structure.php"><li style="border-right: none;">Структура совета</li></a>

   <a href="forum.php"><li style="border-right: none;">Форум</li></a>

   <a href="archive.php"><li>Архив новостей</li></a>

  </ul>

   </div>

  </div>

</header>

  <div id="content">

  <div id="left_col">

   <div id="news">

  <div class="title_news">Новости</div>

  <div class='new_item'>

  <div class='date'><span style='font-size:1.82em'>1</span></br><span style='font-size:1.16em'>января</div>

  <div class='text_block'>

   <div class='article_new'>Новый год</div>

   <div class='text_new'><img align='left' src='./images/news/571e32a9497bc9ce85a05dda04543fd6.jpg'>Всех с новым годом, друзья!...</div>

   <div class='more'><a href='news.php?id=1'>Подробнее...</a></div>

  </div>

   </div>

  <div class='new_item'>

  <div class='date'><span style='font-size:1.82em'>13</span></br><span style='font-size:1.16em'>января</div>

  <div class='text_block'>

   <div class='article_new'>Старый новый год</div>

   <div class='text_new'><img align='left' src='./images/news/a335e0259ed6062d4403bc73bfff394b.jpg'>С праздником......</div>

   <div class='more'><a href='news.php?id=2'>Подробнее...</a></div>

  </div>

   </div>

   <div class='new_item'>

  <form action = "./DBScripts/addnews.php" method = "POST" enctype = 'multipart/form-data'>

  <div class='date'><span style='font-size:1.82em'><input style = "width: 50px;" type = "number" name = "day" placeholder="День"></span></br><span style='font-size:1.16em'><input style = "width: 60px;" type = "number" name = "month" placeholder="Месяц"></div>

  <div class='text_block'>

   <div class='article_new'>

  <input style = "width: 150px;" type = "text" name = "title" placeholder="Заголовок новости">

   </div>

   <div class='text_new'>

  <img align='left' src='images/news/null.jpg'>

  <textarea style = 'height: 200px; width: 50%;' align = 'left' name = 'content' placeholder = 'Содержание'></textarea>

   </div>

  </div>

  <input type = "submit" name = "action" value = "Добавить">

  </form>

   </div>

  </div>

  </div>

  <div id="right_col">

   <div class="pust_vsegda">

  <a href="./project.php"><img src="files/0/./images/interface/ia.jpg"></img></a>

</div>   <script>

  $(document).ready(function(){$('.main_form').css({'display':'none'})});

  function toggle(){

  var el = document.getElementById('main_form');

   el.style.display = (el.style.display == 'none') ? 'block' : 'none';

  }

</script>

<div id="ip" onClick='toggle()'>

  <div class="ip_title">

   <img src="files/0/./images/interface/ip.png"> <span class="text_article_ip">Интернет приемная</span>

  </div>

  <div class="ip_forma">

   <form class="main_form" id="main_form">

  <input type="email" name="email" placeholder="Введите e-mail"></input>

  <input type="text" name="fam" placeholder="Введите Фамилию"></input>

  <input type="text" name="name" placeholder="Введите имя"></input>

  <input type="text" name="surname" placeholder="Введите отчество"></input>

  <input type="text" name="theme" placeholder="Тема сообщения"></input>

  <textarea type="textarea" name="message" placeholder="Сообщение..."></textarea>

  <input class="button_ip_submit" type="submit" value="ОТПРАВИТЬ"></input>

   </form>

  </div>

 </div>

</div>

   </div>

   <div class="footer">

  <div class="copys">

   <span class="fskn">©2013 Общественный совет при УФСКН РФ по Самарской области</span><br>

   <span class="volga">Разработано в «Volga-IT-Group»</span>

  </div>

  <div class="links">

   <a href="http://samaraanticorr.ru/"><img src="files/0/./images/interface/5375.png" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

   <a href="http://guvd63.ru/society/8588/"><img src="files/0/./images/interface/police.gif" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

   <a href="http://www.63.fskn.gov.ru/"><img src="files/0/./images/interface/UPFO.gif" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

  </div>

   </div>   

  </body>

</html>


media.php

<!DOCTYPE html>

<html>

    <head>

   <title>ОС ФСКН - Медиа</title>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

   <link href="main.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

   <header>

    <div id="head_wrap">

   <div id="logo">

  <img src="files/0/images/interface/logo.png">

   </div>

   <div id="menu">

  <ul class="main_menu">

    <a href="index.php"><li style="border-right: none;">Главная</li></a>

    <a href="media.php"><li style="border-right: none">Медиа</li></a>

    <a href="structure.php"><li style="border-right: none;">Структура совета</li></a>

    <a href="forum.php"><li style="border-right: none;">Форум</li></a>

    <a href="archive.php"><li>Архив новостей</li></a>

  </ul>

   </div>

    </div>

</header>   <div id="content">

  <div id="left_col">    

    <div id="media_main">

   <div class="title">Медиа</div>

   <div class="custom"  >

  <div id="media">

    <div id="photo">

    <br>

    <span style="color: #206CCD; font-size: 1.59em; line-height: 1.2em; margin-bottom: 15px;">Альбомы новостей</span>

    <br>

    <div class='album'><div class='album_title'>Новый год<br></div><div class='imagelist'><a href='images/news/571e32a9497bc9ce85a05dda04543fd6.jpg' rel='lightbox-tour'><img src='images/news/571e32a9497bc9ce85a05dda04543fd6.jpg'></a> <a href='images/news/87d07f90f10c40ed8075f45c042fe6f6.jpg' rel='lightbox-tour'><img src='images/news/87d07f90f10c40ed8075f45c042fe6f6.jpg'></a> <a href='images/news/538dcf9d8b98ac9a193a01f25d975ad2.jpg' rel='lightbox-tour'><img src='images/news/538dcf9d8b98ac9a193a01f25d975ad2.jpg'></a> </div><a href='albums.php?id=1'>Смотреть полный альбом</a></div><div class='album'><div class='album_title'>Старый новый год<br></div><div class='imagelist'><a href='images/news/a335e0259ed6062d4403bc73bfff394b.jpg' rel='lightbox-tour'><img src='images/news/a335e0259ed6062d4403bc73bfff394b.jpg'></a> <a href='images/news/06d3bc740e8ba0c8f64427649f537269.jpg' rel='lightbox-tour'><img src='images/news/06d3bc740e8ba0c8f64427649f537269.jpg'></a> <a href='images/news/4f6a306c94af679657ced7273b5ad4ea.jpg' rel='lightbox-tour'><img src='images/news/4f6a306c94af679657ced7273b5ad4ea.jpg'></a> </div><a href='albums.php?id=2'>Смотреть полный альбом</a></div></div>     </div>

   </div>

    </div>

  </div>

  <div id="right_col">

    <div class="pust_vsegda">

    <a href="./project.php"><img src="files/0/./images/interface/ia.jpg"></img></a>

</div>     <script>

    $(document).ready(function(){$('.main_form').css({'display':'none'})});

    function toggle(){

    var el = document.getElementById('main_form');

   el.style.display = (el.style.display == 'none') ? 'block' : 'none';

    }

</script>

<div id="ip" onClick='toggle()'>

    <div class="ip_title">

   <img src="files/0/./images/interface/ip.png"> <span class="text_article_ip">Интернет приемная</span>

    </div>

    <div class="ip_forma">

   <form class="main_form" id="main_form">

  <input type="email" name="email" placeholder="Введите e-mail"></input>

  <input type="text" name="fam" placeholder="Введите Фамилию"></input>

  <input type="text" name="name" placeholder="Введите имя"></input>

  <input type="text" name="surname" placeholder="Введите отчество"></input>

  <input type="text" name="theme" placeholder="Тема сообщения"></input>

  <textarea type="textarea" name="message" placeholder="Сообщение..."></textarea>

  <input class="button_ip_submit" type="submit" value="ОТПРАВИТЬ"></input>

   </form>

    </div>

</div>     </div>

  

   </div>

   <div class="footer">

    <div class="copys">

   <span class="fskn">©2013 Общественный совет при УФСКН РФ по Самарской области</span><br>

   <span class="volga">Разработано в «Volga-IT-Group»</span>

    </div>

    <div class="links">

   <a href="http://samaraanticorr.ru/"><img src="files/0/./images/interface/5375.png" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

   <a href="http://guvd63.ru/society/8588/"><img src="files/0/./images/interface/police.gif" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

   <a href="http://www.63.fskn.gov.ru/"><img src="files/0/./images/interface/UPFO.gif" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

    </div>

   </div>

 </body>

</html>


structure.php

<!DOCTYPE html>

<html>

    <head>

   <title>ОС ФСКН - Структура Совета</title>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

   <link href="main.css" rel="stylesheet" type="text/css" />

   <script src="files/0///ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

   <script>

  

  function show(id){

    document.getElementById(id).style.display = "block";

  }

  function hide(id){

    document.getElementById(id).style.display = "none";

  }

   </script>

    </head>

    <body>

   <header>

    <div id="head_wrap">

   <div id="logo">

  <img src="files/0/images/interface/logo.png">

   </div>

   <div id="menu">

  <ul class="main_menu">

    <a href="index.php"><li style="border-right: none;">Главная</li></a>

    <!--<a href="docs.php"><li style="border-right: none;">Документы</li></a>-->

    <a href="media.php"><li style="border-right: none">Медиа</li></a>

    <!--<a href="action.php"><li style="border-right: none;">Акции</li></a>-->

    <a href="structure.php"><li style="border-right: none;">Структура совета</li></a>

    <a href="forum.php"><li style="border-right: none;">Форум</li></a>

    <a href="archive.php"><li>Архив новостей</li></a>

  </ul>

   </div>

    </div>

</header>   <div id="content">

  <div id="media_main">

    <div class="title">Структура общественного совета</div>

    <div class="custom_str"  >

   <div id=ss_body>

  <div class="ss_main">

    <div class="ss_head">Руководство</div>

    <div class="ss_table">

   <div class="ss_block">

  <div class="ss_start" onclick="show('1')"><h4>Цветкова Ирина Владимировна</h4> <h1>Председатель общественного совета</h1></div>

  <div class="ss_end" id="1"> Председатель Самарской областной организации Союза журналистов России, заслуженный работник культуры РФ.

    <br><span style="color:#026ccd" onclick="hide('1')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('2')"><h4>Нарушев Михаил Семенович</h4> <h1>Первый заместитель Председателя</h1></div>

  <div class="ss_end" id="2">  

    Образование:

    <br>1989-1994г.г.

    <br>Самарский Государственный Университет Юридический факультет с отличием

    <br>Трудовая деятельность:

    <br>С 1994 - по н/в

    <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

    <br><span style="color:#026ccd" onclick="hide('2')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('3')"><h4>Быков Андрей Александрович</h4> <h1>Заместитель Председателя</h1></div>

  <div class="ss_end" id = "3">  

  Образование:

   <br>1989-1994г.г.

   <br>Самарский Государственный Университет Юридический факультет с отличием

   <br>Трудовая деятельность:

   <br>С 1994 - по н/в

   <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

    <br><span style="color:#026ccd" onclick="hide('3')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('4')"><h4>Бородин Алексей Викторович</h4> <h1>Заместитель Председателя</h1></div>

  <div class="ss_end" id = "4">  

    Образование:

   <br>1989-1994г.г.

   <br>Самарский Государственный Университет Юридический факультет с отличием

   <br>Трудовая деятельность:

   <br>С 1994 - по н/в

   <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

   <br>С 2002 – по 2012 год

   <br>вице-президент Палаты адвокатов Самарской области

   <br>Общественная деятельность:

   <br>С 2000 – по н/в

   <br>Консультант общественной приемной аппарата полномочного представителя Президента РФ в Приволжском Федеральном округе

    <br><span style="color:#026ccd" onclick="hide('4')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('5')"><h4>Толстова Елена Валерьевна</h4> <h1>Секретарь совета</h1></div>

  <div class="ss_end" id = "5">  

  Образование:

   <br>1989-1994г.г.

   <br>Самарский Государственный Университет Юридический факультет с отличием

   <br>Трудовая деятельность:

   <br>С 1994 - по н/в

   <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

    <br><span style="color:#026ccd" onclick="hide('5')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('6')"><h4>Колодов Дмитрий Александрович</h4> <h1>Пресс-секретарь совета</h1></div>

  <div class="ss_end" id = "6">  

    

    <br><span style="color:#026ccd" onclick="hide('6')"></span>

  </div>

   </div>

  

   <div class="ss_head">Группа по совершенствованию форм и методов профилактики наркомании, пропаганды здорового образа жизни и реабилитации наркозависимых.

    </div>

    <div class="ss_table">

   <div class="ss_block">

  <div class="ss_start" onclick="show('7')"><h4>Кочубей Ольга Витальевна</h4> <h1>Руководитель рабочей группы</h1></div>

  <div class="ss_end" id="7">  

  Образование:

   <br>1989-1994г.г.

   <br>Самарский Государственный Университет Юридический факультет с отличием

   <br>Трудовая деятельность:

   <br>С 1994 - по н/в

   <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

    <br><span style="color:#026ccd" onclick="hide('7')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('8')"><h4>Мюльбах Дмитрий Витальевич</h4> <h1>Заместитель руководителя группы</h1></div>

  <div class="ss_end" id="8">  

  Образование:

   <br>1989-1994г.г.

   <br>Самарский Государственный Университет Юридический факультет с отличием

   <br>Трудовая деятельность:

   <br>С 1994 - по н/в

   <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

    <br><span style="color:#026ccd" onclick="hide('8')">Скрыть</span>

  </div>

   </div>

   <div class="ss_block">

  <div class="ss_start" onclick="show('9')"><h4>Корякин Сергей Александрович</h4> <h1>Член рабочей группы</h1></div>

  <div class="ss_end" id = "9">  

  Образование:

   <br>1989-1994г.г.

   <br>Самарский Государственный Университет Юридический факультет с отличием

   <br>Трудовая деятельность:

   <br>С 1994 - по н/в

   <br>является Адвокатом Самарской областной коллегии адвокатов, Член квалификационной комиссии Палаты адвокатов Самарской области

    <br><span style="color:#026ccd" onclick="hide('9')">Скрыть</span>

  </div>

   </div>

   

    </div>

  </div>

  <div class="ss_main">

    <div class="ss_head">

    </div>

    <div class="ss_table">

   

    </div>

  </div>

    </div>

</div>

   </div>

   <div class="footer">

    <div class="copys">

   <span class="fskn">©2013 Общественный совет при УФСКН РФ по Самарской области</span><br>

   <span class="volga">Разработано в «Volga-IT-Group»</span>

    </div>

    <div class="links">

   <a href="http://samaraanticorr.ru/"><img src="files/0/./images/interface/5375.png" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

   <a href="http://guvd63.ru/society/8588/"><img src="files/0/./images/interface/police.gif" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

   <a href="http://www.63.fskn.gov.ru/"><img src="files/0/./images/interface/UPFO.gif" width="150" height="54" alt="police" style="margin-top: 10px; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto;" /></a>

    </div>

   </div>

</body>

</html>


Описание скриптов для клиентской частей

Главный недостаток языка HTML — это полное отсутствие независимых от пользователя средств управления и контроля за отображением и просмотром Web-страниц. Содержимое и/или параметры отображения той или иной страницы задаются жестко в момент написания и не могут быть изменены в процессе отображения страницы и просмотра ее пользователем. Клиентские скрипты позволяют создать интерактивные  web – страницы, внешний вид которых может быть задан пользователем без обращения к Web- серверу.  Наиболее популярный язык для написания клиентских скриптов — JavaScript.

Скрипт для открытия/закрытия некоторых элементов на странице (Интернет-приемная, члены совета и т. д.)

<script>

$(document).ready(function(){$('.main_form').css({'display':'none'})});

function toggle(){

var el = document.getElementById('main_form');

 el.style.display = (el.style.display == 'none') ? 'block' : 'none';

}

</script>

Описание серверных скриптов для интерактивного взаимодействия клиентской и серверной частей

Один из самых распространенных языков для написания серверных скриптов – PHP.

Скрипты РНР должны располагаться там, где разрешен доступ через WWW, например, там же где лежит домашняя страничка, если РНР файл лежит на локальной машине, то его можно обработать с помощью интерпретатора командной строки.

Скрипт для очистки сессий

<?php

setcookie("id", "", time()-3600);

 setcookie("hash", "", time()-3600);

session_unset();

session_destroy();

Header("Location: index.php");

 exit();

?>

Скрипт для входа/регистрации

 Вход

<?php

$email = $_REQUEST['email'];

$pas = $_REQUEST['password'];

 

require("./additions/varibles.php");

include("./additions/common.php");

connect($host, $user, $password, $db);

 

if(@!$_REQUEST['action']){

 $sql = "select * from `users` where `email` = '$email'";

 $result = mysql_query($sql);

 $user = mysql_fetch_array($result);

 $inform = $user['id'];

 if($email == ''){$break=1;}

 if($pas == ''){$break=1;}

 if($user['password'] == md5($pas)){setcookie('login', 'true'); setcookie('user', $inform);     header('location: forum.php?authorization=granted');}

 else{header('location: forum.php?authorization=danied');}

}

else{

 setcookie('user', ''); setcookie('login', ''); header('location: forum.php');

}

 

if($break == 1){

 setcookie('user', ''); setcookie('login', ''); header('location: forum.php?authorization=danied');

}

?>

 Регистрация

<?php

$name = $_POST['name'];

$surname = $_POST['surname'];

$email = $_POST['email'];

$password = $_POST['password'];

$password2 = $_POST['password2'];

$pas = $_POST['password'];

 

$error = false;

$errors = "Ошибка! ";

if($password != $password2){$error = true; $errors = $errors."\nВведенные пароли не совпадают, ";}

if($password == ''){$error = true; $errors = $errors."\nВы не ввели пароль, ";}

if($surname == ''){$error = true; $errors = $errors."\nВы не ввели фамилию, ";}

if($email == ''){$error = true; $errors = $errors."\nВы не ввели email, ";}

if($password2 == ''){$error = true; $errors = $errors."\nВы не повторили пароль, ";}

$pas = md5($pas);

if($error == false){

 require("./additions/varibles.php");

 include("./additions/common.php");

 connect($host, $user, $password, $db);

 

 $query="INSERT INTO `users` (`name`, `surname`, `email`, `password`) VALUES ('$name', '$surname', '$email', '$pas');";

 if(mysql_query($query)){echo "Поздравляем с успешной регистрацией. Теперь вы должны подтвердить регистрацию. Для этого просмотрите свою почту $email";}

 else{echo "Пользователь с таким email уже зарегистрирован";}

}

else{echo $errors;}

?>

Скрипт для добавления сообщений на форуме

 <?php

if(@$_REQUEST['message']){

 if(@$_COOKIE['user']){

  $message = $_REQUEST['message'];

//  date_default_timezone_set('UTC');

  $date = date('d.m.Y');

  $time = date('H:i:s');

  $id = $_COOKIE['user'];

  $query="select * from users where id = $id";

  $result = mysql_query($query);

  $auth = mysql_fetch_array($result);

  connect($host, $user, $password, $db);

  $query = "INSERT INTO `messages` (`theme`, `message`, `date`, `time`, `user`) VALUES ('$themeid', '$message', '$date', '$time', '$auth[name] $auth[surname]');";

  mysql_query($query);

 }

}

 ?>


Библиографический список

  •  http://www.htmlbook.ru
  •  http://www.php.su
  •  http://www.css.manual.ru
  •  А. Овчаренко, «Ajax на примерах»



 

Другие похожие работы, которые могут вас заинтересовать.
2489. СОЗДАНИЕ 3D СИСТЕМЫ, КОТОРАЯ БУДЕТ ГАРАНТИРОВАННО ПРИВЛЕКАТЬ ВНИМАНИЕ ПИЛОТА К ПРЕДУПРЕЖДЕНИЯМ О ПОТЕНЦИАЛЬНОЙ ИЛИ ЯВНОЙ УГРОЗЕ БЕЗОПАСНОСТИ 84.71 KB
  Освещенный белым светом он кажется окрашенным и при поворотах при изменении угла наблюдения начинает переливаться всеми цветами радуги. Этот эффект воз никает потому что в различных направлениях чешуйки кристалла отражающие свет расположены на различных расстояниях и отражают из белого цвета лишь волны с определенной длинной. В горячей точке шаг спирали чутьчуть увеличится на пленке появится точка иного цвета. СЛОВАРЬ ТЕОРИИ ЦВЕТА Цветом можно любоваться бесконечно но вот обсуждать тему цвета порой бывает трудно.
9991. Создание программного продукта для более удобной работы c операторами языка C++ 682.67 KB
  Шифрование текста необходимо для защиты информации от посторонних для кого она не предназначена. Шифрование – это способ защиты данных от несанкционированного использования. Шифрование для защиты информации полагается на разделы математики, называемой криптографией.
13757. Создание сетевой системы тестирования электронного сопровождения курса Операционные системы (на примере инструментальной оболочки Joomla) 1.83 MB
  Программа для составления тестов позволит работать с вопросами в электронном виде использовать все виды цифровой информации для отображения содержания вопроса. Целью курсовой работы является создание современной модели webсервиса тестирования знаний с помощью средств webразработки и программная реализация для эффективной работы тестовой системы – защита от копирования информации и списывания при контроле знаний т. Последние два означают создание равных для всех условий прохождения контроля знаний невозможность списывания и...
17426. Развитие кубизма как одно из направлений в искусстве 374.08 KB
  Его представители – Пабло Пикассо Жорж Брак Фернан Леже Робер Делоне – исповедовали настоящую страсть к эксперименту поиску новых выразительных средств и приемов. Считается что появление кубизма стало результатом влияния на мировосприятие его основоположников Пикассо и Брака привезенной тогда в Европу африканской...
20816. РОЛЬ БАНКА РОССИИ НА СОВРЕМЕННОМ ЭТАПЕ РАЗВИТИЯ БАНКОВСКОЙ СИСТЕМЫ 243.78 KB
  Эффективное функционирование банковской системы - необходимое условие развития рыночных отношений в России что объективно определяет ключевую роль Центрального банка в регулировании банковской деятельности и немаловажным фактором развития и укрепление банковской системы является организация самого Банка России. Но стабильное и планомерное развитие банковской системы в свою очередь не может происходить без грамотного руководства со стороны главного банка страны поэтому роль центрального банка на современном этапе достаточно велика и от...
19768. Банковский маркетинг на современном этапе развития банковской системы Республики Казахстан 1.65 MB
  Это внешняя и внутренняя идеология стратегия тактика и политика деятельности банка определяемая конкретной общественно-политической и экономической ситуацией. Последние изменения в банковских системах стран с развитой рыночной экономикой реальная хозяйственная ситуация в Казахстане сегодня привлекли к жизненной необходимости освоения коммерческими банками самых современных приемов и способов маркетинга. Чтобы выжить в конкурентной борьбе банкам предстоит осваивать новые виды услуг новые формы бизнеса выдвигать на первое место не только...
6707. Проектирование реляционных баз данных. Проблемы проектирования в классическом подходе. Принципы нормализации, нормальные формы 70.48 KB
  Что такое проект реляционной базы данных Это набор взаимосвязанных отношений в которых определены все атрибуты заданы первичные ключи отношений и заданы еще некоторые дополнительные свойства отношений которые относятся к принципам поддержки целостности. Поэтому проект базы данных должен быть очень точен и выверен. Фактически проект базы данных это фундамент будущего программного комплекса который будет использоваться достаточно долго и многими пользователями.
5975. Создание информационной системы Интернет-магазин 2.73 MB
  Нужды администраторов интернет магазина в складском, торговом, бухгалтерском и налоговом учете должны поддерживаться невидимой посетителям частью интернет-магазина — бэк-офисом. Экономически эффективной практикой создания интернет магазинов является применение специализированных систем учета.
11927. Создание системы сличения шкал времени 18.16 KB
  Разработан способ сличения шкал времени и устройство для его реализации. Изобретение относится к области средств связи и навигации и предназначено для повышения оперативности сличения пространственноразнесенных шкал хранителей времени а также для повышения надежности и достоверности обмена сообщениями между подвижными объектами и наземным центром управления в условиях организованных и непреднамеренных помех. Существует ряд методов с помощью которых производится сличение шкал времени ШВ с погрешностью в несколько наносекунд и менее.
19403. Создание системы по работе с клиентами для ЗАО «ННВП» 763.82 KB
  Для выборки данных в Trnsct-SQL существует команда SELECT которая позволяет как делать простую выборку всех данных из одной таблицы текущей базы данных так и выполнять сложные запросы одновременно к множеству таблиц различных баз данных расположенных на нескольких серверах сети Результатом SQL- запроса на выборку всегда является таблица. В качестве примера можно привести запрос позволяющий создать временную таблицу содержащую информацию о талонах проданных в заданный период времени: INSERT INTO TempTble coupon_num dte sttus gs_nme...
© "REFLEADER" http://refleader.ru/
Все права на сайт и размещенные работы
защищены законом об авторском праве.