4. Реализация
4.1. Средства реализации
В реализации поставленной задачи были использованы следующие средства и технологии:
1) Язык разметки HTML – для создания разметки интернет-странички каталога товаров
2) Язык программирования Javascript – для создания таблицы каталога товаров
3) Язык программирования PHP – для работы с данными на сервере
4) СУБД MySQL для создания и использования базы данных и требующихся таблиц в ней
5) Библиотека JQuery - популярная библиотека для расширения возможностей Javascript и упрощения работы с ним
6) Библиотека JQuery Easy-UI – библиотека интерфейсных элементов для упрощения создания javascript-таблицы товаров
4.2. Входные данные
Требуемая в постановке задачи таблица данных о товарах была сформирована в MySQL:
Рис. 9. База данных
На рис. 9 показана сформированная таблица Goods в базе данных, содержащая все необходимые по заданию поля и необходимый минимальный набор данных из 7 строк товаров.
4.3. Результат
Страничка с загруженной таблицей-каталогом товаров представлена на рис. 10.
Рис. 10. Интерфейс веб-странички каталога товаров
Заключение
В процессе летней практики я получил практический опыт использования следующих веб-технологий:
HTML
Javascript
PHP
MySql
В процессе летней практики я сделал обзор различных существующих программных библиотек, позволяющих упростить выполнение задачи построения сложных интерактивных таблиц.
Некоторые из найденных сторонних программных библиотек я успешно применил на практике:
JQuery
JQuery Easy-UI
В результате летней практики я полностью реализовал поставленную задачу, выполнив все описанные требования: создал интернет-страничку с каталогом товаров, описанных в базе данных, строки таблицы товаров сделаны сортируемыми и разбиты на странички, могут быть редактируемы пользователем и асинхронно сохранены на сервере.
Список литературы
1) http://www.jeasyui.com/ - Сайт Javascript-библиотеки JQuery Easy-ui.
2) https://www.sitepoint.com/30-amazing-jquery-tables/ - Сайт с обзором 30 плагинов таблицы для JQuery
3) http://www.hotscripts.com/blog/15-javascript-data-grids-enhance-html-tables/
4) https://www.datatables.net/ - Сайт Javascript-плагина DataTables
5) http://www.editablegrid.net/en/ - Сайт библиотеки EditableGrid