Разработка интернет-приложений.-3
.pdfМинистерство наукивысшего |
образованияРоссийскойФедерации |
Федеральноегосударствеобразовательноебюджетучреждение высшегообраз вания
«ТОМСКИЙГОСУДАРСТВЕННЫЙУНИВЕРСИТЕТ СИСТЕМУПРАВЛЕНИЯРАДИОЭЛЕКТРОНИКИ»ТУСУР()
Кафедраавтоматизации бработкиинформацииАОИ()
РАЗРАБОТКА ИНТЕРНЕТ-ПРИЛОЖЕНИЙ
Методическиеуказания |
выполнениюлабораторныхработ |
иорганизациисамостояработыельной |
длястудентов заочной |
фобучениярмы (уровеньбакалавриата)
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/ - есдляшаблонаисайтаиспользуются отдельныешаблвключобластейны. емых
Чтобыввизуальномредактореможнобылвыбиратьшаблон,на |
|
|
|
|
основекот здаетсярогоедактируемаяобласть,списокшабдляонов |
|
|
|
|
редактируобластейдол мых |
|
женбытьдобавленфайл.content.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 |