Разработка интернет-приложений.-1

Министерство наукивысшего

образованияРоссийскойФедерации

Федеральноегосударствеобразовательноебюджетучреждение высшегообраз вания

«ТОМСКИЙГОСУДАРСТВЕННЫЙУНИВЕРСИТЕТ СИСТЕМУПРАВЛЕНИЯРАДИОЭЛЕКТРОНИКИ»ТУСУР()

Кафедраавтоматизации бработкиинформацииАОИ()

РАЗРАБОТКА ИНТЕРНЕТ-ПРИЛОЖЕНИЙ

Методическиеуказания	выполнениюлабораторныхработ
иорганизациисамостояработыельной	длястудентов заочной
фобучениярмы	направления «Бизнес-информатика»

(уровеньбакалавриата)

2018

АхтямовЭмильКамильевич
СеменовЕвгенийВалериевич
Разработкаинтернет		-приложений:Методическиеуказания			по
выполнениюлабораторныхработ			иорганизациисамостояработыельной
длястудентов		заочнойфобучениярмы	направления«		Бизнес-
информатика»уровень(бакалавриата) /			Э.К. Ахтямов,Е.В.	Семенов. –
Томск, 2018.	– 31 с.

©Томгосударственныйкийуниверситет системуправлениярадиоэлектроники, 2018

© АхтямовЭ.К	., 2018
© СеменовЕ.В	., 2018
	2

		Оглавление
1	Введение..............................................................................................			4
2	Содержлабораторныхниебот		.......................................................	5
2.1.	ЛабораторнаяработаРабота« свключаемымирекламными
областями.Применениешаблонад »зайна			..................................................	5
2.2.	ЛабораторнаярабС« вебтаздание		- прил с о мощьюжений «1 С	-
Битрикс:Упра»йтомвление		......................................................................		7
2.3.	ЛабораторнработаПеревод« сайтна«1Сая		- Битрикс » натехнологию
композитногосайта»		.....................................................................................		9
2.4.	ЛабораторработаНастройки« информационныхаяблоков»			..12
2.5.	ЛабораторнаярабС« компонентаздание.Настройкамодуля
универспискаального»		.............................................................................		14
2.6.	ЛабораторнаяработаВерстка« под«1С		- Битрикс : Упр а » йтомвление
исоздшаблонание		– особенности,про .........................................	блемы »	20
3	Методичеуказаниядляоргансамостояиезацииработыельной			25
3.1.	Общиеположения	..............................................................................		25
3.2.	Самосизучтемоятельноеоретичниечастикурсаской ...............			25
3.3.	Прораболекционногоматкаериала ...................................................			26
3.4.	Подготовка клабораторнымработамиофотчетоврмлениек
лабораторнымработам		...............................................................................		27
3.5.	Подготовказачету	............................................................................		30
4	Рекомендуемаялитература ...............................................................			31

3

1 Введение

ЦелиизучендисцРазработкаи«яплиныинтернет			-приложений»
состоятвформзнанийпрактрованиинавыкспользованияческих
соврепрототевыхменных		колов,проект,разработкирования
тестировпрограиложен,нияфункционирующихммыхвсетий
Интернет.
Вкачествеклиентскогоприложения			используется	браузер,
установленныйоперационнсистеме.Выполняялаб раторныей
работы,не	используютсякакие	-либоспецифическиеэлементы		разметки
илистилей,поэтомуограниченийкбраузеруне			предъявляется.
Вкачтекстовогоствередактора			используетсяпрограмма
«Notepad++». Скачатьпоследнверсипрочитатьеюю			ё	описание
можнонасайтеhttp://notepad			-plus-plus.org/Можноиспользовать.
аналогичнуюпрограмму.Есливпроцессевыполнениялабораторных

работпонадобятсядругиепрограммные,одуктытообэтомбудет сказано.

4

2 Содержание лабораторных работ

2.1. Лабораторнаяработа«		Работасвключаемымирекламными
областями.Применениешаблонадизайна			»
Цельработа
Научитьсяработатьвариантамиразмещениясправочной
информациинавеб	-странице.
Порядвыплабораторнойлнениякработы
Включобластьемая		–	этоспециальновыделеннаяобл сть
стра,которуюницейтаможноре			дактироватьотдельноосновного
содержаниястраницы.

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

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

СодержимоевключаемыхобластейхранитсяотдельныхPHPили HTMLфайлах.Областидлястраницилиразделовсохраняются некоторымсуффиксом.На,поставляемыхримерфайлахпродукта качествеобозначениявключоблдлястраницыемойстииспользуется суффикснапримерinc, index(включоблincдляа.емаяphp),сть

разделасайтасохранявфайлеимsectидобавлениемтсянемк нему суффиксанапример( , sect inc.php).

Файлсвк областьюючдолженембытьхраненвтойже дирек,чтостраница,ориидлякоторойонбылсоздан.Включаемая областьдляраздела - впапкеэтогораздела.

5

Подключениеобластейвшаблонедизайтана		выполняется
помкомпонентащьюВставкавключоблибоастипомощьюемой
функцииIncludeFile().
Суффикс,исподобозначенияльзуемыйвключобластей, емых
опреднеляетопциейименнвнаскомпонентахятройВставка
включобласти.Коемпонентожнй		оразмещнетольковшаблонеть
дизайна,ностраницахсайтаусловием,чтосуфайфиксдолажен
бытьзаданотличнымтого,которыйиспользуетсявшаблоне.
Дляразмещениявключоблавыполнитеемойстиледующее:
Откройтедляредактиршаблсайования		таили
страницуввизуальномредакторе.
ДобавьтекомпонентВставкавключоблаемойсти
(bitrix:mainвшаблонсайиливтело.страницыinclude)настройтеего
параметры.
Созданиевключаемобластможбытьей:полненох
изадминистративногораздела		вМенеджерефайлов
(КонтентСтрук> сайФайлы>типапкиура),создавфайл
соответствующимименем;
изпубличногоразделасайтврежимеправки.Втех
местах,гдепредполагаетвыводвключаемыхобла,будутпоказаныстейя
иконкидлябыстпекрехогода	созданиюэтихобластей.

ПослевыборакомандыДобавитьобластьбудетзапущенвизуальный редсозданияактлядержимоговключобласти.Привыбореемй командыДобавитьоблакакстPHPвозможнымдобавлениеанеть областиврежимеРНРкода

Аналогичнопер ейтикредактированиювключаемыхобластей

можно:

•непосредстизпубличногораздсайтврежимеланноправки;

•лиадминистбозразде,открывлативногоедактирования соответствующийфайлМенеджерефайлов.

6

Включоблсоздаютсястиемыенаоснове			шабло,хравнящихсяов
папкахсименем/page_templates/:
/bitrix/templates/.default/page_templates/ - еслиданный
шабвклоючбластиниспоемойдвсехшаблоновьзуетсядизайна
сайта;
/bitrix/templates/<идентификатор
шаблона>/page_templates/	- еслид	ляшаблонасайтаиспользуются
отдельныешаблвключобластейны. емых
Чтобыввизуальномредактореможнобылвыбиратьшаблон,на
основекот здаетсярогоедактируемаяобласть,списокшабдляонов
редактируобластейдолженбытьдобавленмыхфайл.conten			t.php.
Файл.contentхранитсявпапке/.phpageвкаталогеtemplates/
соответствующегошаблонасайта.
2.2. Лабораторнаяработа«	Созданиевеб		-прилспомощьюжений
«1С -Битрикс:Упрайтом»вление
Цельзанятия
Получитьпрактическнавыксозданиявеб й			-приложения.

Порядвыплабораторнойлнениякработы

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

Перейдитевадминистрчастьсайт,нажавтивную «Адми»нпанелииступр.Выберитированиеавлепулевогоктыя менюКонте« нт» – «Инфоблоки» – «Типынфоблоков»,затемнажмите. НажмитенакнопкуДоба« типв»ый.ить

ВполеИдентификатор« (ID)»введун идентификаторкальныйте типанфоблока,например, «news»ВполеНазваниест.русскогооке

языкаукажитеНо«»,встрости океанглийского«News»Нажмите. «Сохранить».

7

СоздайтеинфобНовости«»лхраненияокновостей.Вдереве «Контент»выберитетолькочтос здаипнфоблоковныйинажмите кнопкуДобавить« инфоблок».

ВполеСим« код»вольведитекоднфоблокаый«news»,		вполе
«Наз»вванедНовости« »Выберите. вашсайтспискеСайты«».
НажмитеСохранить« ».
АналогичносоздайтеинфоблокКомментархранения« »для
комментариевновостям.ПрисозданииинфоблокаКомментарии« »
перейдитенавкладкуСвойства« »добавьте		инфосвоблокуейство
«IDновости»,типЧисло«»,код«PARENTВэтомсвойствебудетID».
хранитьсяиденовтификатор, привязанстимментарий.
Теперьвыможетесоздатьновик стимментариикнимперейдяк
инфоблоквдеревеКо« »натентжавм		«Добавитьэлемент».
Уновостиукажтекстназвание, анонса,детальноеописание,
можетевыбратькартинкудляанонсадетальнуюкартинку.У
комментукажитолько,тезваниерияанокстновостиIDса,к
котхоегтитепривязатьйо.
Следующийшаг	– этовыводновикомментариевстей.

Создараздляновостейелим.Дляэтогоперейдитепубличную частьсайта,выбрСайт«»нпанелиуправл.Пернаглавнуюенияйдите стра,заницуйтаемнажмитекнопкуСоздать« раздел»напанели управления.Укажите заголовразделаНовости« »,кгалочкувьте пунктаДобави« пункменю»Перей. тьвсозразделите,анныйвыбрав пунктменюНовости« ».

ВыведемновонаглавнуюстираницузделаНовости« »Для.этого
нажмитекнопкуИзме« страницу»панелиитьуправ		ления,в
появившемсяокне,спискекомпонент,найдитекомпонентСписок« в
нов»падростКонтент«»суй	– «Новости»	– «Списновостей». к
Перенеситекомпвлевуюобластьокна.Впоявившемсянтокне
настройкипараметровкомпонентаукажитенформационн		огоблока
«[news]Нов»икинфомацистидблокаНов« »Найдите.ополестинного
«URLстраницыдетальпросмотра»,внвведитеегоого
	8

«/novosti/detailэтоукажадресбу т.етальнойущейphp?ID=#ID#»,
страито,чтонанеёицытребуетсяпередатьтекущейIDново					сти.
Сохранитеизменения.
Страницадолжнаперезагрузиться,теперьнанейвиденсписок
добавленныхваминовостей.
Создайтестраницудлядетальногопросмнов.Дляэтогостира
нажмитеСоздать« страницу»напанелиуправления.Укажитезаголовок
страницыДет«	альн»,имяфа«detailяйлауберитегалочку.php»,пункта
«Добавипункменю». ть
Откройтеокноизмд нениятальстраницыразмойнаеститей
компН«одетвостьнент»поальнодресуКонтент«»			–	«Новости»	–
«Новостьдетально»Вокне. настройкикомпонентау				кажитетип
информациблока«[news]Нов»,коиндстиногофоблокаНовости« »
IDновости«={$_ТакимREQUEST["ID"]}»образом,компонентбудет .
выводитьинформациютойновости, которойIDбылпереданвзапросе.
Сохранитеизменения.
Страницадетальногопрос		мотрасоздана.Выможпроверитьтеё
работу,пев ейазНо«д»еляивостиыбравлюбуюиздобавленных
ваминовостей.
2.3. Лабораторнаяработа«		Переводсайтана«1С	-Битрикс»на
технкомпозитногологиюсайта		»
Цельработы
Создатьпрограммныйкод,кот рыйзвол			ускоритьвыдачувеб		-
страницыпользователю.
Порядвыплабораторнойлнениякработы
Присозданиикомпозитногосайта,такжедляотладкиработы,
необходимоопредевфайлитьконстантуdbconn.php
define("BXВэтомCOMPOSITEслучаев		_DEBUG", true);.		огбудут
писатьсявсеголосованияпротив"",такжесоздаватьсяистория
		9

изменстравкешени(/bitrix/htmlйц срасширениемpages/<domain>/)

.delete.<microtime>.

Нар ботающемсайтеиспользовэтконстайприведетниеты
увеличениюиспольздисковования	гопространства.Поэтомуеёлучше
отключитьпосленастройкиКомпозитногосайта.
Основнойинструментработы	– этол,которыйггенерируетфункция
AddMessage2LogМесторасплоложенияпределяетсяганастройками.
dbconn.php:

define("LOG_FILENAME", $_SERVER[«DOCUMENT_ROOT"]."/../log.txt");

Влогеможноувидетьсписокшаблонов,котг лосорые	вали
«против»Рисунок( 9).

	Рисунок1	– Фрагменталога
Впримерелогавидно,чток менюпонент		«возражает» против
использованияеготехнК мпозлогиисайт.	тный
		10